Collective #200

Inspirational Website of the Week: Benjamin Guedj
A clean design with fantastic typography and creative effects. Our pick this week.
Get inspired
Getting started with Progressive Web Apps
An insightful article on Progressive Web Apps with some great info on getting started by Addy Osmani.
Read it
The Perfect Storm in Digital Law
A must-read article by Heather Burns on digital legislation and why it's crucial for web professionals to obtain a voice in digital law as soon as possible.
Read it
Reimagining Single-Page Applications With Progressive Enhancement
Heydon Pickering explores an interesting solution for architecting progressive single-page applications.
Read it
The art of hand lettering by Dina Rodriguez
A great article on the process of hand lettering by Dina Rodriguez.
Check it out
Reading Progress Indicator
A great widget containing a list of suggested articles, with a reading progress indicator made by Sebastiano Guerriero.
Check it out
Vector Line Icon Set
Réka Tamás designed these lovely line icons and offers them for free.
Get it
Javascript Fatigue
Eric Clemmons writes about issues related to React and the Javascript ecosystem that comes with it.
Read it
Interface Animation. The Force of Motion
A very inspirational article on interface animation originally published on the Tubik Studio blog.
Read it
Free Font: Carosello
A lovely vintage ad inspired font designed by Unio for Pixel Buddha.
Get it
DocSearch
A simple way to add search to your documentation. By Algolia.
Check it out
The long, incredibly tortuous, and fascinating process of creating a Chinese font
A fantastic article on the challenges of creating a Chinese font. By Nikhil Sonnad.
Read it
How Tabs Should Work
Remy Sharp dives into how a tabbing system should work, and shows one approach of implementing it.
Check it out
Free Font: Waterlily
A lovely handwriting font designed by TheHungryJPEG for Freebiesbug.
Get it
Expressive CSS
Expressive CSS by John Polacek is an approach to writing lightweight, scalable CSS using utility classes that are easy to write and understand.
Check it out
"Real" Mixins with JavaScript Classes
Learn about Mixins and Javascript in this article by Justin Fagnani.
Read it
Beyond Offline
Some interesting thoughts on Service Workers with seven exotic recipes beyond simply caching content for offline availability.
Read it
DummyText.com
DummyText is a really smart filler text generator with lots of options for rapid content generation.
Check it out
CSS Cursor
Pick a cursor and see its browser support with this helpful little site.
Check it out