Collective #371
![C371_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_WOTW.jpg?x86293)
Inspirational Website of the Week: Supercrowds
Some very exciting slice effects with lots of interesting transitions. Our pick this week.
Get inspired![C371_sponsor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_sponsor.jpg?x86293)
Do your clients worship you? They will now!
Woo your clients in 6 unusual ways with 1 domain name. Serenade them now!
Check it out![C371_vr](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_vr.jpg?x86293)
VR/AR prototyping for everyone
An in-depth tutorial with a nice intro on how to get started with virtual and augmented reality. By Pavel Laptev.
Read it![C371_pinterest](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_pinterest.jpg?x86293)
A Pinterest Progressive Web App Performance Case Study
Read about Pinterest's Progressive Web App and how they managed to make their new app load fast on mobiles. An article by Addy Osmani.
Check it out![C371_prototypecssgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_prototypecssgrid.jpg?x86293)
How to prototype websites quickly with CSS Grid
Per Harald Borgen shows how to use CSS Grid as a powerful website prototyping tool.
Read it![C371_GiraffQL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_GiraffQL.jpg?x86293)
GiraffQL
An interactive GraphQL schema visualization tool built with React.
Check it out![C371_netneutrality](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_netneutrality.jpg?x86293)
The Internet is under attack. This is the Battle for the Net.
A great animation by Louis Wesolowsky that explains what net neutrality is and how to save it.
Watch it![C371_speechmozilla](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_speechmozilla.jpg?x86293)
A Journey to <10% Word Error Rate
Reuben Morais introduces DeepSpeech, the open source speech recognition model by Mozilla.
Read it![C371_Superstruct](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_Superstruct.jpg?x86293)
Superstruct
With Superstruct you can easily define interfaces for validating JavaScript data against them. By Ian Storm Taylor.
Check it out![C371_merchant](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_merchant.jpg?x86293)
Merchant.js
Merchant is a system for creating programs that manage changing numbers over time which is particularly useful for idle or incremental games.
Check it out![C371_blurred](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_blurred.jpg?x86293)
Blurred Images Are Everywhere
Artem Syzonenko shows a small hack to make resized images more sharp looking in Chrome.
Read it![C371_DRM](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_DRM.jpg?x86293)
DRM's Dead Canary: How We Just Lost the Web, What We Learned from It, and What We Need to Do Next
A great article that explains what DRM is all about. Well worth a read.
Read it![C371_featurequeries](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_featurequeries.jpg?x86293)
Cascading Web Design with Feature Queries
Chen Hui Jing writes about feature queries and how to use them in your stylesheets.
Read it![C371_akaunting](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_akaunting.jpg?x86293)
Akaunting
Akaunting is a free, open source and online accounting software designed for small businesses and freelancers. Check out the GitHub repo here.
Check it out![C371_3dprinter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_3dprinter.jpg?x86293)
3D Printing
A fantastic demo by Shaw.
Check it out![C371_vue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_vue.jpg?x86293)
Vuetron
A Vue testing and debugging app for the desktop built on top of Electron.
Check it out![C371_glamora](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_glamora.jpg?x86293)
Free Font: Glamora Stencil
Oliver Hardman designed this beautiful typeface and offers the stencil style for free.
Get it![C371_Christmasxp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_Christmasxp.jpg?x86293)
Christmas XP
This year's edition of the fabulous Christmas Experiments has begun!
Check it out![C371_imageloading](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_imageloading.jpg?x86293)
Image loading effects
Some beautiful image loading effects by Michal Niewitala.
Check it out![C371_search](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_search.jpg?x86293)
Best practices for site search design
An article by John Moore Williams where he highlights some best practices for site searches.
Read it![C371_directionreveal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_directionreveal.jpg?x86293)
Direction Reveal
A plugin for direction aware content reveal effects.
Check it out![C371_static](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_static.jpg?x86293)
How to Start With Static Sites
A useful collection of static site generators.
Check it out![C371_fontdisplay](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_fontdisplay.jpg?x86293)
Font-display
A small explainer for a talk on web fonts and performance by Monica Dinculescu.
Read it![C371_decobackgroundswebgl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/12/C371_decobackgroundswebgl.jpg?x86293)
Decorative WebGL Backgrounds
A collection of decorative shapes displayed as backgrounds using WebGL. The shapes are created with Three.js and animated with the TweenMax library.
Check it out