Collective #239
Inspirational Website of the Week: The Taproot Agency
A super-elegant design with some lovely typography and colors. Our pick this week.
Get inspired
Hack Reactor: Everything You've Read is True
"This is the best coding school out there." - Andy S., 2015 Grad. See for yourself in Hack Reactor's Student Outcomes.
Check it out
Offline Storage for Progressive Web Apps
Addy Osmani summarizes some ideas around offline data storage for Progressive Web Apps.
Read it
React-dates
An accessible, easily internationalizable, mobile-friendly datepicker library for the web. By Airbnb.
Check it out
Using Feature Queries in CSS
Learn all about CSS Feature Queries and the @support rule in this article by Jen Simmons.
Read it
Observing your web app
Eric Bidelman provides some great API examples for monitoring changes in a web application.
Read it
Bouncy Ball
A great comparison of web animation techniques on the example of a bouncing ball. By Sparkbox.
Check it out
Save-as-ebook
A Chrome/Firefox/Opera Web Extension for saving a web page/selection as eBook in epub format. Made by Alex Adam.
Check it out
Playing with fire – WebGL fire simulation
A tutorial by Joakim Hårsman where he shows how to make fire with WebGL.
Read it
Music Genres Icons (AI, SVG, PNG)
Some lovely music genre icons in three different formats by the folks of Iconshock.
Get it
The cost of small modules
A very insightful article by Nolan Lawson on how small modules can have a surprisingly high performance cost depending on your choice of bundler and module system.
Check it out
Flexible typography with CSS locks
Tim Brown explains the brilliant idea of CSS locks for perfect web typography.
Read it
Yes, You Should Learn Vanilla JavaScript Before Fancy JS Frameworks
Francois-Xavier P. Darveau explains why he believes it's important to take enough time to understand the core principles of JavaScript before using shortcuts provided by JS frameworks and libraries.
Read it
A Case Study on Boosting Front-End Performance
Declan Rek shows how they boosted front-end performance at De Voorhoede.
Check it out
Indicating offline
A great article by Michael Scharnagl on how to show and work with online/offline states of a web app.
Check it out
Parallax Image Scrolling Animation with CSS 3D and JavaScript
Dudley Storey shows how to achieve a parallax like image scrolling effect.
Check it out
71 Free Animal Icons (AI, EPS, PNG, PDF)
A great set of super-cute animal vector icons by Icons8 for GraphicBurger.
Get it
Accessibility in email: Part II
A follow up article by Mark Robbins on accessibility in email, an often neglected topic.
Check it out
Type Nugget (Beta)
An online typesetting tool that plans to give you fine control over web typography.
Check it out
Shared Text Styles
A free plugin to easily import and export text styles in Sketch. Made by Nils Hoenson.
Check it out
Principle 2.0
The tool for designing animated and interactive user interfaces celebrates its first birthday with some great additions.
Check it out