Collective #535
Publikováno: 25.7.2019
Multi-column manipulation * Guide to BigInt * Rooki * Fast Software, the Best Software * Index fun
Collective #535 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: Stuuudio
An outstanding design with amazing typography. Our pick this week.
Multi-column manipulation
Heydon Pickering shows how to tackle the CSS of multi-column layouts.
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.
The Essential Guide To JavaScript’s Newest Data Type: BigInt
Learn all about BigInt in this article by Faraz Kelhini.
Meaning without markup: Accessibility Object Model
Hidde de Vries takes a look at the proposals for the Accessibility Object Model and their current status.
Rooki
Rooki is an online magazine for students, interns and juniors with intimate interviews, free design student awards and free resources.
Dissecting A Dweet: Mini Black Hole
A dissection of a miniature black hole simulation using minimal code.
Progressive Enhancement
Remy Sharp shares an article about progressive enhancement originally written in 2015.
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.
Managing Multiple Backgrounds with Custom Properties
Chris Coyier shows how to use custom properties to simplify multiple image backgrounds.
Index fun
A very interesting analysis on which z-index values are used on websites. By Philippe Suter.
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.
What’s New In DevTools (Chrome 77)
Kayce Basques introduces all the new features of Chrome’s DevTools.
Free Font: NY Bricks
A exquisite display typeface designed by Mariano Diez.
Dynamic Charts
A React library for creating animated charts visualizations based on dynamic data.
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.
The Mutable Web
An interesting article on how to use custom styles for a website like Twitter.
Interactive Head
Mariusz Dabrowski created this interactive head demo mixing After Effects with Lottie Web.
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.
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.
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.
Wobbly underline
A fun underline animation made by Mikael Ainalem.
Accessible inline list with bullets between items
Artem Sapegin’s tip on how to make lists with dot separators screen reader friendly.
Smooth Scrolling Image Effects
A small set of ideas on animating images and other elements while smooth scrolling a page.
Collective #535 was written by Pedro Botelho and published on Codrops.