On the podcast today, we have Paul Lacey, an experienced UK designer deeply entrenched in the world of WordPress. With years of experience working with agencies and clients, Paul will help us tackle the question: should we be offering clients a Content Management System (CMS)?Paul brings a wealth of knowledge, having transitioned from a small agency owner to a freelance web consultant. He focuses on building websites and consulting, steering clear of marketing but fully embracing the technological side. We delve into the challenges and decisions surrounding the use of CMSs like WordPress, how they have influenced the design process over the years, and whether or not they are necessary for clients.We discuss the practical aspects of offering a CMS: managing content, user permissions, and dealing with the demands and constraints that often come with these systems. Paul shares his experiences navigating these waters, working with both direct clients and agencies, and his thoughts on where the industry might be headed.If you've ever grappled with the decision of whether to integrate a CMS into your workflow or simply offer bespoke solutions to your clients, this episode will provide you insight and perspective on the evolving landscape of web design and development.

On the podcast today, we have Paul Lacey, an experienced UK designer deeply entrenched in the world of WordPress. With years of experience working with agencies and clients, Paul will help us tackle the question: should we be offering clients a Content Management System (CMS)?Paul brings a wealth of knowledge, having transitioned from a small agency owner to a freelance web consultant. He focuses on building websites and consulting, steering clear of marketing but fully embracing the technological side. We delve into the challenges and decisions surrounding the use of CMSs like WordPress, how they have influenced the design process over the years, and whether or not they are necessary for clients.We discuss the practical aspects of offering a CMS: managing content, user permissions, and dealing with the demands and constraints that often come with these systems. Paul shares his experiences navigating these waters, working with both direct clients and agencies, and his thoughts on where the industry might be headed.If you've ever grappled with the decision of whether to integrate a CMS into your workflow or simply offer bespoke solutions to your clients, this episode will provide you insight and perspective on the evolving landscape of web design and development.

No Script Show

Ep17. Should we be offering clients a CMS?

On the podcast today, Nathan and David are exploring the fascinating world of the Indie Web, which presents itself as a people-focused alternative to the corporate-controlled web. This episode delves into what the Indie Web movement is all about, and why it might be the right choice for those concerned with the current state of internet ownership and privacy.Nathan talks about how the Indie Web prioritises individual ownership of content and domain usage as a primary online identity. David gets into how owning your online presence can be more aligned with a people-first approach.We also discuss topics such as the adoption of protocols like ActivityPub, which is helping to decentralise social media experiences with platforms like Mastodon, and how this growing trend away from corporate platforms towards more open, standards-based alternatives.The conversation also touches on the role of state interventions, privacy concerns, and the rise of creative independence on the web. There's intriguing developments like POSSE (Publish on your Own Site, Syndicate Elsewhere) and Web Mentions, which support decentralised and independent publishing.If you're intrigued by the shift towards a more humane, personalised web experience, or you're exploring how to reclaim your online identity, this episode is for you.Join Nathan and David as they explore not just the theoretical underpinnings of the Indie Web, but also practical steps you can take to become part of this movement.

On the podcast today, Nathan and David are exploring the fascinating world of the Indie Web, which presents itself as a people-focused alternative to the corporate-controlled web. This episode delves into what the Indie Web movement is all about, and why it might be the right choice for those concerned with the current state of internet ownership and privacy.Nathan talks about how the Indie Web prioritises individual ownership of content and domain usage as a primary online identity. David gets into how owning your online presence can be more aligned with a people-first approach.We also discuss topics such as the adoption of protocols like ActivityPub, which is helping to decentralise social media experiences with platforms like Mastodon, and how this growing trend away from corporate platforms towards more open, standards-based alternatives.The conversation also touches on the role of state interventions, privacy concerns, and the rise of creative independence on the web. There's intriguing developments like POSSE (Publish on your Own Site, Syndicate Elsewhere) and Web Mentions, which support decentralised and independent publishing.If you're intrigued by the shift towards a more humane, personalised web experience, or you're exploring how to reclaim your online identity, this episode is for you.Join Nathan and David as they explore not just the theoretical underpinnings of the Indie Web, but also practical steps you can take to become part of this movement.

Ep16. Indie Web: a people focussed alternative to the "corporate web"

On the podcast today, we’re diving deep into a crucial discussion for website developers and enthusiasts alike: the considerations between static and dynamic content-heavy websites. I’m joined by our hosts, Nathan Wrigley and David Waumsley, who will unravel the complexities of these two approaches. Throughout their conversation, Nathan and David explore various facets of website architecture, starting with the fundamental concept of atomizing components like headers and footers for efficient management. They delve into the resurgence of a more code-centric web development practice as opposed to the no-code trend typically associated with WordPress. Static site generators are a hot topic in this episode, with David and Nathan highlighting popular options like Hugo, 11ty, Next JS, and Astro. Despite these tools’ growing popularity, they don’t shy away from discussing the challenges, such as the need for technical skills and the overwhelming choice of over 365 static site generators. WordPress, a staple in their web development careers, is contrasted with newer static site approaches, noting the ease of use versus the deep control over code output. They also weigh in on SEO and automation considerations, crucial for content-heavy sites, and the financial aspects tied to maintaining WordPress sites. In a candid moment, David shares his experience transitioning to 11ty, a flexible static site generator favored for its simplicity and quick build times. They discuss the learning curve, especially for those not well-versed in JavaScript, and the potential of using 11ty for larger projectsThe dynamic vs. static debate continues as they consider the future of their own website, touching on personal reflections and the exciting possibilities that come with exploring new technologies. If you’re navigating the choice between dynamic content management systems like WordPress and the evolving landscape of static site generators, this episode promises valuable insights and practical advice. Tune in, and join Nathan and David as they tackle the dynamic and static showdown head-on.

On the podcast today, we’re diving deep into a crucial discussion for website developers and enthusiasts alike: the considerations between static and dynamic content-heavy websites. I’m joined by our hosts, Nathan Wrigley and David Waumsley, who will unravel the complexities of these two approaches.Throughout their conversation, Nathan and David explore various facets of website architecture, starting with the fundamental concept of atomizing components like headers and footers for efficient management. They delve into the resurgence of a more code-centric web development practice as opposed to the no-code trend typically associated with WordPress.Static site generators are a hot topic in this episode, with David and Nathan highlighting popular options like Hugo, 11ty, Next JS, and Astro. Despite these tools’ growing popularity, they don’t shy away from discussing the challenges, such as the need for technical skills and the overwhelming choice of over 365 static site generators.WordPress, a staple in their web development careers, is contrasted with newer static site approaches, noting the ease of use versus the deep control over code output. They also weigh in on SEO and automation considerations, crucial for content-heavy sites, and the financial aspects tied to maintaining WordPress sites.In a candid moment, David shares his experience transitioning to 11ty, a flexible static site generator favored for its simplicity and quick build times. They discuss the learning curve, especially for those not well-versed in JavaScript, and the potential of using 11ty for larger projectsThe dynamic vs. static debate continues as they consider the future of their own website, touching on personal reflections and the exciting possibilities that come with exploring new technologies.If you’re navigating the choice between dynamic content management systems like WordPress and the evolving landscape of static site generators, this episode promises valuable insights and practical advice. Tune in, and join Nathan and David as they tackle the dynamic and static showdown head-on.

Ep15. Static vs dynamic for content heavy websites

In this episode of No Script Show, Nathan Wrigley and David Waumsley dive into the evolving landscape of frontend development, focusing on the divide between UX designers and JavaScript specialists. Join us for a detailed discussion on the complexities and dynamics of modern web design.<ul><li>The role of Google and Meta in open source and their impact on project stability.</li><li>Evolution of CSS and JavaScript, including trends like using CSS as a programming language.</li><li>The growing complexity and specialisation in frontend development and its effects on newcomers.</li><li>Insights on the divide within WordPress development between block editors and traditional coding.</li><li>Emerging technologies like Web Assembly and their anticipated impact on web development.</li></ul>Timestamps:00:00 Summary: Last topic on WP Builds platform, relevant WordPress changes.05:20 Concerns about changes in web design industry.08:29 Women find communication jobs using HTML, JavaScript.11:11 Complex code could impact performance and users.15:56 Google and other companies support open source.17:44 JavaScript essential for front end developers.21:36 CSS grid enables fluid web design breakthroughs.23:21 Apple's advertising of seemingly pointless features.28:17 Efficient tools simplify CSS coding and structure.32:20 Brave browser activates reader mode automatically.33:22 Desire for web integration in everyday objects.37:05 Gutenberg's impact on WordPress page building.42:00 Coyier's article emphasises WebPress development and winners.43:16 Transitioning to video content from podcast.

In this episode of No Script Show, Nathan Wrigley and David Waumsley dive into the evolving landscape of frontend development, focusing on the divide between UX designers and JavaScript specialists. Join us for a detailed discussion on the complexities and dynamics of modern web design.The role of Google and Meta in open source and their impact on project stability.Evolution of CSS and JavaScript, including trends like using CSS as a programming language.The growing complexity and specialisation in frontend development and its effects on newcomers.Insights on the divide within WordPress development between block editors and traditional coding.Emerging technologies like Web Assembly and their anticipated impact on web development.Timestamps:00:00 Summary: Last topic on WP Builds platform, relevant WordPress changes.05:20 Concerns about changes in web design industry.08:29 Women find communication jobs using HTML, JavaScript.11:11 Complex code could impact performance and users.15:56 Google and other companies support open source.17:44 JavaScript essential for front end developers.21:36 CSS grid enables fluid web design breakthroughs.23:21 Apple's advertising of seemingly pointless features.28:17 Efficient tools simplify CSS coding and structure.32:20 Brave browser activates reader mode automatically.33:22 Desire for web integration in everyday objects.37:05 Gutenberg's impact on WordPress page building.42:00 Coyier's article emphasises WebPress development and winners.43:16 Transitioning to video content from podcast.

Ep14. The Frontend Divide: UX Designers vs JavaScript Specialists

Join Nathan Wrigley and David Waumsley as they dive into the latest W3C report on AI and its impact on the web, exploring the future of AI standards and ethical considerations. Discover the potential and challenges AI brings to web browsing, creativity, and data management.<ul><li>Discussion on environmental costs and sustainability of AI technology.</li><li>Concerns about AI over-hype and its impact on creative and entry-level jobs.</li><li>Insights into the W3C's proposed AI standards for transparency and data control.</li><li>The debate over AI's ability to understand the context in creative tasks.</li><li>Potential regulatory roles of governments and the changing perspectives on data ownership.</li></ul>Timestamps:00:00 AI may eliminate entry-level creative career opportunities.06:03 CSS evolving backward to old techniques, concerns.08:15 AI struggles with decision-making, enjoys watching mistakes.13:02 Questioning involvement with global, political, economic motives.16:18 Report outlines stages: input, interviews, standardization, success.17:52 AI impact and ethical concerns in technology.21:03 AI poses threat to web accessibility, SEO.24:22 Support for HTML markup for accessibility despite pushback.28:39 Personal connection drives services, predicts big tech breakup.32:44 AI progress may slow due to costs.34:34 Human condition demands continuous exponential improvement in content.37:32 Organizations' short-term profit vs. long-term AI future.40:39 David will make changes, but it was lovely.

Join Nathan Wrigley and David Waumsley as they dive into the latest W3C report on AI and its impact on the web, exploring the future of AI standards and ethical considerations. Discover the potential and challenges AI brings to web browsing, creativity, and data management.Discussion on environmental costs and sustainability of AI technology.Concerns about AI over-hype and its impact on creative and entry-level jobs.Insights into the W3C's proposed AI standards for transparency and data control.The debate over AI's ability to understand the context in creative tasks.Potential regulatory roles of governments and the changing perspectives on data ownership.Timestamps:00:00 AI may eliminate entry-level creative career opportunities.06:03 CSS evolving backward to old techniques, concerns.08:15 AI struggles with decision-making, enjoys watching mistakes.13:02 Questioning involvement with global, political, economic motives.16:18 Report outlines stages: input, interviews, standardization, success.17:52 AI impact and ethical concerns in technology.21:03 AI poses threat to web accessibility, SEO.24:22 Support for HTML markup for accessibility despite pushback.28:39 Personal connection drives services, predicts big tech breakup.32:44 AI progress may slow due to costs.34:34 Human condition demands continuous exponential improvement in content.37:32 Organizations' short-term profit vs. long-term AI future.40:39 David will make changes, but it was lovely.

Ep13. What is the W3C doing about AI?

In this episode of No Script Show, Nathan Wrigley and David Waumsley delve into the intricate world of web typography and its evolution. From historical practices to modern advancements, they uncover the elements that shape today's web design. - Transition from pixels to rems and its impact on accessibility- Exploring new features in web typography like font loading and background clipping- Importance of fluid typography and tools like Utopia CSS generator- Challenges and beauty of typography for Chinese, Japanese, and Korean characters- Benefits of chromatic fonts, CSS columns, and underused HTML tags like kbd and wbr Timestamps:00:00 Web design historically overlooked readability and formatting.03:40 Fascinated by typography, but career path chosen.06:34 Web design: Typography shifts in responsive web.09:59 REMS, viewport units, fluid typography revolutionize design.14:13 Fluid typography adapts, but has limitations with zoom.18:17 Discussion on X and typography for web design.19:41 Using V Max for flexible layout design.23:44 Transitioned from limited to abundant font options.26:03 Clarity in web design and font choice.31:34 Underlining now seen as essential in UI.33:10 Some consider using offset in CSS resets.37:15 Variable fonts allow for greater design control.42:22 HTML tags can be forgotten in web design.44:15 Safari-only feature for hanging punctuation in quotes.47:48 New languages make coding easier, improve display.50:03 Indefinite break, be back with episode 12.

In this episode of No Script Show, Nathan Wrigley and David Waumsley delve into the intricate world of web typography and its evolution. From historical practices to modern advancements, they uncover the elements that shape today's web design.- Transition from pixels to rems and its impact on accessibility- Exploring new features in web typography like font loading and background clipping- Importance of fluid typography and tools like Utopia CSS generator- Challenges and beauty of typography for Chinese, Japanese, and Korean characters- Benefits of chromatic fonts, CSS columns, and underused HTML tags like kbd and wbrTimestamps:00:00 Web design historically overlooked readability and formatting.03:40 Fascinated by typography, but career path chosen.06:34 Web design: Typography shifts in responsive web.09:59 REMS, viewport units, fluid typography revolutionize design.14:13 Fluid typography adapts, but has limitations with zoom.18:17 Discussion on X and typography for web design.19:41 Using V Max for flexible layout design.23:44 Transitioned from limited to abundant font options.26:03 Clarity in web design and font choice.31:34 Underlining now seen as essential in UI.33:10 Some consider using offset in CSS resets.37:15 Variable fonts allow for greater design control.42:22 HTML tags can be forgotten in web design.44:15 Safari-only feature for hanging punctuation in quotes.47:48 New languages make coding easier, improve display.50:03 Indefinite break, be back with episode 12.

Ep12. How web typography has evolved

Welcome to the no script show about modern web design where we look at what we can build today with minimal software and skills.Today we are talking about web images. We’ll cover technological changes such as new optimised formats and CSS properties.And talk about the challenges of creating a fast and eco-friendly experience whilst also trying to make visually attractive designs for devices that range from wrist watches to 4k TV screens. ﻿In this episode of No Script Show, hosts David Waumsley and Nathan Wrigley dive into the latest advancements in web images and their impact on design, performance, and the environment. Discover the essential tools and techniques for optimising your web visuals in today’s digital landscape. - Explore new CSS properties like object fit, aspect ratio, and filters to enhance responsive web design.- Understand the importance of image optimisation with WordPress features for alt tags and the use of "loading=lazy" for improved loading times.- Learn about the "picture" tag and "source set" for effective art direction and device-specific imagery.- Discussion on the pros and cons of using HTML tags vs. CSS for background images, especially in responsive design contexts.- Delve into the latest image formats such as WebP and AVIF, and their role in modern web development. Timestamps:00:00 Struggling with web image complexity and lag.06:17 Some generator colours work best with black.07:09 CSS features for clipping, masking, and filtering.12:02 Debating image use in HTML and CSS.14:50 WordPress CMS made adding alt tags effortless.19:32 Picture tag allows for adaptable image selection.21:48 Struggle with image cropping and coding dilemmas.24:56 Exciting technology, but hindered by third-party solution.28:12 Google promoting WebP, SVG v2 from 2018.32:45 Images can drive powerful messages if relevant.36:31 Questioning use of stock images in medicine.37:33 Web development trends and tools discussed, worthwhile.

Welcome to the no script show about modern web design where we look at what we can build today with minimal software and skills.Today we are talking about web images. We’ll cover technological changes such as new optimised formats and CSS properties.And talk about the challenges of creating a fast and eco-friendly experience whilst also trying to make visually attractive designs for devices that range from wrist watches to 4k TV screens.﻿In this episode of No Script Show, hosts David Waumsley and Nathan Wrigley dive into the latest advancements in web images and their impact on design, performance, and the environment. Discover the essential tools and techniques for optimising your web visuals in today’s digital landscape.- Explore new CSS properties like object fit, aspect ratio, and filters to enhance responsive web design.- Understand the importance of image optimisation with WordPress features for alt tags and the use of "loading=lazy" for improved loading times.- Learn about the "picture" tag and "source set" for effective art direction and device-specific imagery.- Discussion on the pros and cons of using HTML tags vs. CSS for background images, especially in responsive design contexts.- Delve into the latest image formats such as WebP and AVIF, and their role in modern web development.Timestamps:00:00 Struggling with web image complexity and lag.06:17 Some generator colours work best with black.07:09 CSS features for clipping, masking, and filtering.12:02 Debating image use in HTML and CSS.14:50 WordPress CMS made adding alt tags effortless.19:32 Picture tag allows for adaptable image selection.21:48 Struggle with image cropping and coding dilemmas.24:56 Exciting technology, but hindered by third-party solution.28:12 Google promoting WebP, SVG v2 from 2018.32:45 Images can drive powerful messages if relevant.36:31 Questioning use of stock images in medicine.37:33 Web development trends and tools discussed, worthwhile.

Ep11. What’s new in web images. Are they worth a thousand words?

Explore the future of web design with our latest episode of No Script Show, where we delve into the emerging CSS media features that cater to user preferences. Join us as we discuss how these features reshape the online experience. - Learn about the new CSS media queries that enable unique user-centric web experiences.- Discover statistics on user adoption of features like dark mode and the expectation for automatic application on websites.- Examine the technical challenges and potential solutions involved in implementing toggles for various user preferences.- Discuss the pros and cons of integrating these CSS features from both developer and client perspectives.- Explore the significance of these developments for accessibility and the long-term benefits for web design. Tune in to gain insight into how user preferences are driving changes in web design. 00:00 SaaS apps offering user-friendly customisation options.05:10 Repetition of same feature for different types.09:20 Quickly dip into links, educate ourselves on preferences.09:52 Preference for dark mode driven by energy efficiency.14:59 Reduced data for web content consumption detection.19:00 Reduced motion support discussed among developers.19:33 Struggling to find a need for animation.24:44 Many developers prefer dark mode for coding.27:57 Most users switch to dark mode after 10:00 PM.31:01 Safari considering adding light and dark modes.34:14 Tech infancy, user behaviours and branding control.36:02 People are getting smarter, web is evolving.

Explore the future of web design with our latest episode of No Script Show, where we delve into the emerging CSS media features that cater to user preferences. Join us as we discuss how these features reshape the online experience.- Learn about the new CSS media queries that enable unique user-centric web experiences.- Discover statistics on user adoption of features like dark mode and the expectation for automatic application on websites.- Examine the technical challenges and potential solutions involved in implementing toggles for various user preferences.- Discuss the pros and cons of integrating these CSS features from both developer and client perspectives.- Explore the significance of these developments for accessibility and the long-term benefits for web design.Tune in to gain insight into how user preferences are driving changes in web design.00:00 SaaS apps offering user-friendly customisation options.05:10 Repetition of same feature for different types.09:20 Quickly dip into links, educate ourselves on preferences.09:52 Preference for dark mode driven by energy efficiency.14:59 Reduced data for web content consumption detection.19:00 Reduced motion support discussed among developers.19:33 Struggling to find a need for animation.24:44 Many developers prefer dark mode for coding.27:57 Most users switch to dark mode after 10:00 PM.31:01 Safari considering adding light and dark modes.34:14 Tech infancy, user behaviours and branding control.36:02 People are getting smarter, web is evolving.

Ep10. User Preferences: rethinking web design

Welcome to the noscript show about modern web design where we look at what we can build today with minimal software dependencies and skills.With so much new CSS spec coming out it seemed a good time to have a chat about how we handle browser support.In particular,  Baseline which is a Google initiative introduced in 2023 that aims to make it easier for developers and other website stakeholders to understand what might be ready for production.

Welcome to the noscript show about modern web design where we look at what we can build today with minimal software dependencies and skills.With so much new CSS spec coming out it seemed a good time to have a chat about how we handle browser support.In particular,  Baseline which is a Google initiative introduced in 2023 that aims to make it easier for developers and other website stakeholders to understand what might be ready for production.

9 - Does Baseline solve our browser support problems?

Welcome to the no script web show about modern web design where we look at what we can build today with minimal dependencies and skills.Last time we were defining some aims for the show’s website (which we are developing as part of the podcast). Now, we need a design to help it connect with the right audience.If we were experts in User Experience (UX)  and its associated disciplines such as copywriting, branding, graphic design and SEO we might look at each of these in turn.We are not, so instead we’ve created a rough homepage design and we use this episode to critique it against what we think various expert bodies might say.

Welcome to the no script web show about modern web design where we look at what we can build today with minimal dependencies and skills.Last time we were defining some aims for the show’s website (which we are developing as part of the podcast). Now, we need a design to help it connect with the right audience.If we were experts in User Experience (UX)  and its associated disciplines such as copywriting, branding, graphic design and SEO we might look at each of these in turn.We are not, so instead we’ve created a rough homepage design and we use this episode to critique it against what we think various expert bodies might say. 

8 - Designing an effective homepage

In this episode of the No Script Show, David Waumsley and Nathan Wrigley get into the intricacies of starting a website project. Discover the importance of clear goals and effective client communication in the web design process. In this episode, we cover:- Unveiling the personal and professional motivations behind launching the No Script web show and its associated website.- Addressing the significance of understanding a website's purpose and identifying the target audience to align with clients' objectives.- Exploring the shift in the web design industry towards tailored experiences and agile methodologies.- Emphasizing the communication gap between web professionals and clients, and strategies to bridge it for better project outcomes.- Discussing the iterative approach to website development, focusing on a clean design, SEO strategies, and enhancing audience engagement through dynamic content. 00:00 Simple design process lacking expected elements. Next step?06:50 Clients want a website without interrogation.10:11 Important to ask specific questions for clarity.11:36 Leveraging web knowledge to help local businesses grow.16:36 First question asks, second one gives. Collaboration.20:12 Transitioning from WordPress, building connections, branding.22:32 Exploring new connections and embracing unexpected opportunities.26:24 Improving credibility, potential income sources, and goals.31:02 Still connected through WordPress podcasts, code skills.31:54 Creating YouTube content related to podcast episodes.37:57 Explore different designs for the website.40:26 Web design industry emphasizes soft skills and agility.41:44 Consider adding a commenting system to the website.

In this episode of the No Script Show, David Waumsley and Nathan Wrigley get into the intricacies of starting a website project. Discover the importance of clear goals and effective client communication in the web design process.In this episode, we cover:- Unveiling the personal and professional motivations behind launching the No Script web show and its associated website.- Addressing the significance of understanding a website's purpose and identifying the target audience to align with clients' objectives.- Exploring the shift in the web design industry towards tailored experiences and agile methodologies.- Emphasizing the communication gap between web professionals and clients, and strategies to bridge it for better project outcomes.- Discussing the iterative approach to website development, focusing on a clean design, SEO strategies, and enhancing audience engagement through dynamic content.00:00 Simple design process lacking expected elements. Next step?06:50 Clients want a website without interrogation.10:11 Important to ask specific questions for clarity.11:36 Leveraging web knowledge to help local businesses grow.16:36 First question asks, second one gives. Collaboration.20:12 Transitioning from WordPress, building connections, branding.22:32 Exploring new connections and embracing unexpected opportunities.26:24 Improving credibility, potential income sources, and goals.31:02 Still connected through WordPress podcasts, code skills.31:54 Creating YouTube content related to podcast episodes.37:57 Explore different designs for the website.40:26 Web design industry emphasizes soft skills and agility.41:44 Consider adding a commenting system to the website.

7 - How do we start a website project?

In this episode of the No Script Show, David Waumsley and Nathan Wrigley get into the subject of container queries. These mark a serious advancement in what browsers will allow us to do, but we are asking what does that mean for us right now? In this episode, we cover:CSS container queries: How they mark a significant advancement in responsive design.Evolution from media queries: Understanding the shift towards container queries for more granular control.Application in component-based design systems: Discussing the relevance for those building complex design systems.Potential for page builders and CSS frameworks: Exploring the impact on visual design tools and frameworks.Considerations for responsive images: The holdup in adoption due to the reliance on media queries. 00:00 Miriam Suzanne, an expert on CSS.03:21 Moving towards more flexibility with container queries.08:21 Describing old use of media queries in web design.13:10 Adapt design to fit different screen sizes.14:55 Barker explains flexible content placement for websites.17:39 SVGs allow flexible design for logos.20:10 Consider for design systems and page builders.23:19 Suzanne created Susie framework, now prefers modern CSS.26:28 New browser technology, explore it now. Links provided.

In this episode of the No Script Show, David Waumsley and Nathan Wrigley get into the subject of container queries. These mark a serious advancement in what browsers will allow us to do, but we are asking what does that mean for us right now?In this episode, we cover:CSS container queries: How they mark a significant advancement in responsive design.Evolution from media queries: Understanding the shift towards container queries for more granular control.Application in component-based design systems: Discussing the relevance for those building complex design systems.Potential for page builders and CSS frameworks: Exploring the impact on visual design tools and frameworks.Considerations for responsive images: The holdup in adoption due to the reliance on media queries.00:00 Miriam Suzanne, an expert on CSS.03:21 Moving towards more flexibility with container queries.08:21 Describing old use of media queries in web design.13:10 Adapt design to fit different screen sizes.14:55 Barker explains flexible content placement for websites.17:39 SVGs allow flexible design for logos.20:10 Consider for design systems and page builders.23:19 Suzanne created Susie framework, now prefers modern CSS.26:28 New browser technology, explore it now. Links provided.

6 - What's the big deal with container queries?

In this episode of the No Script Show, David Waumsley and Nathan Wrigley delve into the concept of component based web design, what it is and do we need it. In this episode, we cover:1. Discussing the advantages of using a component-based design system for complex projects and team collaboration.2. Exploring the atomic design hierarchy and the role of React in managing and styling web components.3. Addressing the shift in design practices from separating HTML/CSS to isolating individual components.4. Debating the potential downsides of rigid design systems and the challenges of adapting to changes and onboarding new members.5. Looking into the future of web development, pondering a decrease in JavaScript dependency, and teasing the next episode on container queries. 00:00 Page builders streamline website component creation process.04:52 Realised need for simple designs over features.10:18 Complete buy-in to component-based process. Atom, molecule, organism hardwired in users' heads.11:16 React solved CSS encapsulation issue for teams.16:12 Material design's usability issue with input labels.17:36 Mistakes in forms, challenges with CSS/JavaScript.21:59 Custom elements with JavaScript managing YouTube and podcast.25:21 Description of using a web component for audio player customisation.28:39 Styling is registered in JavaScript under shadow dom.33:26 HTML/CSS didn't meet demands, led to React.34:11 Shift from relying solely on JavaScript likely.37:37 No script show. Watch on YouTube too.

In this episode of the No Script Show, David Waumsley and Nathan Wrigley delve into the concept of component based web design, what it is and do we need it.In this episode, we cover:1. Discussing the advantages of using a component-based design system for complex projects and team collaboration.2. Exploring the atomic design hierarchy and the role of React in managing and styling web components.3. Addressing the shift in design practices from separating HTML/CSS to isolating individual components.4. Debating the potential downsides of rigid design systems and the challenges of adapting to changes and onboarding new members.5. Looking into the future of web development, pondering a decrease in JavaScript dependency, and teasing the next episode on container queries.00:00 Page builders streamline website component creation process.04:52 Realised need for simple designs over features.10:18 Complete buy-in to component-based process. Atom, molecule, organism hardwired in users' heads.11:16 React solved CSS encapsulation issue for teams.16:12 Material design's usability issue with input labels.17:36 Mistakes in forms, challenges with CSS/JavaScript.21:59 Custom elements with JavaScript managing YouTube and podcast.25:21 Description of using a web component for audio player customisation.28:39 Styling is registered in JavaScript under shadow dom.33:26 HTML/CSS didn't meet demands, led to React.34:11 Shift from relying solely on JavaScript likely.37:37 No script show. Watch on YouTube too.

5 - What is component based web design?

In this episode of the No Script Show, David Waumsley and Nathan Wrigley delve into the concept of intrinsic web design and its implications for modern front-end web development.In this episode, we cover:1. The evolution of web layout and the emergence of intrinsic design2. The shift in mindset from fixed designs to flexible, content-driven layouts3. The challenges and benefits of adopting intrinsic design in web development4. The impact of technology advancements on web design approaches5. The potential future of web standards and accessibility in the context of intrinsic design 00:00 New technology changes approach to web design.04:50 New challenge in web design, responsive era.09:01 "Intrinsic design is the future evolution."10:22 She championed web mission, emphasizing universal communication.15:11 Reflecting on the market's evolution and reality.18:44 Reeducation needed for changes in CSS model.19:32 Relearning and unlearning for a new journey.23:49 Changing web project organization, intrinsic to web standards.26:12 Designer's role is more inventive and important.29:58 Design matters for web accessibility and beauty.32:21 Discussing component-based design and web components for future episodes.

In this episode of the No Script Show, David Waumsley and Nathan Wrigley delve into the concept of intrinsic web design and its implications for modern front-end web development.In this episode, we cover:1. The evolution of web layout and the emergence of intrinsic design2. The shift in mindset from fixed designs to flexible, content-driven layouts3. The challenges and benefits of adopting intrinsic design in web development4. The impact of technology advancements on web design approaches5. The potential future of web standards and accessibility in the context of intrinsic design00:00 New technology changes approach to web design.04:50 New challenge in web design, responsive era.09:01 "Intrinsic design is the future evolution."10:22 She championed web mission, emphasizing universal communication.15:11 Reflecting on the market's evolution and reality.18:44 Reeducation needed for changes in CSS model.19:32 Relearning and unlearning for a new journey.23:49 Changing web project organization, intrinsic to web standards.26:12 Designer's role is more inventive and important.29:58 Design matters for web accessibility and beauty.32:21 Discussing component-based design and web components for future episodes.

4 - What is intrinsic design?

Here, we are looking at the principles of modern web layouts and to understand that we are referring a talk by Rachel Andrew from 2019 called "<a href="http://https//noti.st/rachelandrew/VqOEAa/refactoring-the-way-we-talk-about-css#scagi0F" target="_blank">Refactoring the way we talk about CSS</a>". She writes:"We need to look again at what it is to learn CSS. We need to leave our old ideas behind. It is only when we do, that we will stop supporting the idea that CSS is the fragile, broken, quirky language that its detractors would like to believe."Her talk shows how CSS has become a logical system and if we understand the problems it is solving, it is far easier to understand. <h2>General Points On CSS Layout</h2> Modern CSS layout: <ul><li>Has progressed from a series of hacks to a logically refactored system.</li><li>Is partly reclaiming the universal and responsive web we started with.</li><li>Reminds us that "What we see is NOT what they will get".</li><li>Gives us resilient superpowers and creative freedom we have not had before.</li></ul><h2> </h2><h2>Specific Points On CSS Layout</h2> Below are the topic covered in Rachel Andrew's talk:<ul><li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow" target="_blank">Flow layout</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display" target="_blank">Changing the value of display</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout/In_flow_and_out_of_flow" target="_blank">Out of flow elements</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode" target="_blank">Writing modes</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values" target="_blank">Logical properties and values</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_alignment" target="_blank">(Box) Alignment</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Sizing" target="_blank">Sizing</a></li></ul> We have linked above to the appropriate <a href="https://developer.mozilla.org/" target="_blank">MDN web docs</a> where Rachel is also a key contributor. You can find all of the links by going to the <a href="https://noscript.show/" target="_blank">noscript.show</a> website, and hunt for episode 3.

Here, we are looking at the principles of modern web layouts and to understand that we are referring a talk by Rachel Andrew from 2019 called "Refactoring the way we talk about CSS".She writes:"We need to look again at what it is to learn CSS. We need to leave our old ideas behind. It is only when we do, that we will stop supporting the idea that CSS is the fragile, broken, quirky language that its detractors would like to believe."Her talk shows how CSS has become a logical system and if we understand the problems it is solving, it is far easier to understand.General Points On CSS LayoutModern CSS layout:Has progressed from a series of hacks to a logically refactored system.Is partly reclaiming the universal and responsive web we started with.Reminds us that "What we see is NOT what they will get".Gives us resilient superpowers and creative freedom we have not had before.Specific Points On CSS LayoutBelow are the topic covered in Rachel Andrew's talk:Flow layoutChanging the value of displayOut of flow elementsWriting modesLogical properties and values(Box) AlignmentSizingWe have linked above to the appropriate MDN web docs where Rachel is also a key contributor.You can find all of the links by going to the noscript.show website, and hunt for episode 3.

3 - Modern CSS layouts

A show for people who build websites. A podcast on modern frontend web design where we look at what we can build today with minimal dependencies and skills. We're building this website as part of the show.

A show for people who build websites. A podcast on modern frontend web design where we look at what we can build today with minimal dependencies and skills. We're building this website as part of the show.

hubhopper

No Script Show

hubhopper