A Guide to the Responsive Images Syntax in HTML | CSS-Tricks

Chris has put together one of his indispensable deep dives, this time into responsive images. I can see myself referring back to this when I need to be reminded of the syntax of srcset and sizes.

A Guide to the Responsive Images Syntax in HTML | CSS-Tricks

Tagged with

Related links

Reimagine the Date Picker – David Bushell – Web Dev (UK)

This is a superb way to deprecate a little JavaScript library. Now that you can just use HTML instead, the website for Pikaday has been turned into a guide to choosing the right design pattern for your needs. Bravo!

Pikaday is no longer a JavaScript date picker. Pikaday is now a friendly guide for front-end developers. I want to push developers away from the classic date picker entirely. Especially fat JavaScript libraries.

Tagged with

An Interactive Guide to CSS Container Queries

Another terrific interactive tutorial from Ahmad, this time on container queries.

Tagged with

Designing better target sizes

This is a wonderfully in-depth interactive explainer on touch target sizes, with plenty of examples.

Tagged with

Getting started with CSS container queries | MDN Blog

Michelle has written a detailed practical guide to container queries here.

Tagged with

The Guardian digital design style guide

What a lovely way to walk through the design system underpinning the Guardian website.

Bonus points for using the term “tweak points”!

Tagged with

Related posts

Making the Patterns Day website

The joy of getting hands-on with HTML and CSS.

More writing on web.dev

Another five articles on modern responsive web design.

Building the dConstruct 2015 site

Hats off to Graham.

Secret src

Hammering out the issues around standardising responsive images.

dConstruct optimisation

Tweaking the dConstruct 2012 site for performance.