A Web designer wanted to try switching to PostCSS to benefit from its tooling and the cssnext plugin
in particular. This is how it went and what he learned along the way.
CSS Grid is coming to browsers, unprefixed and out from behind flags this year. This post covers some frequently asked questions.
What ‘writing modes’ are, how they can be engaged via CSS, and what use they have to you.
A thorough post that covers the concept of Virtual DOM in a detailed yet easy-to-understand fashion.
Raja Rao DV
Names can sometimes be difficult to pronounce. Vocalizer.js, developed by Atif Azam, helps solve this problem on the Web.
Pesky nesting issues are a thing of the past if we ‘learn from Lego’ and envision web content blocks in a Lego-esque fashion.
A simple proxy that strips away CSS so you can check how your site behaves when styles fail to load.
Daniel McLaughlin and Eric Bailey
Can't find the right job? Want companies to apply to you? Try Hired.com.
Facebook Implementing Payment Request API Into An In-App Browser Experience news
Intent to Implement and Ship: CSS display:flow-root news
Taking HTML5 Device Orientation for a Spin tutorial
A look at the HTML5 Device Orientation API and how to work with it on your own pages.
Improve Your Site's Accessibility with WAI-ARIA tutorial
Shaping Curves with Parametric Equations in WebGL tutorial
Building a Reactive Audio App with WebVR tutorial
How to build a VR app using Three.js and the WebVR API.
Create a Stylish News Feed Layout in Ionic 2 tutorial
How to build a stylish news feed layout in Ionic 2 using a parallax header and frosted glass effect.
PostCSS: Sass's New Play Date tutorial
Nicoláas J. Engler
Has the Internet Killed Curly Quotes? story
Algorithm-Driven Design: How Artificial Intelligence Is Changing Design story
Front-End Developers Are Information Architects Too opinion
In Defense of Font Size Widgets opinion
What to Learn in 2017 If You’re A Frontend Developer opinion
Translating Backend Data to Frontend Needs Using GraphQL video
Sashko from Meteor shows how GraphQL can be used to solve issues between backend and frontend requirements.
Why Inline SVG is Best SVG video
Front End Center
simplehttp2server: A Simple HTTP/2 Server for Development tools
The Web Bluetooth Module for Angular tools
Diffy.js: A Dependency-Free Motion Detection Library for the Browser code
Uses the webcam.
HTML5 Canvas Gauges code
Radial, linear, temperature, and more.
vizflow: An ES6 Interactive Visualization Engine code
A small library for adding transition effects and interactive visualizations to HTML5 documents.
LoadJS: A Tiny Async Loader for Modern Browsers (710 Bytes) code
Rowing Monitor: A PWA Using Web Bluetooth to Connect to A PM5 Monitor code
A Progressive Web App that connects to a monitor commonly used with rowing machines to track exercises.
Building a responsive HTML5 app? Learn the must-know techniques with this whitepaper
If you're a HTML5/JS dev, responsive web design is or will be a requirement in the near future. This whitepaper will give you the must-know on responsive web.