Collective #435

HelloSign API: Everything IT requires and Developers love
With a robust SDK, amazing support, detailed documentation, and super clean dashboard, HelloSign API is sure to make your team happy.
Try it free today
Front-End Performance Checklist
A very complete list of points for better front-end performance. By David Dias.
Check it out
JavaScript fundamentals before learning React
Robin Wieruch's great JavaScript guide for React beginners.
Read it
The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM
Oliver Williams' article on custom elements and how to make them reusable across projects using NPM.
Read it
Farewell, Google Maps
Due to the recent usage policy change of Google Maps, Bartłomiej Owczarek and Tomasz Nawrocki explore some alternatives for mid-sized and larger sites.
Read it
The Best Explanation of JavaScript Reactivity
In this article Gregg Pollack explains the concept of reactivity in JavaScript frameworks.
Read it
ndb
Ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools.
Check it out
3D Toggle
A fantastic 3D toggle made by Ana Tudor.
Check it out
On Designing and Building Toggle Switches
Sara Soueidan's in-depth analysis of toggle switches using the example of the Codepen public/private toggle.
Read it
A one year PWA retrospective
Zack Argyle shares the story of how Pinterest was turned into a Progressive Web App.
Read it
Scaling Microservices with Message Queues, Spring Boot and Kubernetes
A great article on designing applications at scale. By Daniele Polencic.
Read it
Stuff you can do with pointer-events
Martijn Cuppens shows some examples of useful pointer-events tricks.
Check it out
Fractional
Ethan Marcotte shares why the fr
unit is so useful.

Free Font: Calibre
A super condensed uppercase font designed by Jeremy Vessey. Free for a subscription.
Get it
CSS in JS in real-life
Artur Siery takes a look at how "CSS in JS" solutions perform in a real-world project.
Read it
The future of WebAssembly - A look at upcoming features and proposals
Colin Eberhardt gives us a glimpse into where WebAssembly is heading in the future.
Read it
Emoji Autocomplete Sketch Plugin
A little plugin that lets you insert Emojis into Sketch by typing a colon and the first letters of the Emoji.
Check it out
Build an Instagram clone with Vue.js and CSSGram
A practical Vue project tutorial by Hassan Djirdeh.
Read it
Free Font: Ant
A quirky font family inspired by anteaters. Designed by Niels Otto Andersen.
Get it
Rico's cheatsheets
A useful collection of cheatsheets written by Rico Sta. Cruz.
Check it out
Tricky CSS hover
Piotr Galor created this demo of a slick hover effect.
Check it out