The state of browsers when it comes to virtual reality and a look at the state of implementing VR on the Web using WebVR’s APIs.
Ada Rose Edwards
A usability study into the use of ‘flat’ elements on the Web, as opposed to buttons and elements with shadows and bevels.
Nielsen Norman Group
Giulio Mainardi shows you how to build a Trello-like layout using new Grid Layout Module features and Flexbox, along with some Sass for efficiency.
.. and here’s why. Most sites can benefit from becoming a PWA — and your users will benefit too.
The visual viewport API, in draft but now supported by Chrome 61, gives access to details on how the user zooms and scrolls around the page. A neat little demo here.
Could audio feedback improve the user experience of filling a form? Ruth John takes a look.
Can't find the right job? Want companies to apply to you? Try Hired.com.
CSS Grid to Ship in Microsoft Edge on October 17 news
You can now add fonts to your web site using only CSS.
It’s easy to version control your database alongside your application
Connect your database to your version control system with SQL Source Control and keep track of every change.
Prefilling Date Input Fields tutorial
A Very Basic Introduction to HTML Components tutorial
Jasper St. Pierre
Browser Compatibility for CSS Grid Layouts with Simple Sass Mixins tutorial
Two Approaches to Removing Unused CSS Rules tutorial
How to Create Fancy Revealing Animations with Simple CSS Tricks tutorial
9 Things You Didn’t Know About Firefox Dev Tools tutorial
Exploring Bump Mapping with WebGL tutorial
Designing for Great Web Performance, with Addy Osmani video
Google Chrome Developers
A much faster way to debug code than with breakpoints or console.log tools
Flexbugs: A Curated List of Flexbox Issues & Cross-Browser Workarounds code
asm-dom: A WebAssembly Virtual DOM to Build SPAs in C++ code
Lozad: Performant Lazy Loading with the Intersection Observer API code