Collective #501

Please visit Source Site
#coding #snippets #webdesign

Inspirational Website of the Week: Visions
A beautiful retro design with innovative touches. Our pick this week.
Get inspired

This content is sponsored via Thought Leaders
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

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

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

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

Encapsulating Style and Structure with Shadow DOM
Caleb Williams shows how to add the shadow DOM to a dialog component.
Read it

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

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

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

Everything you need to know about Loading Animations
A thorough guide to loading animations by Lisa Dziuba.
Read it

construct-js
A library for creating byte level data structures that focuses on a declarative API and simplicity of use.
Check it out

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

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

How we built the fastest conference website in the world
Some great insight into making a fast website by Malte Ubl.
Read it

Scope in CSS
In this article, Peter-Paul Koch treats the knotty problem of CSS selector scope.
Read it

Typography in Design Systems
Dan Mall shares how he works with typography in a design system.
Read it

A Complete Beginner’s Guide to Vue
Ali Spittel will help you get started with Vue.js.
Read it

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

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

Blurred Borders in CSS
Ana Tudor shows how to create a stylish blurred border in CSS.
Read it

Geenes
A tool to create harmonious color themes with code and sketch file export.
Check it out

Flexulator
A tool to visualize flexbox space distribution. By Nick Lyons.
Check it out

DropCSS
DropCSS is a simple and compact unused CSS cleaner. By Leon Sorokin.
Check it out
Collective #501 was written by Pedro Botelho and published on Codrops.

Please visit Source Site