Collective #409
![C409_hotjar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_hotjar.png?x86293)
Truly understand your site visitors' behavior
Hotjar is a quick and easy way to truly understand your visitors and identify opportunities for improvement and growth.
Try it for free![C409_cards](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_cards.jpg?x86293)
Cards and Composability in Design Systems
An excellent article by Nathan Curtis on structure, content, style and behavior of composed components.
Read it![C409_reactpatterns](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_reactpatterns.jpg?x86293)
React in patterns
A free book about common design patterns used while developing with React. By Krasimir Tsonev.
Check it out![C409_gifvideo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_gifvideo.jpg?x86293)
Replace Animated GIFs with Video
Jeremy Wagner shows how to replace large animated GIFs with lighter videos.
Read it![C409_pico](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_pico.jpg?x86293)
pico.js
A compact face-detection library in JavaScript with real-time detection capabilities.
Check it out![C409_slugify](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_slugify.jpg?x86293)
Slugify
Convert a string into a slug. Useful for URLs, filenames, and IDs. By Sindre Sorhus.
Check it out![C409_sketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_sketch.jpg?x86293)
Sketchize
With Sketchize you can print sketch sheets for designing apps for mobile, tablet and desktop devices.
Check it out![C409_opera](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_opera.jpg?x86293)
The Origins of Opera and the Future of Programming
Jessica Kerr's fascinating keynote for Mob Programming Conference where she uncovers why great teams make great people.
Read it![C409_githublearn](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_githublearn.jpg?x86293)
GitHub Learning Lab
GitHub Learning Lab takes you through a series of fun and practical projects for building your skills.
Check it out![C409_previewwiki](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_previewwiki.jpg?x86293)
How we designed page previews for Wikipedia?- and what could be done with them in the future
Read all about the new desktop page previews for Wikipedia's readers.
Read it![C409_themevs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_themevs.jpg?x86293)
Syntax Theme
A free minimalist theme for Atom and Visual Studio Code inspired by Framer's code editor.
Check it out![C409_vscandothat](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_vscandothat.jpg?x86293)
VS Code can do that?!
Some very useful and interesting things you can do in Visual Studio Code.
Check it out![C409_manhattan](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_manhattan.jpg?x86293)
All the Buildings in Manhattan
An interactive 3D visualization of the all the buildings in Manhattan.
Check it out![C409_layers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_layers.jpg?x86293)
Layers and how to force them
Read about some gotchas of will-change in this article by Surma.
Read it![C409_permit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_permit.jpg?x86293)
Permit
An unopinionated authentication library for building Node.js APIs. By Ian Storm Taylor.
Check it out![C409_serverless](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_serverless.jpg?x86293)
Lessons Learned - A Year Of Going "Fully Serverless" In Production
Tal Bereznitskey shares his insights on going fully serverless at Torii.
Read it![C409_reactnike](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_reactnike.jpg?x86293)
Nike React
A fantastic three.js powered campaign site for Nike where you can create your own Nike React runner. Made by the folks of DPDK.
Check it out![C409_marker](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_marker.jpg?x86293)
Free Font: Lazy Marker
A relaxed marker typeface designed by Luz Mariana Torres.
Get it![C409_conversion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_conversion.jpg?x86293)
What You Need To Know To Increase Mobile Checkout Conversions
Suzanne Scacca gives advice on how to improve checkout conversions for mobile sites.
Read it![C409_mdtall](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_mdtall.jpg?x86293)
Free Font: MD Tall
A great slim display font designed by Mariano Diez.
Get it![C409_soundeffects](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_soundeffects.jpg?x86293)
BBC Sound Effects
The BBC offers more than 16,000 sound effects for free usage in personal, educational or research work.
Check it out![C409_password](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C409_password.jpg?x86293)
Password Strength Visualization
Visual feedback for password strength on an image based on Colibro's sign up form.
Check it out