Category Archives: images

This “double HTML” pattern must stop!

During a client audit, I re-encountered a common, annoying, and harmful, pattern: dupe HTML, instead proper responsive design. Can we please stop this? Happy reducing! Continue reading →

Today’s Readings

The latest installment in my “Today’s Readings” series, offering my rants and thoughts based on findings from around the world-wide web, including Accessibility, CSS, CWV, Design, DevTools, HTML, JS, NoLoJS, Performance, Shopify, Speculation Rules and more. Happy reading! Continue reading →

Today’s Readings

The latest installment in my “Today’s Readings” series, offering my rants and thoughts based on findings from around the world-wide web, including A11Y, AI, CSS, CSV, Debugging, DevTools, JS, NoLoJS, Performance, Progressive Enhancement, RWD, UI, UX, WP and more. Happy reading! Continue reading →

What is JPEG XL and do we really need another image format?

Had a chance to write a guest post for DebugBear all about the JPEG XL (JXL) image format. Would love to hear your thoughts on it! Continue reading →

Using a CSS conic-gradient as an image background

Quick, fun, spontaneous update to a small project, adding a CSS conic-gradient to serve as a background for the hero image. Continue reading →

Today’s Readings

The latest installment in my “Today’s Readings” series, offering my rants and thoughts based on findings from around the world-wide web. Happy reading! Continue reading →

Today’s Readings

The latest installment in my “Today’s Readings” series, offering my rants and thoughts based on findings from around the world-wide web. Today’s topics include a11y, CSS, debugging tips, fetchpriority, grid, LCP, performance, PWAs, the View Transitions API and more. Happy reading! Continue reading →

Using Resource Hints to Improve the Page Load Experience

As webpages become more complex, they also become larger and slower. The browser then has a tougher time finding all of the assets it needs. But we can help by giving the browser a few hints… Happy hinting! Continue reading →

Use Responsive Images to Give Each User an Image that is “Just Right”

As our range of web-enabled devices spawns new and different screen sizes, sending the same image to all devices becomes problematic. This is where responsive image comes into play. Continue reading →

Today’s Readings

The latest installment in my “Today’s Readings” series, including loads of CSS, UI/UX & SVG animation, jQuery > JS, a sprinkle of Vite, WP and WPO, plus bunch of tools including layout tools and templates. Happy reading! Continue reading →