Collective #178
![Collective178_jesper](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_jesper.png?x86293)
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![Collective178_screenings](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_screenings.png?x86293)
Screenings – Watch. Learn. Design.
A fantastic resource that collects design-related videos from around the web. Made by Sacha Greif.
Check it out![Collective178_stretchy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_stretchy1.png?x86293)
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![Collective178_pixelpicker](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_pixelpicker.png?x86293)
Pixel Picker
Create cool pixel art with this tool made by and used on Designer News.
Check it out![Collective178_scrolltotopthenfixed](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_scrolltotopthenfixed.png?x86293)
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![Collective178_smartergridssass](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_smartergridssass.png?x86293)
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![Collective178_advancingtheweb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_advancingtheweb.png?x86293)
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![Collective178_graphs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_graphs.png?x86293)
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![Collective178_rise](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_rise.png?x86293)
RISE Typeface
A great looking brush font designed by Pavel Korzhenko for PixelBuddha.
Get it![Collective178_histtypo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_histtypo.jpg?x86293)
A History of Typeface Styles & Type Classification
Chris Spooner gives us a great overview of typeface styles and type classification.
Read it![Collective178_4yearolds](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_4yearolds.png?x86293)
Explaining graphic design to four-year-olds
Dean Vipond explains graphic design principles to four-year-olds in a brilliant way.
Read it![Collective178_applewatch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_applewatch.png?x86293)
Redesigning the Apple Watch UI
Luke Wroblewski proposes redesigning the Apple Watch UI for the sake of a simpler interaction model.
Check it out![Collective178_animation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_animation.jpg?x86293)
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![Collective178_aquaway](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_aquaway.png?x86293)
AquaWay Free Vector Pack (AI, EPS)
A pack of lovely hand-drawn vector elements by Oksana Golubets.
Get it![Collective178_jekyll](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_jekyll.png?x86293)
Free Font: JEKYLL HYDE
Tano Veron designed this interesting upperace display font.
Get it![Collective178_26typorules](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_26typorules.jpg?x86293)
26 digital typography rules for beginners
Some great tips on how to master digital typography for beginners by Tom Koszyk.
read it![Collective178_aquatico](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_aquatico.png?x86293)
Free Font: Aquatico
A beautiful, geometric and rounded typeface designed by Andrew Herndon.
Get it![Collective178_bareauth](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_bareauth.jpg?x86293)
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![Collective178_clicksparkjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective178_clicksparkjs.png?x86293)
ClickSpark.js
ClickSpark.js is a javascript utility that adds beautiful particle effects to your JavaScript events. Made by Thomas Zinnbauer.
Check it out