Collective #468
![C468_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_WOTW.jpg?x86293)
Inspirational Website of the Week: Mathieu Lévesque
A portfolio with nice typographic effects and interesting details. Our pick this week.
Get inspired![C468_NW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_NW.gif?x86293)
Northwestern's Online MS in Information Design & Strategy
Build skills to translate data into compelling visuals and narratives and learn how research and analytics can drive communication strategies and tactics.
Find out more![C468_dev](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_dev.jpg?x86293)
Web.dev (beta)
A new site by the Chrome Developers team that aims to help developers learn and apply the web's modern capabilities to their own sites and apps.
Check it out![C468_](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_.jpg?x86293)
Web High Level Shading Language
WebKit introduces a new graphics shading language for the Web inspired by HLSL. Follow the interesting discussion on HN about this.
Read it![C468_squoosh](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_squoosh.jpg?x86293)
Squoosh
This great web app by Google lets you optimize images and reduce their size dramatically by editing the advanced options of various image compressors.
Check it out![C468_spinning](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_spinning.jpg?x86293)
A Brief History of Flickering Spinners
An interesting article by Mikael Ainalem on the troublesome case of too quickly ending loading animations.
Read it![C468_cashe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_cashe.jpg?x86293)
Inlining or Caching? Both Please!
Scott Jehl explores caching inlined files and shows a proof of concept.
Check it out![C468_vis](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_vis.jpg?x86293)
VisBug
Make any webpage feel like an artboard with this browser extension by Google. Watch the video.
Check it out![C468_turtletoy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_turtletoy.jpg?x86293)
Turtletoy
Turtletoy allows you to create generative art using a minimalistic JavaScript Turtle graphics API. By Reinder Nijhoff
Check it out![C468_tabindex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_tabindex.png?x86293)
Why using 'tabindex' values greater than “0” is bad
Karl Groves lists the reasons why defining a number for tabindex should be avoided.
Read it![C468_devconcept](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_devconcept.jpg?x86293)
Developer page concept (digital design)
Dulov Evgeniy's delightful developer page concept.
Check it out![C468_surma](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_surma.jpg?x86293)
State of Houdini — Director's Cut (aka. Honest Edition)
The uncensored version of a great Chrome Dev Summit 2018 talk by Surma.
Watch it![C468_json](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_json.jpg?x86293)
Why Facebook's api starts with a for loop
A very interesting article by Antony Garand on the JSON hijacking vulnerability.
Read it![C468_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_font.jpg?x86293)
Free Font: Wanderlust
A unique looking slab serif font designed by Jan Henkel.
Check it out![C468_heros](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_heros.jpg?x86293)
Head: Free header starter kit (Sketch)
A nice set of hero starter templates by Stefano Peschiera.
Get it![C468_jelly](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_jelly.jpg?x86293)
#codevember 7/2018
A lovely jellyfish demo by Noel Delgado.
Check it out![C468_WritableFilesAPI](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_WritableFilesAPI.png?x86293)
The Writable Files API: Simplifying local file access
Pete LePage explains what the idea of the Writable Files API is and what you could do with it.
Read it![C468_emojious](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_emojious.jpg?x86293)
Emojious Free Icons
More than a hundred free icons from the adorable Emojious icon set.
Get it![C468_icons8](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_icons8.jpg?x86293)
Icons 8 Beta
An update of the useful icon web app with thousands of free icons.
Check it out![C468_firstinputdelay](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_firstinputdelay.jpg?x86293)
What is First Input Delay?
Ire Aderinokun's summary on the First Input Delay (FID) metric.
Read it![C468_1111](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_1111.jpg?x86293)
The 1.1.1.1 App
Private internet by Cloudflare now as a mobile app.
Check it out![C468_trees](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_trees.jpg?x86293)
My journey had lasted seven hours
Gerard Ferrandez created this demo of randomly and recursively generated trees.
Check it out![C468_pageflip](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C468_pageflip.jpg?x86293)
Page Flip Layout
A template with a two-sided, magazine-like layout and a flat page flip animation. The layout is powered by CSS Grid.
Check it out