Weekly Frontend News
Collective #535
Inspirational Website of the Week: Stuuudio
An outstanding design with amazing typography. Our pick this week. Get inspired
Multi-column manipulation
Heydon Pickering shows how to tackle the CSS of multi-column layouts. Read it
Our Sponsor
Divi: The Powerful Visual Page Builder
Divi is a revolutionary WordPress theme and visual page builder for WordPress. With Divi, you can build your website visually. Add, arrange and design content and watch everything happen instantly right before your eyes. Try it
The Essential Guide To JavaScript's Newest Data Type: BigInt
Learn all about BigInt in this article by Faraz Kelhini. Read it
Meaning without markup: Accessibility Object Model
Hidde de Vries takes a look at the proposals for the Accessibility Object Model and their current status. Read it
Rooki
Rooki is an online magazine for students, interns and juniors with intimate interviews, free design student awards and free resources. Check it out
Dissecting A Dweet: Mini Black Hole
A dissection of a miniature black hole simulation using minimal code. Read it
Progressive Enhancement
Remy Sharp shares an article about progressive enhancement originally written in 2015. Read it
Fast Software, the Best Software
An article on the benefits of performant software, and how it affects user perception of engineering quality and overall usability. By Craig Mod. Read it
Managing Multiple Backgrounds with Custom Properties
Chris Coyier shows how to use custom properties to simplify multiple image backgrounds. Read it
Index fun
A very interesting analysis on which z-index values are used on websites. By Philippe Suter. Read it
Design tools are holding us back
A great article by Tom Johnson on how we need better ways to make real products, not pretty mockups. Read it
What's New In DevTools (Chrome 77)
Kayce Basques introduces all the new features of Chrome's DevTools. Read it
Free Font: NY Bricks
A exquisite display typeface designed by Mariano Diez. Get it
Dynamic Charts
A React library for creating animated charts visualizations based on dynamic data. Check it out
Progress Tracker
An updated HTML component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz. Check it out
The Mutable Web
An interesting article on how to use custom styles for a website like Twitter. Read it
Interactive Head
Mariusz Dabrowski created this interactive head demo mixing After Effects with Lottie Web. Check it out
Form design: from zero to hero all in one blog post
Some valuable tips on how to design forms that are easy to use. By Adam Silver. Read it
SPA SEO: A Single-Page App Guide to Google's 1st Page
A thorough guide by François Lanthier Nadeau to optimize your React, Vue or Angular app for Google. Read it
Free Font: Le Murmure
Recently expanded with Cyrillic, Le Murmure is a custom open-source typeface designed by Jérémy Landes for the design agency Murmure and released by Velvetyne Type Foundry. Get it
Wobbly underline
A fun underline animation made by Mikael Ainalem. Check it out
Accessible inline list with bullets between items
Artem Sapegin's tip on how to make lists with dot separators screen reader friendly. Read it
From Our Blog