Bi-Weekly Frontend News
Collective #523
![C523_accessibility](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_accessibility.jpg?x44439)
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![C523_cssmindset](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_cssmindset.jpg?x44439)
The CSS Mindset
An article by Max Böck where he lists the essential ideas behind CSS that help understand it better. Read it![C523_divi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_divi.jpg?x44439)
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![C523_404](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_404.jpg?x44439)
404 Error Page Collection
A collection of creative 404 page examples on Awwwards. Check it out![C523_FutureAnim](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_FutureAnim.jpg?x44439)
The Future of Web Animation
Sarah Drasner shows some bleeding edge animation techniques and gives an outlook on where animation is heading. Watch it![C523_vue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_vue.jpg?x44439)
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![C523_documentation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_documentation.jpg?x44439)
The Documentation Compendium
Various templates and tips on writing high-quality documentation that people want to read. Read it![C523_layer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_layer.jpg?x44439)
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![C523_pinker](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_pinker.jpg?x44439)
Pinker.js
A standalone JavaScript library for rendering code/class diagrams on your web page. Check it out![C523_jellyfish](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_jellyfish.jpg?x44439)
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![C523_frame](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_frame.jpg?x44439)
3D Frame Illustrator
A free tool for artists and designers to generate framed images in 3D. Check it out![C523_cssgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_cssgrid.jpg?x44439)
CSS Grid: No Nonsense Layouts
A thorough tutorial by Austin Johnston on creating practical CSS layouts. Check it out![C523_quine](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_quine.jpg?x44439)
This page is a truly naked, brutalist html quine.
Leon Bambrick's creative HTML quine experiment. Check it out![C523_freemium](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_freemium.jpg?x44439)
freemium.cc
A site that collects awesome tools for makers. Check it out![C523_themeui](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_themeui.jpg?x44439)
Theme UI
Build consistent, themeable React UIs based on design system constraints and design tokens. Check it out![C523_variablefont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_variablefont.jpg?x44439)
Variable Fonts | Compressa
Juan Fuentes created this beautiful variable font experiment. Check it out![C523_buttonsmobile](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_buttonsmobile.jpg?x44439)
Why Text Buttons Hurt Mobile Usability
Read why using text buttons can be a problematic experience for the mobile user. Read it![C523_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_font.jpg?x44439)
Free Font: Victor Mono
Victor Mono is a programming font with semi-connected cursive italics and some symbol ligatures. Get it![C523_casestudies](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_casestudies.jpg?x44439)
Growth Case Studies
Tips and case studies by Growth.Design presented in a really cool way. Check it out![C523_budget](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_budget.jpg?x44439)
Your first performance budget with Lighthouse
Ire Aderinokun's guide on how to enforce a performance budget with Lighthouse. Read it![C523_limitsfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_limitsfont.jpg?x44439)
Breaking the physical limits of fonts
Dale Weiler took an interesting challenge: with the fewest resources possible, render meaningful text. Read it![C523_lamp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_lamp.jpg?x44439)
CSS-only Animated Lantern
A great demo by 7oot inspired by Fede Cook's Dribbble shot. Check it out![C523_pipedream](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C523_pipedream.jpg?x44439)