Getting your head around what ‘microtasks’ are and how browsers queue execution of tasks and microtasks in its event loops is essential if you’re doing performance work or debugging code heavy on timeouts, events, and promises. You will feel smarter after reading this.
Jake Archibald
A typographic pre-processor for your html which uses no client-side JavaScript (it’s a Node script) and gives hanging punctuation, small-caps conversion, punctuation substitution, and more.
David Merfield
“The Interactive Advertising Bureau (IAB) has revamped its display creative guidelines to ‘fully embrace’ HTML5.” Adobe supports the move.
The Drum
 Transactional HTML emails often get neglected but they're important for growing and maintaining a healthy user base. To help you, we have open-sourced a collection of common templates for transactional email to download for free. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers - all thought about and tested. Download now.
Mailgun
Sponsor
“The future of web layout is bright, thanks to flexbox,” says Ben Gremillion before presenting a short, easily understood primer.
Smashing Magazine
New Edge features in development include support for the ‘download’ attribute on links, time and datetime-local input types, picture elements, template elements, Pointer Lock support and more.
Microsoft
A look at WebKit’s work on CSS pseudo classes that take other selectors as arguments. For example, a:not(.internal) would match A elements that are not of the ‘internal’ class.
Surfin' Safari
Service Workers require HTTPS, but how can you do this in your local development environment? Andrea shows us the way.
Andrea Giammarchi
Inlining ‘critical’ CSS (that is, CSS that’s needed right away and helps pages render faster) into the head of an HTML document can provide a real speed boost, but how can it be done effectively? Dean Hume explains.
Smashing Magazine
Jobs  Can't find the right job? Want companies to apply to you? Try Hired.com. In Brief Official Microsoft Edge VMs Now Available news tools
Microsoft has made available VMs running their Edge browser.
Microsoft Give back to the developer community-apply to teach today. news Actively seeking web developers to join our tight knit family of passionate teachers and earn royalties.
Pluralsight Sponsor XQuery 3.1 Requirements and Use Cases news W3C Building A Circular Navigation Menu with CSS Clip Paths tutorial
A very thorough tutorial from one of my favorite writers in the Web design space right now.
Sara Soueidan Making Charts with CSS tutorial
A look at plain CSS methods for styling data.
Robin Rendle Eliminating Roundtrips with Preconnect Subscribe to our WebOps Weekly newsletter if performance stuff like this is important to you.
Ilya Grigorik Techniques and Treatments for Background Retina Images tutorial Dudley Storey A 'Scribble' Image Reveal with SVG and Blend Modes tutorial code Dudley Storey Understanding CSS: Selector Specificity tutorial Daniel Eden How Floating Works tutorial
If you need to refresh your knowledge of how floating elements work, this is a great place to start.
Ire Aderinokun Designing Web Interfaces For Kids tutorial
A lot of good points to think about here for all users IMHO.
Smashing Magazine Character Model for the World Wide Web: String Matching and Searching
Aims to provide authors of specs, developers, and content produces a reference on string identity matching on the Web to improve interoperability.
W3C From Russia With Love: Behind The Responsive Redesign of Kremlin.ru opinion Smashing Magazine Solutions for Banner Ads in the Post-Flash World opinion
Greensock suggests their own tools, of course, but there are some good insights here.
Greensock Flying Drones in Your Browser video
Jan Jongboom on the Physical Web and the WebBluetooth API.
YouTube 20 New HTML5 Tools for Your Arsenal tools
Yes, a list post, but I always find a few things I didn’t know about before.
Code Geekz The new .NET MISSION: IMPOSSIBLE – ‘Situation Critical’ tools Find out why ANTS Performance Profiler is the ultimate .NET profiler in a new online adventure. Read it now. Red Gate Software Sponsor Pure CSS Progress: 3D Effect Progress Bars code demo CodePen Peaks.js: Audio Waveform Rendering in The Browser code
Presented via an article that goes into the research and techniques behind its development.
BBC |