If you struggle with regular expressions, you should check out this tool. It reminds me a lot of RegEx Buddy, a Windows program that was an immense help in trying to wrap my head around writing regular expressions.
Dispatches From The Internets
Online regex tester and debugger
Service Workers: Dynamic Responsive Images Using WebP Images
I really dig this approach to image optimizations for browsers that support the WebP image format. It shows how ServiceWorker can handle site-wide enhancements easily.
Tips for Creating Accessible SVG
An excellent overview of how to make SVGs more accessible, from the incredible Léonie Watson.
Not so micro optimizations
There’s some really interesting performance-related lessons to be learned from Google’s AMP project. This chronicles a few.
I’m gonna give the preconnect & prefetch stuff a whirl on this site to see if it helps speed things up at all. I gave the preconnect & prefetch stuff a whirl on this site, and it sped things up substantially.
The Cost of Frameworks
This is a fantastic investigation of framework performance on mobile by Google’s Paul Lewis. In short: frameworks make things more convenient for developers, but pass the inconvenience on to end users. For more, see Who Should Pay? and Who Should Pay 2: The Hosting.
Introducing EdgeHTML 13, our first platform update for Microsoft Edge
Tons of great stuff in this release. Notably: the picture element, the srcset (with w descriptors) & sizes attributes, CSS initial and unset keywords, a[download], :read-write & :read-only, :in-range & :out-of-range, more ES2015 goodies, and a ton more. Hooray for evergreen!
Adaptive Web Design: Folded & Gathered
I just got this photo from Tracey Croom, my production editor on the Second Edition of Adaptive Web Design and I wanted to share it with you. Production is almost done and I should be getting my bound copies soon. I’m so excited!
Hints for successfully managing an open-source project
A nice post from my colleague David Catuhe on what it takes to build a successful open source project.
Labeled with Love
Forms exist on pretty much every site on the web in one form or another. They are the primary mechanism by which we gather information from our users. Of course, before anyone can fill out a form, they need to know what it’s asking for. Labeling is key.
Aural UI of HTML elements
This is an indispensible resource for understanding how screen readers treat your markup. Many thanks to the Paciello Group for putting it together.