Collective #407

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 today
Scroll to the future
Anna Selezniova and Andy Barnov take us on a tour of the latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry.
Read it
Front-End Developer Handbook 2018
A guide written by Cody Lindley on the practice of front-end development, how to learn it and what tools are used.
Check it out
Length.js
A useful JavaScript library for length units conversions.
Check it out
Eclipse
An interactive experiment made by Cameron Adams.
Check it out
Free Font: Jelani
A beautiful, creative font inspired by African folklore.
Get it
VuePress
A Vue-powered static site generator with a markdown-centered project structure.
Check it out
Mustard UI
Mustard UI is a nice looking starter CSS framework made by Kyle Logue.
Check it out
Designing very large (JavaScript) applications
Malte Ubl's transcript of his JSConf Australia talk on what he learned building large JavaScript applications.
Read it
Front-End Design Checklist
An exhaustive list of optimal goals for a very complete front-end design project. By David Dias.
Check it out
Remote Browser
A library for controlling web browsers like Chrome and Firefox programmatically using JavaScript. Built on top of the Web Extensions API standard.
Check it out
Best Practices With CSS Grid Layout
Rachel Andrew tries to answer the commonly asked question about CSS Grid best practices.
Read it
Another Collection of Interesting Facts About CSS Grid
Once again Manuel Matuzovic shares his findings about interesting bits of CSS Grid.
Read it
Dot Tentacles
Magical dot tentacles with CSS variables made by Ana Tudor.
Check it out
Swipe Views with CSS Snap Points: Building a More Efficient Mobile Web Navigation
An interesting read on the usefulness of CSS Scroll Snap Points.
Read it
Learn D3.js for free
A step-by-step guide with 10 interactive tutorials to teach you D3.js. Read more about it in this article.
Check it out
Buttons shouldn't have a hand cursor (part 2)
Adam Silver continues his analysis of the pointer cursor conventions.
Read it
It's time to rebuild the web
In case you missed it: an article by Mike Loukides on how the web needs to be rebuild to become open again.
Read it
Free Font: Medel
Ozan Karakoc designed this font with a unique touch.
Get it
Getting rid of "grid-" prefix on CSS Grid Layout gutter properties
In case you missed it: an article about the unprefixing of grid layout gutter properties in Blink and WebKit. By Manuel Rego Casasnovas.
Read it
WebGL Distortion Hover Effects
A little library that can be used for creating WebGL powered distortion hover effects using displacement images.
Check it out