Collective #501
![C501_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_WOTW.jpg?x86293)
Inspirational Website of the Week: Visions
A beautiful retro design with innovative touches. Our pick this week.
Get inspired![C501_Core](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_Core.png?x86293)
Core, a front-end feature kit, free from Mason
Core is the latest evolution in UI kits, built entirely in React. Design & deploy something *real* with this kit, free and available now!
Try Core free![C501_HumanebyDesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_HumanebyDesign.jpg?x86293)
Humane by Design
Humane by Design is a resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being. By Jon Yablonski.
Check it out![C501_f1](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_f1.jpg?x86293)
Who has the fastest website in F1?
An extensive analysis and great case study of website performance with invaluable insights. By Jake Archibald.
Read it![C501_wes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_wes.jpg?x86293)
The Impossible CSS Layout: Grid? Flexbox? Floats? Columns? JS!
Join Wes Bos on an adventure to code a seemly simple layout in CSS.
Watch it![C501_shadow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_shadow.jpg?x86293)
Encapsulating Style and Structure with Shadow DOM
Caleb Williams shows how to add the shadow DOM to a dialog component.
Read it![C501_synthesis](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_synthesis.jpg?x86293)
How To Make A Speech Synthesis Editor
A tutorial by Knut Melvær where he shows how to make a What You Get Is What You Hear (WYGIWYH) editor for speech synthesis.
Read it![C501_typenumber](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_typenumber.jpg?x86293)
You probably don't need input type="number"
Brad Frost explains why using input of type "number" is not always a good idea.
Read it![C501_learnthreejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_learnthreejs.jpg?x86293)
The big list of three.js tips and tricks
While writing Discover three.js, Lewy Blue collects some very useful WebGL and three.js tips.
Check it out![C501_loading](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_loading.jpg?x86293)
Everything you need to know about Loading Animations
A thorough guide to loading animations by Lisa Dziuba.
Read it![C501_construct](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_construct.jpg?x86293)
construct-js
A library for creating byte level data structures that focuses on a declarative API and simplicity of use.
Check it out![C501_search](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_search.jpg?x86293)
Testing and debugging JavaScript sites for Search
Martin Splitt explains what tools exist to test and debug your JavaScript sites for Google Search.
Watch it![C501_charliecss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_charliecss.jpg?x86293)
Things nobody ever taught me about CSS
Charlie Gerard shares some very useful concepts that are important to better understand and write CSS.
Read it![C501_fastwebsite](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_fastwebsite.jpg?x86293)
How we built the fastest conference website in the world
Some great insight into making a fast website by Malte Ubl.
Read it![C501_scope](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_scope.jpg?x86293)
Scope in CSS
In this article, Peter-Paul Koch treats the knotty problem of CSS selector scope.
Read it![C501_typography](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_typography.jpg?x86293)
Typography in Design Systems
Dan Mall shares how he works with typography in a design system.
Read it![C501_vue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_vue.jpg?x86293)
A Complete Beginner's Guide to Vue
Ali Spittel will help you get started with Vue.js.
Read it![C501_aws](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_aws.jpg?x86293)
Build your first AWS Serverless app
Pawel Grzybek shares what he has learned during his initial exploration into serverless apps on the AWS platform.
Read it![C501_tifi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_tifi.jpg?x86293)
Tifi
Tifi is a library for functional programming in TypeScript that solves the problem of the existence of both undefined and null, inspired by the OCaml/Reason utilities for the option data type.
Check it out![C501_blur](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_blur.jpg?x86293)
Blurred Borders in CSS
Ana Tudor shows how to create a stylish blurred border in CSS.
Read it![C501_genees](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_genees.jpg?x86293)
Geenes
A tool to create harmonious color themes with code and sketch file export.
Check it out![C501_flex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_flex.jpg?x86293)
Flexulator
A tool to visualize flexbox space distribution. By Nick Lyons.
Check it out![C501_dropcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/03/C501_dropcss.jpg?x86293)
DropCSS
DropCSS is a simple and compact unused CSS cleaner. By Leon Sorokin.
Check it out