Collective #355
![C355_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_WOTW.jpg?x86293)
Inspirational Website of the Week: Peter Van Alphen
An interesting navigation with lots of attention to detail. Our pick this week.
Get inspired![C355_DaPulse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_DaPulse.png?x86293)
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![C355_Grid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_Grid.jpg?x86293)
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![C355_VueStyleGuide](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_VueStyleGuide.jpg?x86293)
Vue.js Style Guide (beta)
The official style guide for Vue-specific code.
Check it out![C355_ReactStatic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_ReactStatic.jpg?x86293)
React Static
A progressive static-site framework for React.
Check it out![C355_Mario](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_Mario.jpg?x86293)
Super Mario Bros in JavaScript
A great video series on how to implement Super Mario Bros in JavaScript. By Meth Meth Method.
Watch it![C355_reactvue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_reactvue.jpg?x86293)
Vuera
Use Vue components in your React app or use React components in your Vue app with this library.
Check it out![C355_GSDevTool](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_GSDevTool.jpg?x86293)
GSDevTools
GSDevTools offers a visual UI for interacting with and debugging GSAP animations.
Check it out![C355_Avatar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_Avatar.jpg?x86293)
UI Avatars
With UI Avatars' simple-to-use API you can generate avatars with initials from names.
Check it out![C355_Intl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_Intl.jpg?x86293)
The Intl.PluralRules API
Mathias Bynens shows how to use the new Intl.PluralRules
API for pluralization.
![C355_PDF](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_PDF.jpg?x86293)
URL to PDF Microservice
A self-hosted service for rendering receipts, invoices, or any content in PDF.
Check it out![C355_Sketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_Sketch.jpg?x86293)
Reduce App
A Mac app for reducing the file size of Sketch files. Made by the team behind Flawless App.
Check it out![C355_TutAnimationVue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_TutAnimationVue.jpg?x86293)
Creating Vue.js Transitions & Animation: Live Examples
Nicolas Udy shows how to create some practical animations and transitions in Vue.js.
Read it![C355_Long](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_Long.jpg?x86293)
Web Components: The Long Game
Great read by Alex Russell on Web Components.
Read it![C355_pageclip](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_pageclip.jpg?x86293)
Pageclip
Pageclip lets you collect info from users without a server.
Check it out![C355_DropboxDesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_DropboxDesign.jpg?x86293)
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![C355_AccessibleComponents](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_AccessibleComponents.jpg?x86293)
The future of accessibility for custom elements
Rob Dodson writes about how to ensure that custom elements are semantic and accessible.
Read it![C355_Watch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_Watch.jpg?x86293)
Designing A Realistic Chronograph Watch In Sketch
A true master class in Sketch by Nikola Lazarević.
Read it![C355_InlineFunctions](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_InlineFunctions.jpg?x86293)
React, Inline Functions, and Performance
Ryan Florence's in-depth explanation of inline functions in React.
Read it![C355_Vim](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_Vim.jpg?x86293)
Interactive Vim tutorial
Learn Vim interactively with this fun tutorial.
Check it out![C355_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_react.jpg?x86293)
reactjs.org
The repo of the source code and documentation powering reactjs.org.
Check it out![C355_diagram](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C355_diagram.jpg?x86293)
Await and Async Explained with Diagrams and Examples
Nikolay Grozev's great visual guide to Await and Async.
Read it