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.
“The Interactive Advertising Bureau (IAB) has revamped its display creative guidelines to ‘fully embrace’ HTML5.” Adobe supports the move.
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.
“The future of web layout is bright, thanks to flexbox,” says Ben Gremillion before presenting a short, easily understood primer.
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.
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.
Service Workers require HTTPS, but how can you do this in your local development environment? Andrea shows us the way.
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.
Can't find the right job? Want companies to apply to you? Try Hired.com.
Official Microsoft Edge VMs Now Available news tools
Microsoft has made available VMs running their Edge browser.
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.
XQuery 3.1 Requirements and Use Cases news
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.
Making Charts with CSS tutorial
A look at plain CSS methods for styling data.
Eliminating Roundtrips with Preconnect
Subscribe to our WebOps Weekly newsletter if performance stuff like this is important to you.
Techniques and Treatments for Background Retina Images tutorial
A 'Scribble' Image Reveal with SVG and Blend Modes tutorial code
Understanding CSS: Selector Specificity tutorial
How Floating Works tutorial
If you need to refresh your knowledge of how floating elements work, this is a great place to start.
Designing Web Interfaces For Kids tutorial
A lot of good points to think about here for all users IMHO.
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.
From Russia With Love: Behind The Responsive Redesign of Kremlin.ru opinion
Solutions for Banner Ads in the Post-Flash World opinion
Greensock suggests their own tools, of course, but there are some good insights here.
Flying Drones in Your Browser video
Jan Jongboom on the Physical Web and the WebBluetooth API.
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.
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
Peaks.js: Audio Waveform Rendering in The Browser code
Presented via an article that goes into the research and techniques behind its development.