Collective #325

UX teams learn from customers faster with NomNom
Get all your customer feedback and user research in one place.
Check it out
Designing The Perfect Accordion
A very insightful article on accordions and how to use this versatile design pattern the right way. By Vitaly Friedman.
Read it
Vue.js: a 3-minute interactive introduction
A quick introduction to Vue.js by Per Harald Borgen.
Read it
Free Font: Sawage
Gabriel Molina Kiss designed this interesting typeface.
Get it
Interactive Voronoi Diagram Generator with WebGL
An interesting demo by Alex Beutel where you can create Voronoi Diagrams interactively.
Check it out
What if all your mobile devices formed a single screen?
Tim Großmann tells the story of Swip.js, a library for building multi-device experiences.
Read it
Pasition
A easy-to-use smooth path transition and morphing library.
Check it out
Unambiguous Webpack config with Typescript
Devon Marisa Zuegel shows how to write your Webpack config in Typescript in a straightforward way.
Read it
ES2017's async/await is the best thing to ever happen to JavaScript
Learn why async/await are great news for JavaScript development.
Read it
Webpack 3: Official Release
Learn all about the thrid version of webpack in this article by Sean T. Larkin.
Check it out
Connect: behind the front-end experience
Benjamin De Cock writes about how Stripe's Connect was built.
Read it
Globe in the cloud
A fascinating demo by Louis Hoebregts where you can create different globe visuals.
Check it out
What's New in Laravel 5.5
Get a head start on the new features and additions to the Laravel framework.
Check it out
Chmod Command Calculator
A useful tool for generating file or directory permissions.
Check it out
Golden Ratio Grid (PSD)
A great freebie by Adrián Somoza for easily creating golden ratio based designs.
Check it out
coolHue
Some nice gradients for your next project. Find the GitHub repo here.
Check it out
Machine Learning with JavaScript: Part 1
A great intro to using JavaScript for ML by Abhishek Soni.
Read it
Into Vertex Shaders
Szenia Zadvornykh started this great series of tutorials on WebGL, Three.js, and Three.bas.
Read it
Using CSS variables correctly
Some interesting examples of using custom properties in CSS by Mike Riethmuller.
Read it
ES2015 remake of the popular 25-line JavaScript Excel-like demo
An update to the very popular "Excel in JS" demo, now in vanilla ES2015.
Check it out
Reactive UI's with VanillaJS – Part 2: Class Based Components
Learn how to get as close as possible to full-blown, class-based React Component syntax, with VanillaJS.
Read it
Build a simple Weather App with Node.js in just 16 lines of code
In this tutorial by Brandon Morelli you'll learn how to make API calls and build a Command Line Weather App in just 15 minutes.
Read it