Collective #280
Inspirational Website of the Week: MailChimp 2016 Annual Report
MailChimp's annual report is a fun retro celebration of shapes and patterns. Our pick this week.
Get inspired
Progress Nav
A great progress visualization concept by Hakim El Hattab.
Check it out
Modernizing our Progressive Enhancement Delivery
Some hot new techniques for speeding up websites by Filament Group.
Read it
Making Magic with WebSockets and CSS3
Hélio Dolores explains how real-time communication with WebSockets and optical illusions with CSS3 create a stunning, magical effect.
Read it
A virtual NYC snow globe
A great project by Ronik where you can take a virtual Winter ride around New York.
Check it out
Free Font: Rimbo
A playful font with lots of personality designed by Marcelo Reis Melo.
Get it
terminal.reddit
Harry Parton built a terminal-based interface for Reddit with Vue.js.
Check it out
I □ ICON FONTS mug
Jon Kantner's genius demo that shows how problematic icon fonts can be.
Check it out
Free Font: QUICK CAPS
Gehan Magee's great looking hand-written typeface.
Get it
Let the Action Buttons in the Dialog Box Scream its Outcome
A dialog box UX pattern that is worth commiting to.
Read it
The most hearted of 2016
The most hearted Codepen demos of 2016.
Check it out
Freebie: Clothing Icons
A set of 40 super-cute and versatile clothing icons made by Creativebin for Smashing Magazine.
Get it
Skeletal Animation System
A standalone, stateless, dual quaternion based skeletal animation system that aims to give the user a flexible module for managing skeletal animations across different 3D models and bone groups. Made by Chinedu Francis Nwafili.
Check it out
Ensuring CSS Animations Run and Stop Gracefully
A little library for graceful CSS animations especially useful for loading behavior by Tommy Marshall.
Check it out
Opera Neon
The future of web browsing? This is the Opera Neon concept browser for Mac.
Check it out
Prettier
Prettier is an opinionated JavaScript formatter inspired by refmt with advanced support for language features from ES2017, JSX, and Flow. By James Long. Read the article here.
Check it out
This is, without a doubt, the coolest Sketch technique you'll see all day.
Jon Moore shows a powerful Sketch technique that can save lots of time designing.
Read it
Random Numbers in CSS
Robin Rendle explores how to randomize values in CSS.
Read it
Tunnel
A fantastic tunnel demo by Louis Hoebregts.
Check it out
A Dao of Product Design
An article on the importance of the social and societal impact of product and their power to transform our society.
Read it
Chinese New Year Vector Icons
A lovely set of Chinese New Year and Spring Festival icons.
Get it