Collective #296

Inspirational Website of the Week: DESCENTE 2017
Interesting transitions with some striking effects. Our pick this week.
Get inspired
Scrimba
An engaging new platform for communicating and learning code with screencasts.
Check it out
Password Rules Are Bullshit
A very interesting article why common password rules are terrible and what to do about it. By Jeff Atwood.
Read it
Numscrubber.js
A great plugin for changing input number values by dragging the mouse to the sides.
Check it out
Playing with CSS Grids
Marco Barbosa shows the power of CSS Grids on a beautiful print-like layout.
Read it
Using CSS Transitions on Auto Dimensions
Brandon Smith shows some solutions for the problem of transitioning to auto dimensions.
Read it
hyperHTML: A Virtual DOM Alternative
Andrea Giammarchi introduces hyperHTML, a fast and light virtual DOM alternative.
Read it
We need to talk about Opera Mini
An insightful article on Opera Mini by Hui Jing Chen.
Read it
A Programmer's Introduction to Unicode
Nathan Reed demystifies Unicode once and for all in this great article.
Read it
Animista
A great new tool for generating CSS animations on demand. Built by Ana Travas.
Check it out
The System Design Primer
An organized collection of resources to help you learn how to build large scale systems. By Donne Martin.
Check it out
The Frequency of Known Vulnerabilities in JavaScript Libraries
Tim Kadlec's summary of last week’s NDSS Symposium's whitepaper on vulnerabilities of client-side JavaScript libraries.
Check it out
Free Font: Connoisseurs
An elegant brush typeface by Pixel Buddha.
Get it
A horizontal scrolling navigation pattern for touch and mouse with moving current indicator
A step-by-step tutorial on how to build a navigation by Ben Frain.
Read it
Practical Design Discovery
An excerpt from Dan Brown's new book, Practical Design Discovery.
Read it
colorfonts.wtf
Learn about the amazing color fonts and how you can use them.
Check it out
I analyzed every book ever mentioned on Stack Overflow. Here are the most popular ones.
Vlad Wetzel took up the challenge to find the most popular programming books. Check out the results on dev-books.
Read it
Hassle-free Full Bleed with *:not()
Dave Rupert shows an interesting way to use the negation CSS pseudo-class.
Read it
Service Worker Toolchain
A collection of utilities for creating, testing and experimenting with service workers.
Check it out
3D Earth
A stunning 3D globe demo by Bryan Jones powered by three.js.
Check it out
From student to professional
Vicky Gao shares her experience on how real world UX differs from school project UX.
Read it
Free Sparkly Icons To (Literally) Make Your Designs Shine
30 free icons from the new Ballicons 3 pack by Pixel Buddha.
Get it