Collective #180
Inspirational Website of the Week: Chelsea Collective
Super-smooth transitions with some lovely details made us pick Chelsea Collective for this week's inspiration.
Get inspired
Designing for Performance
In her free online book, Lara Callender Hogan helps you approach projects with page speed in mind, showing you how to test and benchmark which design choices are most critical.
Read it
Hotjar: See how your visitors are using your site
HotJar is an easy way to truly understand your web and mobile site visitors (now out of Beta).
Check it out
codedoodl.es
A fantastic platform for showcasing creative coding experiments built with the latest web technologies. Created by FLUUUID.
Check it out
3D Garage (AI, EPS, PDF)
A fantastic 3D isometric illustration freebie by Sebastian Matiz.
Get it
One Line Startup Icons (AI)
A very creative icon set where each icon is composed of just one line. Made by Differantly Studio.
Check it out
BEMIT: Taking the BEM Naming Convention a Step Further
Harry Roberts introduces an interesting augmentation to the BEM naming convention, including namespaces and responsive suffixes.
Check it out
Build a Real-Time Polymer To-Do App
An in-depth tutorial by Kevin Gleason on how to build a to-do app with Polymer.
Read it
If we stand still, we go backwards
Jake Archibald writes an interesting response to Peter-Paul Koch's article Stop pushing the web forward. Also, check out Bruce Lawson's and Nicolas Bevacqua's responses.
Read it
The JavaScript Looping Evolution
Cody Lindley gives an overview of the evolution of JavaScript looping and discusses the significant updates for JavaScript 2015.
Read it
CSSfmt
CSSfmt is a tool that automatically formats CSS source code, inspired by Gofmt, and built on top of the PostCSS ecosystem. Made by Masaaki Morishita.
Check it out
Free Font: Arctic
Matt Ellis designed this interesting slab serif font and offers it for free.
Get it
Spec.fm
A fresh network with podcasts for designers and developers.
Check it out
NOW UI Kit
A free, beautiful cross-platform UI kit by no one else but the InVision team.
Check it out
DIFF Landing Page (PSD)
A stunning landing page design by Tiago Narciso for HeyBundle.
Get it
To Sketch, or not to Sketch?
A great interview by Matthieu Aussaguel where he asks designer Tobia Crivellari what his take on Sketch and Material Design is.
Read it
TouchPoint.js
A JavaScript library that visually shows taps/clicks for HTML prototypes using CSS3 transitions on desktop and mobile. Made by Jonah Bitautas.
Check it out
CSS: Why we need localized constants
An interesting article on Macropod that introduces a PostCSS plugin to process imported variables from a file, removing them from a global scope.
Check it out
Free Font: NEW INDUSTRY
An exquisite uppercase font designed by Emil Boye.
Get it
Making and Breaking the Web With CSS Gradients
Mike Taylor and Dietrich Ayala explain why we should be checking our stylesheets for outdated (prefixed) gradient syntax.
Read it
Highlighter.js
Highlighter.js is a small JavaScript library that allows you to easily navigate, select and highlight DOM elements. Made by 720kb.
Check it out
Quick Tip: CSS Only Dropdowns With The Checkbox Hack
A quick tip by Danny Markov from Tutorialzine where you'll learn how to create a dropdown with the checkbox hack.
Check it out
canvid.js
Canvid is a tiny dependency free library for playback of relatively short videos on canvas elements. Made by Gregor Aisch.
Check it out