Collective #308
![C308_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_WOTW.png?x86293)
Inspirational Website of the Week: Carbon Beauty
Interesting scroll action with some nice, exemplary reveal animations. Our pick this week.
Get inspired![C308_CustomCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_CustomCSS-1.png?x86293)
It's Time To Start Using CSS Custom Properties
Learn about CSS custom properties and how to use them in this article by Serg Hospodarets.
Read it![C308_Divi3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_Divi3.jpg?x86293)
Real Time Design in WordPress
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Check it out![C308_Forall](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_Forall.png?x86293)
Forall.js
Expressive static types and invariant checks for JavaScript.
Check it out![C308_PointerEventsAPI](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_PointerEventsAPI.png?x86293)
Handle Mouse And Touch Input With The Pointer Events API
Danny Markov shows how to use the Pointer Events API.
Read it![C308_RuntimePerf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_RuntimePerf.jpg?x86293)
Get Started With Analyzing Runtime Performance
Kayce Basques shows how to use the Chrome DevTools Performance panel to analyze runtime performance.
Read it![C308_VariableFontsBrowsers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_VariableFontsBrowsers.png?x86293)
The variable state of the browsers, early 2017
A summary of the current capabilities of major browsers in handling variable fonts.
Read it![C308_AveneFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_AveneFont.jpg?x86293)
Free Font: Avene
A free brush font with unique details designed by Krišjānis Mežulis from Wildtype.
Get it![C308_BrowserUsage](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_BrowserUsage.png?x86293)
Think you know the top web browsers?
Find out why our traditional idea of the top five browsers may be over-simplified, outdated and skewed. By Peter O'Shaughnessy.
Read it![C308_GoogleBooks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_GoogleBooks.jpg?x86293)
Torching the Modern-Day Library of Alexandria
A fascinating article by James Somers on the tragic fate of Google Books.
Read it![C308_Commenting](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_Commenting.jpg?x86293)
Putting comments in code: the good, the bad, and the ugly.
Great article by Bill Sourour on proper code commenting.
Read it![C308_NoHeroes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_NoHeroes.jpg?x86293)
A World With No Heroes.
The behind the scenes of making a living WebGL map for a video game campaign. By William Mapan.
Read it![C308_VueGraph](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_VueGraph.jpg?x86293)
Let's Build a Web App with Vue, Chart.js and an API
The first part of building a small web app which interacts with the npm API and generates nice charts. By Jakub Juszczak.
Read it![C308_FontMap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_FontMap.png?x86293)
Organizing the World of Fonts with AI
Read about the creation of Font Map, and interactive font visualization experiment. By Kevin Ho.
Read it![C308_Slider](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_Slider.png?x86293)
Morphing SVG Slider
A great slideshow demo with some morphing SVG line drawings. By Sullivan Nolan.
Check it out![C308_MobileRedesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_MobileRedesign.png?x86293)
Yeah, redesign
A two part series by Jingxi Li on how to approach redesign in the mobile world.
Read it![C308_VueAuth](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_VueAuth.jpg?x86293)
Vuejs 2 Authentication Tutorial
A tutorial on how to add authentication to your Vuejs 2 app by Prosper Otemuyiwa from Auth0.
Read it![C308_React](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_React.png?x86293)
Things nobody will tell you about React.js
Gianluca Guarini shares his thoughts on working with React.
Read it![C308_NLP](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_NLP.png?x86293)
How people talk about marijuana on Reddit: a natural language analysis
A very interesting example of a NLP analysis of Reddit comments.
Read it![C308_Brownhill](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_Brownhill.png?x86293)
Free Font: Brownhill Script
A lovely font with soft strokes designed by Faisal Tanjung.
Get it![C308_TypeScript](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_TypeScript.jpg?x86293)
Why TypeScript Is Growing More Popular
Mary Branscombe analyzes why TypeScript is gaining popularity.
Read it![C308_ResourcesProgLang](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_ResourcesProgLang.png?x86293)
68 Resources To Help You To Create Programming Languages
Gabriele Tomassetti's collection of resources that you need to create your programming language from scratch.
Check it out![C308_CoderDesigner](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C308_CoderDesigner.jpg?x86293)
Developer/Designer Page Layout Concept
An experimental page layout concept with a developer/designer theme and a special image reveal effect.
Check it out