Collective #185

Inspirational Website of the Week: Eginstill
A minimal design with smooth effects and lovely details. Our pick this week.
Get inspired
A Guide To Building SVG Maps From Natural Earth Data
A fantastic tutorial by Chris Youderian on how to create interactive maps with SVG.
Read it
iOS 9 GUI for Sketch
Amazing work: the vector-based iOS 9 GUI made by Meng To.
Get it
The Tools Designers Are Using Today
The fantastic Subtraction.com design tools survey results are out and they give a priceless insight into what tools creatives all over the world are using.
Check it out
Designing Safer Web Animation For Motion Sensitivity
An excellent article by Val Head on the dangers of employing irresponsible animations on websites and how to avoid it.
Read it
Use & Modify
A collection of exquisite typeface that are free to use and modify. A project by Raphaël Bastide.
Check it out
The Most Recognizable Thing on the Planet
An interesting eye-tracking study of the use of the hamburger menu on desktop websites and the implications.
Read it
Chocolat.js: jQuery lightbox candy
An excellent responsive jQuery lightbox script made by Nicolas Turlais.
Check it out
Tinderesque — building a Tinder-like interface with CSS animations and vanilla JS #justcode
Chris Heilmann re-created the effect seen on Tinder using CSS animation and some JavaScript to control the voting process.
Check it out
Want to learn JavaScript in 2015?
A practical guide on the steps to take in order to learn JavaScript.
Read it
Why You Hate Google’s New Logo
A very interesting read by Sarah Larson on the redesign of Google's logo.
Read it
Jets.js: Native CSS search engine
Denis Lukov created this search engine that leverages a browser's native search speed.
Check it out
Free Font: Banthers Free
A beautiful vintage-style display font designed by Agga Swist'blnk with a free version.
Get it
Gorgo HTML Template
Gorgo is a gorgeous Kirby CMS theme with a free HTML version. Made by AristoTheme.
Get it
Defining Design
An excerpt from Chen Ye's workshop he gave at PennApps Fall 2015. A great read on defining design.
Read it
Illustricons: 36 Free Icons
A set of 36 beautiful icons from the Illustricons set by the Sliceberry team for GraphicBurger.
Get it
SVG animation with GreenSock
Allan Pope shows how to animate SVG with GreenSock Animation Platform in this practical tutorial.
Read it
ContentTools: WYSIWYG editor for HTML content
ContentTools is a collection of open-source JavaScript libraries that can be used out-of-the-box as a standalone WYSIWYG editor or as a framework applicable to a wide array of content editing problems.
Check it out
Free Font: Barbaro
A lovely free font with western and roman style designed by Iván Núñez.
Get it