Collective #178

Inspirational Website of the Week: Jesper
Motion details and a great balanced color scheme made us pick this beauty as the website of the week.
Get inspired
Screenings – Watch. Learn. Design.
A fantastic resource that collects design-related videos from around the web. Made by Sacha Greif.
Check it out
Stretchy: Form element autosizing, the way it should be
Lea Verou's script for form control autosizing which works on multiple types of form controls.
Check it out
Pixel Picker
Create cool pixel art with this tool made by and used on Designer News.
Check it out
Position sticky: scroll-to-top-then-fixed in pure CSS
Dudley Storey shows how to achieve the "scroll-to-top-then-fixed" behavior in pure CSS.
Check it out
Smarter Grids With Sass And Susy
Michelle Barker shows how to use Susy, a Sass-based grid framework, to create fast, responsive and fully customizable grids.
Read it
Advancing the web without breaking it?
Christian Heilmann talks about ES6 and other technologies and how to use them without breaking the web as we know it.
Watch it
Using Graph Theory to Build a Simple Recommendation Engine in JavaScript
Keith Horwood shows how to create a simple recommendation engine in JavaScript.
Check it out
RISE Typeface
A great looking brush font designed by Pavel Korzhenko for PixelBuddha.
Get it
A History of Typeface Styles & Type Classification
Chris Spooner gives us a great overview of typeface styles and type classification.
Read it
Explaining graphic design to four-year-olds
Dean Vipond explains graphic design principles to four-year-olds in a brilliant way.
Read it
Redesigning the Apple Watch UI
Luke Wroblewski proposes redesigning the Apple Watch UI for the sake of a simpler interaction model.
Check it out
Stop Gratuitous UI Animation
Sophie Paxton explores the overuse of animation in UI design and offers some suggestions for more effective GUI motion design.
Check it out
AquaWay Free Vector Pack (AI, EPS)
A pack of lovely hand-drawn vector elements by Oksana Golubets.
Get it
Free Font: JEKYLL HYDE
Tano Veron designed this interesting upperace display font.
Get it
26 digital typography rules for beginners
Some great tips on how to master digital typography for beginners by Tom Koszyk.
read it
Free Font: Aquatico
A beautiful, geometric and rounded typeface designed by Andrew Herndon.
Get it
Bare Auth
Bare Auth is a ready-to-deploy stateless authentication server which supports all authentication strategies out of the box. Made by Lapwing Labs.
Check it out
ClickSpark.js
ClickSpark.js is a javascript utility that adds beautiful particle effects to your JavaScript events. Made by Thomas Zinnbauer.
Check it out