Collective #203
Inspirational Website of the Week: J. Hornig - JOHO's
A captivating interactive journey with some clean animations. The shop design a amazing, too. Our pick this week.
Get inspired
Get multiple job offers from top companies with 1 application
1) Submit an application, 2) Select your dream job, 3) Collect your $1k bonus from Hired as a thank you
Check it out
Year in Review | 2015
A collection of the best Year in Review sites/pages from 2015 made by brands from around the world.
Check it out
Leaner Responsive Images With Client Hints
Learn how you can use Client Hints, a new feature available in Chrome 46 and Opera 33, for reducing image size and verbosity of the markup needed for responsive images.
Read it
Motion with Meaning: Semantic Animation in Interface Design
Tobias Bernard and Amin Al Hazwani explore meaningful animations and how they affect interfaces.
Read it
Pointy Slider
A beautiful slideshow with sliding-in panels that unveil new, fixed background images. Made by Sebastiano Guerriero from CodyHouse.
Check it out
cssFilters.co
A simple tool to help create custom CSS filters for your images. Based on CSSgram by Una Kravets and made by Indrashish Ghosh.
Check it out
The Spirit
A great WebGl particle experiment made by Edan Kwan.
Check it out
CMS.js
CMS.js is fully client-side, JavaScript site generator in the spirit of Jekyll that uses plain ol' HTML, CSS and JavaScript to generate your website. By Chris Diana.
Check it out
ES6 Cheatsheet
An open cheatsheet containing ES2015 (ES6) tips, tricks, best practices and code snippet examples for your day to day workflow. By David Leonard.
Check it out
Everything I know about responsive web typography with CSS
A comprehensive article on responsive web typography by Zell Liew where he also introduces Typi, a very useful typography tool.
Check it out
Jukedeck
With Jukedeck you can create royalty-free, unique music tracks for your videos in seconds.
Check it out
Free Font: Ginebra
Yai Salinas designed this lovely fashionable font.
Get it
Don't tell me what my browser can't do!
An interesting article by Chris Heilmann on why we shouldn't tell users what their browsers can't do.
Read it
72 Free Icons (AI, Sketch, PSD, SVG)
A great set of 72 well designed vector icons by the Eleken team.
Check it out
Firefox and the Web Speech API
Chris Mills explores the fantastic Web Speech API and shows what we can already do with it in Chrome and Firefox.
Check it out
Customize your Google Map Markers
Learn how to customize your markers for Google Maps in this great tutorial by Paulina Hetman.
Check it out
Which Browser Extensions do Web Developers Use?
Rey Bango asks an interesting question to see what extensions are important to web developers.
Check it out
Timelined
A customizable CSS-only vertical timeline made by Andriaus Tinklaraštis.
Check it out
Free Font: Audrey
Audrey is a very elegant typeface designed by Cristina Pagnotta.
Get it