Collective #326

Inspirational Website of the Week: Macau Design Biennial
A modern design with lots of great interaction details. Our pick this week.
Get inspired
Powerful WordPress Website Development
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Try it now
Tabs, spaces and your salary - how is it really?
Evelina Gabasova shows how to do data science the right way and explains why correlation does not imply causation on the example of the latest Stack Overflow article about salary differences.
Read it
Nuxt Type Demo
Some fantastic custom page animations in Vue 2 can be seen in this amazing demo by Sarah Drasner.
Check it out
Why Choose Vue.js
Jonas Galvez presents the main characteristics of Vue.js that make him choose it over React.
Read it
Spectral, the first parametric Google font by Prototypo
Prototypo presents a very special typeface with parametric font technology.
Check it out
Let's explore ES6 Generators
Tiago Lopes Ferreira explores ES6 Generators and shows how to use them.
Read it
Service Worker gotchas
Learn how to get Service Worker to work correctly in this insightful article by Osvaldas Valutis.
Read it
Canivete
Canivete is an on-going personal project by Leonardo Favre for collecting multi-purpose JavaScript functions.
Check it out
How I Built a Pure CSS Crossword Puzzle
Adrian Roworth walks us through his awesome pure CSS crossword puzzle he built with CSS grid.
Read it
CSS vs. JavaScript: Trust vs. Control
The notes of Christian Heilmann's talk about what using CSS means and how we don't use it to its strengths.
Read it
ShakyDraw (beta)
Create beautiful hand-drawn block diagrams from plain text.
Check it out
React Express
The all-in-one guide to modern React application development.
Check it out
Server-Side React Rendering
Learn how to use React for server-side rendering in this tutorial by Roger Jin.
Read it
Palms by night
A lovely WebGL demo by Robert Katzki.
Check it out
Less Grid Boilerplate
A light-weight 12-column CSS grid system built with CSS Grid and LESS. By Joe Berthelot.
Check it out
Powerful New Additions to the CSS Grid Inspector in Firefox Nightly
Read about some upcoming new features of the very useful FF Grid inspector.
Read it
Floper HTML Template
A gorgeous and versatile HTML template made by Evatheme.
Get it
Community update: Unsplash branded license and ToS changes
Read about the new Unsplash license and what it means for authors and users.
Read it
Use JavaScript Libraries for Typography on the Web
An interview with designer and developer Michael Mckeever, where he shares some of his favorite tips and JS libraries for typesetting on the web.
Read it
Free set of smartphone clay mockups for Sketch & Photoshop
A nice freebie with device mockups from Freebiesbug.
Get it
Termplay
A tool to play video in your terminal.
Check it out
Machine Learning with JavaScript: Part 2
Abhishek Soni dives deep into Supervised Learning in this second part of the ML with JS series.
Read it
Custom Properties
Custom properties define a new value type in CSS that allows for the use of variables through the var() function.
Read it