Bi-Weekly Frontend News
Collective #523

Web Accessibility In Context
Be Birchall explains why it's so important to prioritize accessibility among teams and why there needs to be more awareness raised among developers. Read it
The CSS Mindset
An article by Max Böck where he lists the essential ideas behind CSS that help understand it better. Read it
Our Sponsor
The Future of WYSIWYG
Divi takes WordPress to a whole new level with its incredibly advanced visual builder technology. You've never built a WordPress website like this before. Try it
404 Error Page Collection
A collection of creative 404 page examples on Awwwards. Check it out
The Future of Web Animation
Sarah Drasner shows some bleeding edge animation techniques and gives an outlook on where animation is heading. Watch it
Function-based Component API in Vue
Evan You published an RFC for function-based component API in Vue inspired by React hooks. Check it out
The Documentation Compendium
Various templates and tips on writing high-quality documentation that people want to read. Read it
Leveling Framework: a UI framework for three-dimensional space
Oscar Gonzalez writes about the interesting concept of a level based view of the interface environment. Read it
Pinker.js
A standalone JavaScript library for rendering code/class diagrams on your web page. Check it out
The Anatomy of a Jellyfish
A creative and technical overview of Maru, an interactive audiovisual website made in collaboration with Plaid for their new album "Polymer". By Isaac Cohen. Read it
3D Frame Illustrator
A free tool for artists and designers to generate framed images in 3D. Check it out
CSS Grid: No Nonsense Layouts
A thorough tutorial by Austin Johnston on creating practical CSS layouts. Check it out
This page is a truly naked, brutalist html quine.
Leon Bambrick's creative HTML quine experiment. Check it out
freemium.cc
A site that collects awesome tools for makers. Check it out
Theme UI
Build consistent, themeable React UIs based on design system constraints and design tokens. Check it out
Variable Fonts | Compressa
Juan Fuentes created this beautiful variable font experiment. Check it out
Why Text Buttons Hurt Mobile Usability
Read why using text buttons can be a problematic experience for the mobile user. Read it
Free Font: Victor Mono
Victor Mono is a programming font with semi-connected cursive italics and some symbol ligatures. Get it
Growth Case Studies
Tips and case studies by Growth.Design presented in a really cool way. Check it out
Your first performance budget with Lighthouse
Ire Aderinokun's guide on how to enforce a performance budget with Lighthouse. Read it
Breaking the physical limits of fonts
Dale Weiler took an interesting challenge: with the fewest resources possible, render meaningful text. Read it
CSS-only Animated Lantern
A great demo by 7oot inspired by Fede Cook's Dribbble shot. Check it out