Did you know you can use PostCSS to inline images, calculate dimensions, inline and modify SVGs, and more? PostCSS is an increasingly powerful part of a modern front-end toolset.
A thorough look at pseudo-classes (like
:first-child) and pseudo-elements (like
:before) with plenty of live Codepen examples to play with.
A thorough comparison of both native and library-based Web animation technologies with useful pros and cons to help you choose for your next project.
You probably use dev tools for tweaking CSS or the interactive console...but there is so much more! Let’s look at everything the dev tools have to offer. Join Jon Kuperman and learn how to edit, debug and profile web applications with Chrome Dev Tools.
As part of Chrome’s intent to deprecate powerful features on non-secure origins, it no longer supports the HTML5 Geolocation API over non-secure connections.
A thorough tutorial covering the basics of creating animated 3D scenes in the browser using Three.js.
Tim Baxter encourages us to move beyond ‘classitis’ (the “measles of markup”) to writing rich, semantic HTML and CSS. Only habit is stopping us.
A List Apart
How to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.
The Easiest Way to Find a JobHired lets you sit back while job offers come to you. When you complete your profile, instantly apply to 3,500+ companies on the platform who will contact you with job offers, including salary and equity up-front. Try it today. Hired.com
Can't find the right job? Want companies to apply to you? Try Hired.com.
Speed Up Page Load with WOFF 2.0 Fonts in Microsoft Edge news
Microsoft Edge Team
Updated Working Draft of the HTML 5.1 Spec news
The W3C working draft for HTML 5.1 was updated on May 3rd.
An Interesting Change to Browsing On Android news
Search results from the Google Android app now open in a Chrome custom tab. Peter Gasston says this may have an impact on mobile browsing habits.
Browser Trends May 2016: Firefox Finally Overtakes IE news
Mozilla can claim to have more web users than MS in the battle of the browsers.
Turn Errors into Awesome rawurl tools
Quickly pinpoint what’s broken and why. Get the context and insights to defeat all application errors. Full-stack error tracking for all apps in any language.
How to Design Rich Card-Based Layouts with Semantic UI tutorial
Introducing the CSS Grid Layout tutorial
Reducing JPEG File Sizes for the Web tutorial
So You Want to Make A PostCSS Plugin.. tutorial
Streamlining the Sign-in Flow Using Credential Management API in Chrome tutorial
The latest version of Chrome (51) supports the Credential Management API.
The Cutting Edge of Browser Security video
A look at what the Edge team is doing to improve browser security.
Debugging Scroll Jank in Chrome 51 video
7 minute video with tips on improving scroll performance in Chrome.
Enhance Your HTML5 Game's Sound with Dolby Audio video
A dev evangelist for Dolby shows how to use Dolby audio in HTML5 games.
Telerik Kendo UI Sponsor
Drinking the Web Through A Straw opinion
Thoughts on AMP, and how a simplified web experience could benefit all, not just mobile users.
Flexbox Grid tools
A grid system based on the ‘flex’ display property.
Tools And Resources For Editing, Converting And Optimizing SVGs tools
WAAPI Browser Support Test tools
A checklist of browser Web Animations API support.
20 of the Most Popular HTML5 Game Templates tools
Easily Convert CSS to React Inline Styles tools
A tool to help translate plain CSS into an inline JSON representation for React.
ccapture.js: Library to Capture Canvas-Based Animations at a Fixed Framerate code
A Parallel Raytracer Built with TypeScript and GPU.js (WebGL/GLSL) demo
Create Your Own Star Wars Intro Crawl in Pure CSS demo
As it’s May the 4th.