Collective #318

Inspirational Website of the Week: Nicolet Schenck
A great portfolio design with beautiful colors and details. Our pick this week.
Get inspired
Beautifully Animate Points with WebGL and regl
After animating thousands of points in Canvas and d3.js, Peter Beshai is showing now how to use WebGL with regl to animate even more points super smoothly.
Read it
Build Things Visually with Divi 3.0
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Try it now
A Unified Styling Language
A comprehensive article by Mark Dalgleish on what "CSS in JS" is all about and why writing your styles in JavaScript isn't such a terrible idea.
Read it
How to design for emotions: A starter's guide
A fantastic article on the importance of emotions in design and a more "art inspired" approach to the whole process. By Henry Daubrez.
Check it out
Storyframes before wireframes: starting designs in the text editor
Fabricio Teixeira shows how beneficial screenwriting techniques are for the design process.
Read it
JavaScript & The Spread Operator
Learn about the spread operator by means of four practical examples in this article by Brandon Morelli.
Read it
Face classification and detection
Real-time face detection and emotion/gender classification using fer2013/IMDB datasets with a keras CNN model and openCV.
Check it out
pix2code
Some very exciting research by Tony Beltramelli: generating code from GUI screenshots.
Check it out
If You Want to Be Creative, Don't Be Data Driven
Bill Pardi gives his readers a reality check on data and shows how to use it in a meaningful way.
Read it
Webpack: The Basics
Learn how to set up a project with JavaScript and Sass in this tutorial by Kari Sabine Malmin.
Read it
Who Cares?
A nice reminder by Patrick Johnson that we shouldn't care too much about what others think.
Read it
Harmony UI Kit for Sketch
A well designed Sketch UI kit for location oriented apps. By Dawid Młynarz.
Get it
Stuff at the Top of an SVG
Peter Nowell explains the details and purpose of things at the top of an SVG in plain English.
Read it
The problem with maps
A really great read on the problematic of 2D maps with interactive examples. By Michael Davis.
Read it
npm v5.0.0
Read about all the new features and improvements of this major npm version.
Read it
100 Free EGO Icons
A set of 100 free icons from the new EGO collection by Webalys.
Get it
Ludus (Beta)
A new presentation tool with lots of creative possibilities. Open for beta access.
Check it out
Data Gif Maker
Make your own data gifs with Google's new tool. Learn how to use the tool in this article.
Check it out
Little Things I Like to Do with Git
Harry Roberts shares some useful little Git snippets that he uses most frequently.
Read it
Graphcool
Graphcool gives developers a production-ready GraphQL back end. Free during development.
Check it out
Mocka
A simple and easy-to-use content placeholder for your web project. Made by Angelos Chalaris.
Check it out
Free Font: Rogue
A display font ideal for posters and titles. Designed by Alt Type Foundry.
Get it
Tisp
Tisp is a "Time is Space" functional programming language that aims to be simple, canonical, and practical.
Check it out
On-Scroll Morphing Background Shapes
A decorative website background effect where SVG shapes are morphing and transforming on scroll.
Check it out