Collective #290
![C290_AnagramWOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_AnagramWOTW.png?x86293)
Inspirational Website of the Week: Anagram.paris
An interesting dragging effect and a great design. Our pick this week.
Get inspired![C290_DesignPatternsHumans](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_DesignPatternsHumans.png?x86293)
Design Patterns for Humans
A guide to design patterns that explains everything in a simple way.
Read it![C290_HTTPS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_HTTPS.png?x86293)
Moving to HTTPS Guide
A community site to help site owners migrate to HTTPS with a simple tested process for different platforms.
Check it out![C290_DesignToolsProcesses](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_DesignToolsProcesses.jpg?x86293)
On Design Tools and Processes
A fantastic article on the limitations of current static design tools and the need for a major shift in the design process.
Read it![C290_FontMetrics](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_FontMetrics.png?x86293)
Deep dive CSS: font metrics, line-height and vertical-align
An interesting article on the characteristics of font metrics and what it means for aligning text vertically. By Vincent De Oliveira.
Read it![C290_SWNavPreloads](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_SWNavPreloads.png?x86293)
Speed up Service Worker with Navigation Preloads
Jake Archibald explains how to use the new experimental feature, navigation preload, to speed up service workers.
Check it out![C290_WebAnimations](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_WebAnimations.png?x86293)
DIY Web Animations: Promises + rAF + Transitions
Learn how to re-create web animations using Promises, rAF and CSS Transitions.
Check it out![C290_OS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_OS.jpg?x86293)
Operating System: From 0 to 1
Learn the core concepts on how to write an OS from scratch. By Do Huang Tu.
Read it![C290_ButtonSketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_ButtonSketch.png?x86293)
The Anatomy of a Button in Sketch
Alberto Orsini dissects the button in Sketch and shows how to design the element in a flexible way.
Read it![C290_BefindisaFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_BefindisaFont.jpg?x86293)
Free Font: Befindisa Script
A lovely hand-written font with elegant sharp lines designed by Mercurial Roxxane.
Get it![C290_HamburgerAlt](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_HamburgerAlt.jpg?x86293)
Great Alternatives to Hamburger Menus
What can you use instead of the default mobile navigation pattern? Find out in this great round up by Levi Kovacs.
Check it out![C290_EcoFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_EcoFont.png?x86293)
Free Eco Font (AI)
Pavel Storchilov shares his leafy green alphabet vectors perfect for eco designs and logos.
Get it![C290_ES6Evaluate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_ES6Evaluate.png?x86293)
ES6 Features
An overview of new ES6 features with evaluable code blocks. The GitHub repo can be found here.
Check it out![C290_MircoReact](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_MircoReact.png?x86293)
How to Build Animated Microinteractions in React
Learn how to build some animated microinteractions with the React framework. By Christian Sepulveda.
Read it![C290_BetterWayButtonsSketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_BetterWayButtonsSketch.png?x86293)
A Better Way to Make Buttons in Sketch
Jon Moore shows how to efficiently design button elements in Sketch.
Check it out![C290_BusinessIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_BusinessIcons.png?x86293)
Free Business Icon Set (AI SVG EPS)
40 free vector icons with a business theme by Diego Naive.
Get it![C290_JSAcc](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_JSAcc.png?x86293)
Writing JavaScript with Accessibility in Mind
Some advice on how to improve the accessibility of your JavaScript components. By Manuel Matuzovic.
Read it![C290_IconsSpace](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_IconsSpace.png?x86293)
Exclusive Icon Set: Elements From Space To Earth
A set of 30 free icons that celebrate mankind’s urge to explore. Designed by Vexels.
Get it![C290_AtomicDesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_AtomicDesign.jpg?x86293)
What is Atomic Design?
An article that shows how to use Atomic Design to build interface systems. By Christopher Nguyen.
Read it![C290_Confetti](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/02/C290_Confetti.png?x86293)
Confetti Jam!
Celebrate and spew some confetti in this fun demo by Eli Fitch.
Check it out