Collective #280
![C280_MailChimpWOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_MailChimpWOTW.png?x86293)
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![C280_Nav](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_Nav.png?x86293)
Progress Nav
A great progress visualization concept by Hakim El Hattab.
Check it out![C280_Filament](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_Filament.jpg?x86293)
Modernizing our Progressive Enhancement Delivery
Some hot new techniques for speeding up websites by Filament Group.
Read it![C280_Magic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_Magic.jpg?x86293)
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![C280_SnowNY](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_SnowNY.png?x86293)
A virtual NYC snow globe
A great project by Ronik where you can take a virtual Winter ride around New York.
Check it out![C280_FontRimbo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_FontRimbo.jpg?x86293)
Free Font: Rimbo
A playful font with lots of personality designed by Marcelo Reis Melo.
Get it![C280_RedditTerminal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_RedditTerminal.png?x86293)
terminal.reddit
Harry Parton built a terminal-based interface for Reddit with Vue.js.
Check it out![C280_IconFontsMug](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_IconFontsMug.png?x86293)
I □ ICON FONTS mug
Jon Kantner's genius demo that shows how problematic icon fonts can be.
Check it out![C280_FontQuickCaps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_FontQuickCaps.png?x86293)
Free Font: QUICK CAPS
Gehan Magee's great looking hand-written typeface.
Get it![C280_Dialog](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_Dialog.jpg?x86293)
Let the Action Buttons in the Dialog Box Scream its Outcome
A dialog box UX pattern that is worth commiting to.
Read it![C280_FavPens](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_FavPens.png?x86293)
The most hearted of 2016
The most hearted Codepen demos of 2016.
Check it out![C280_ClothesIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_ClothesIcons.png?x86293)
Freebie: Clothing Icons
A set of 40 super-cute and versatile clothing icons made by Creativebin for Smashing Magazine.
Get it![C280_Skeleton](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_Skeleton.png?x86293)
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![C280_CSSAnimation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_CSSAnimation.png?x86293)
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![C280_Opera](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_Opera.jpg?x86293)
Opera Neon
The future of web browsing? This is the Opera Neon concept browser for Mac.
Check it out![C280_Prettier](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_Prettier.png?x86293)
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![C280_Sketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_Sketch.png?x86293)
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![C280_RandomCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_RandomCSS.png?x86293)
Random Numbers in CSS
Robin Rendle explores how to randomize values in CSS.
Read it![C280_Tunnel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_Tunnel.png?x86293)
Tunnel
A fantastic tunnel demo by Louis Hoebregts.
Check it out![C280_Dao](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_Dao.png?x86293)
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![C280_ChineseNewYear](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C280_ChineseNewYear.png?x86293)
Chinese New Year Vector Icons
A lovely set of Chinese New Year and Spring Festival icons.
Get it