Collective #303

Grid Garden
A brilliant game that let's you grow carrots by writing CSS Grid properties. Made by Thomas Park.
Check it out
Tippy.js
A light-weight, pure JavaScript tooltip library.
Check it out
Alcamy
An open platform for self-learners and teachers where web resources are curated as structured learning programs.
Check it out
Shame the Confirmshamers
An excellent article by Brandon Dorn on a common, but very nasty dark pattern the web and users really don't need.
Read it
Copycat
A very addictive and fun game by Gtibo.
Check it out
How To Secure Your Web App With HTTP Headers
Hagay Lupesko shows how to use HTTP headers properly in your web applications.
Read it
ReacTour
Easy guides for your React components. Made by Lionel.
Check it out
The full stack design system
A delightful read on how embodying product concepts into Design Systems can pave the way to consistent products. By Emmet Connolly.
Read it
CSS Grid Template Builder
A great tool to build complex CSS Grid layouts. By Anthony Dugois.
Check it out
Bash Guide
A guide to learn bash by Adnan Ahmed.
Read it
Algorithm-Driven Design
An exciting website by Yury Vetrov that collects tools, concepts and articles on algorithm-driven design.
Check it out
Source Han Serif
Read the story behind the open source Pan-CJK typeface by Adobe that supports Simplified Chinese, Traditional Chinese, Japanese, and Korean.
Read it
Before you can master design, you must first master the fundamentals
Some great advice on how to become a better visual designer by Jonathan Z. White.
Read it
The 100% Correct Coding Style Guide
Some important thoughts on what actually matters when it comes to coding style. By Bill Sourour.
Read it
VSCO, More Than Just Filters
A great UX case study on VSCO's iOS App. By Kevin Kwon.
Read it
Yes, Python is Slow, and I Don't Care
Nick Humrich's thoughts on why you should try Python, despite its slowness.
Check it out
Scrolling on the web: A primer
If you haven't stumbled upon this one yet: a great primer on scrolling by Nolan Lawson.
Read it
Implementing system fonts on Booking.com — A lesson learned.
Some interesting insights to implementing system fonts. By Stuart Frisby.
Check it out
The invisible parts of CSS
Mike Riethmuller explains the workings of the "hidden" parts of CSS.
Read it
Organize your CSS properties however you dang like
When it comes to organizing CSS properties, just do it your way! An article by Michael Arestad.
Read it
Burst
Free photography for your next project. By Shopify.
Check it out