Collective #355

Inspirational Website of the Week: Peter Van Alphen
An interesting navigation with lots of attention to detail. Our pick this week.
Get inspired
Project management is better when it's visual
Dapulse is the next generation of visual tools, built specifically for designers and developers.
Check it out
CSS Grid Challenge: Winners and Templates
The winners of Smashing Magazine's CSS Grid challenge and the great resulting templates are out.
Check it out
Vue.js Style Guide (beta)
The official style guide for Vue-specific code.
Check it out
React Static
A progressive static-site framework for React.
Check it out
Super Mario Bros in JavaScript
A great video series on how to implement Super Mario Bros in JavaScript. By Meth Meth Method.
Watch it
Vuera
Use Vue components in your React app or use React components in your Vue app with this library.
Check it out
GSDevTools
GSDevTools offers a visual UI for interacting with and debugging GSAP animations.
Check it out
UI Avatars
With UI Avatars' simple-to-use API you can generate avatars with initials from names.
Check it out
The Intl.PluralRules API
Mathias Bynens shows how to use the new Intl.PluralRules
API for pluralization.

URL to PDF Microservice
A self-hosted service for rendering receipts, invoices, or any content in PDF.
Check it out
Reduce App
A Mac app for reducing the file size of Sketch files. Made by the team behind Flawless App.
Check it out
Creating Vue.js Transitions & Animation: Live Examples
Nicolas Udy shows how to create some practical animations and transitions in Vue.js.
Read it
Web Components: The Long Game
Great read by Alex Russell on Web Components.
Read it
Pageclip
Pageclip lets you collect info from users without a server.
Check it out
Dropbox Design
What an evolution! The new Dropbox design is picking up on some new trends with expressive typography and vibrant colors.
Check it out
The future of accessibility for custom elements
Rob Dodson writes about how to ensure that custom elements are semantic and accessible.
Read it
Designing A Realistic Chronograph Watch In Sketch
A true master class in Sketch by Nikola Lazarević.
Read it
React, Inline Functions, and Performance
Ryan Florence's in-depth explanation of inline functions in React.
Read it
Interactive Vim tutorial
Learn Vim interactively with this fun tutorial.
Check it out
reactjs.org
The repo of the source code and documentation powering reactjs.org.
Check it out
Await and Async Explained with Diagrams and Examples
Nikolay Grozev's great visual guide to Await and Async.
Read it