Collective #191

Inspirational Website of the Week: J. Walter Thompson Amsterdam
A strong design with very slick and creative effects. Our pick this week.
Get inspired
3D Force Touch: beyond peek & pop
Victor Baro shows what 3D Touch is all about and how it can provide interesting new ways to interact with content.
Read it
<input> I ♡ you, but you're bringing me down
Monica Dinculescu tells the depressing story of the <input> element with all it's quirkiness and inconsistencies.
Read it
Object-Oriented UX
Sophia Voychehovski shares her experiences from designing the user experience of election night.
Read it
Project Cards Template
A portfolio template with expandable projects and a full-page navigation inspired by Primer app. Made by Claudia Romano from CodyHouse.
Check it out
Resume Builder
A very useful and well-made resume builder by QWILR.
Check it out
Bringing card design to a new level
Nicolay Mausz brings the concept of card design to the next level by thinking further than the mobile-focused Material Design approach and bringing in the the desktop and some Physics.
Check it out
Simple Lightbox
A touch-friendly jQuery image lightbox for mobile and desktop developed by Andre Rinas.
Check it out
Mix-Blend-Mode CSS property test
See how mix-blend-mode works with this great test page by Arthur Gouveia.
Check it out
Free E-Book: You're Designing It All Wrong!
Webydo teamed up with Tal Florentin to bring you an eBook that will perfect the way you design for screens.
Get it
Simple Icons
134 excellent brand icons in SVG presented with their associated colors. Made by Dan Leech.
Get it
Freebie: Halloween Icon Set (19 Icons, AI, EPS, PDF, SVG, PNG)
A set of beautiful and creative Halloween illustrations designed by Manuela Langella for Smashing Magazine.
Get it
Free Font: Delicate
An exquisite font with a sharp appearance designed by FAAK & PAAT.
Get it
Chrome Devtools Tips & Tricks
Some great tips for using the Chrome Dev Tools by molsson.
Check it out
How To Work With SVG Text
Learn everything about using SVG Text in this article by Steven Bradley.
Read it
Animated Gameboy in CSS
bchANx will show you some advanced CSS techniques for creating an animated Gameboy.
Check it out
The struggles of publishing a JavaScript library
An in-depth article by Nolan Lawson on the difficulties of writing and publishing a JavaScript library these days.
Read it
Typatone
With this awesome experiment you can make music while you type.
Check it out
Free Font: Metal Blackletter
Matt Smith designed this excellent geometric blackletter typeface.
Get it
Lazy Loading Images on the Web
Brian Rinaldi gives a great overview of techniques for lazy loading images.
Read it
Covers
Covers is an absolutely breathtaking animation project that shows vintage book covers in motion. Made by Henning M. Lederer.
Check it out
Halloween Email Template (PSD, HTML)
A high-quality Halloween email template created by PSD2HTML for PixelBuddha.
Get it
chart.css
A CSS based chart system for building vertical and horizontal charts. Made by Theus Falcão.
Check it out