Apple Annie’s Weblog · Diving into indiewebify.me & microformats, a series
Here’s a good walkthrough of adding microformats to your site, starting with h-card and moving on to h-entry.
How do you mark up an accordion? — Sara Soueidan
I love this deep dive that Sara takes into the question of marking up content for progressive disclosure. It reminds me Dan’s SimpleQuiz from back in the day.
Then there’s this gem, which I think is a terrificly succinct explanation of the importance of meaningful markup:
It’s always necessary, in my opinion, to consider what content would render and look like in foreign environments, or in environments that are not controlled by our own styles and scripts. Writing semantic HTML is the first step in achieving truly resilient Web sites and applications.
Related links
Sizes=”auto” pretty much requires width and height attributes — ericportis.com
Huh! I did not know this. Good to know!
Invokers (Explainer) | Open UI
This is a really interesting proposal, and I have thoughts.
Intent to Ship: Auto Sizes for Lazy Loaded Images with Srcset
Remember when I wrote about sizes="auto"? Well, it’s coming to Chrome! Hallelujah!
A Blog Post With Every HTML Element by Patrick Weaver
I enjoyed this self-documenting journey of exploration.
Related posts
Lost in calculation
A lazy option for responsive images is at hand.
Button types
Ideas for some declarative shortcuts.
Three attributes for better web forms
Better UX through better HTML: inputmode, enterkeyhint, and autocomplete.
Good form
Science, the web, and user experience.
Authentication
Some ways of combining security and usability for two-factor authentication on the web.