Collective #325
![C325_NomNom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_NomNom.png?x86293)
UX teams learn from customers faster with NomNom
Get all your customer feedback and user research in one place.
Check it out![C325_Accordion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_Accordion.jpg?x86293)
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![C325_Vue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_Vue.png?x86293)
Vue.js: a 3-minute interactive introduction
A quick introduction to Vue.js by Per Harald Borgen.
Read it![C325_SawageFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_SawageFont.jpg?x86293)
Free Font: Sawage
Gabriel Molina Kiss designed this interesting typeface.
Get it![C325_Voronoi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_Voronoi.png?x86293)
Interactive Voronoi Diagram Generator with WebGL
An interesting demo by Alex Beutel where you can create Voronoi Diagrams interactively.
Check it out![C325_SwipJs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_SwipJs.jpg?x86293)
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![C325_Pasition](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_Pasition.png?x86293)
Pasition
A easy-to-use smooth path transition and morphing library.
Check it out![C325_Typescript](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_Typescript.jpg?x86293)
Unambiguous Webpack config with Typescript
Devon Marisa Zuegel shows how to write your Webpack config in Typescript in a straightforward way.
Read it![C325_asyncawait](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_asyncawait.png?x86293)
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![C325_Webpack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_Webpack.jpg?x86293)
Webpack 3: Official Release
Learn all about the thrid version of webpack in this article by Sean T. Larkin.
Check it out![C325_Connect](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_Connect.jpg?x86293)
Connect: behind the front-end experience
Benjamin De Cock writes about how Stripe's Connect was built.
Read it![C325_CloudGlobe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_CloudGlobe.png?x86293)
Globe in the cloud
A fascinating demo by Louis Hoebregts where you can create different globe visuals.
Check it out![C325_Laravel55](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_Laravel55.jpg?x86293)
What's New in Laravel 5.5
Get a head start on the new features and additions to the Laravel framework.
Check it out![C325_CHMOD](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_CHMOD.png?x86293)
Chmod Command Calculator
A useful tool for generating file or directory permissions.
Check it out![C325_GoldenRatio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_GoldenRatio.png?x86293)
Golden Ratio Grid (PSD)
A great freebie by Adrián Somoza for easily creating golden ratio based designs.
Check it out![C325_coolHue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_coolHue.jpg?x86293)
coolHue
Some nice gradients for your next project. Find the GitHub repo here.
Check it out![C325_JSML](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_JSML.png?x86293)
Machine Learning with JavaScript: Part 1
A great intro to using JavaScript for ML by Abhishek Soni.
Read it![C325_VertexShaders](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_VertexShaders.jpg?x86293)
Into Vertex Shaders
Szenia Zadvornykh started this great series of tutorials on WebGL, Three.js, and Three.bas.
Read it![C325_CSSVariables](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_CSSVariables.jpg?x86293)
Using CSS variables correctly
Some interesting examples of using custom properties in CSS by Mike Riethmuller.
Read it![C325_Exceldemo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_Exceldemo.png?x86293)
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![C325_ReactVanillaJS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_ReactVanillaJS.png?x86293)
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![C325_WeatherApp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/06/C325_WeatherApp.jpg?x86293)
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