Collective #409
Publikováno: 23.4.2018
Permit * React in patterns * Sketchize * GitHub Learning Lab * Slugify * pico.js * BBC Sound Effects * VS Code can do that?!
Collective #409 was written by Pedro Botelho and published on Codrops.

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.

Cards and Composability in Design Systems
An excellent article by Nathan Curtis on structure, content, style and behavior of composed components.

React in patterns
A free book about common design patterns used while developing with React. By Krasimir Tsonev.

Replace Animated GIFs with Video
Jeremy Wagner shows how to replace large animated GIFs with lighter videos.

pico.js
A compact face-detection library in JavaScript with real-time detection capabilities.

Slugify
Convert a string into a slug. Useful for URLs, filenames, and IDs. By Sindre Sorhus.

Sketchize
With Sketchize you can print sketch sheets for designing apps for mobile, tablet and desktop devices.

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.

GitHub Learning Lab
GitHub Learning Lab takes you through a series of fun and practical projects for building your skills.

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.

Syntax Theme
A free minimalist theme for Atom and Visual Studio Code inspired by Framer’s code editor.

VS Code can do that?!
Some very useful and interesting things you can do in Visual Studio Code.

All the Buildings in Manhattan
An interactive 3D visualization of the all the buildings in Manhattan.

Layers and how to force them
Read about some gotchas of will-change in this article by Surma.

Permit
An unopinionated authentication library for building Node.js APIs. By Ian Storm Taylor.

Lessons Learned – A Year Of Going “Fully Serverless” In Production
Tal Bereznitskey shares his insights on going fully serverless at Torii.

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.

Free Font: Lazy Marker
A relaxed marker typeface designed by Luz Mariana Torres.

What You Need To Know To Increase Mobile Checkout Conversions
Suzanne Scacca gives advice on how to improve checkout conversions for mobile sites.

Free Font: MD Tall
A great slim display font designed by Mariano Diez.

BBC Sound Effects
The BBC offers more than 16,000 sound effects for free usage in personal, educational or research work.

Password Strength Visualization
Visual feedback for password strength on an image based on Colibro’s sign up form.
Collective #409 was written by Pedro Botelho and published on Codrops.