No Script Show Nathan Wrigley, David Waumsley

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.

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.

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 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.

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 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.