What Does `playsinline` Mean in Web Video? | CSS-Tricks
I have to admit, I don’t think I even knew of the existence of the playsinline attribute on the video element. Here, Chris runs through all the attributes you can put in there.
Happier HTML5 Form Validation - daverupert.com
Dave uses just a smidgen of JavaScript to whip HTML5’s native form validation into shape.
Instead of being prescriptive about error messaging, we use what the browser natively gives us.
Related links
Making input type=date complicated – Samsung Internet Developers – Medium
PPK has posted some excellent thinking on calendar widgets to Ev’s blog.
HTML5 accessibility
A glanceable one-stop-shop for how today’s browsers are dealing with today’s accessibility features. Then you can dive deeper into each one.
Instagram-style filters in HTML5 Canvas | Viget
Una’s [Instagram filters in CSS}(https://github.com/una/CSSgram) are great, but the browser support for CSS filters isn’t as good as, say, the browser support for canvas. Here’s a clever bit of scripting to polyfill filters using canvas.
A simple HTML5 Progress bar | Charlotte Jackson, Front-end developer
I love this little markup pattern: simple, accessible and elegant …with some quirky CSS gotchas around styling non-standard prefixed pseudo-elements. They came from the Shadow DOM …dun dun DUN!
Related posts
Placehold on tight
Getting consistent browser behaviour for the placeholder attribute.
Preventing automated sign-ups
Here’s a bit of PHP I’m using on The Session.
The datalist element on iOS
Some buggy behaviour has been fixed in iOS 18 but now there’s a new bit of weirdness.
Hanging punctuation in CSS
A little fix for Safari.
Multi-page web apps
A question via email…