IInfinite Scroll without Layout Shifts | Addy Osmani
how patterns for loading long lists can impact the Core Web Vitals with some recommended fixes.
Skateboarding Architecture: A Tour of Legendary Skate Spots
Estelle Caswell talks to Tony Hawk and architectural historian Iain Borden about some of skateboarding’s most iconic spots and how skate architecture has changed over the years.
Modern CSS Techniques To Improve Legibility
Modern CSS has numerous tools to help you improve the legibility of your text, from cutting edge technologies like variable fonts, to newly precise control of established properties. Edoardo Cavazza introduces some of his favorite tricks, with plenty of actionable tips for implementing them on your own sites.
Microsoft Design
Inclusive Design is a methodology, born out of digital environments, that enables and draws on the full range of human diversity. Most importantly, this means including and learning from people with a range of perspectives.
Steal Our JSON-LD
This website is a tool intended for SEO’s and webmasters seeking pre-made and validated JSON-LD markup for their websites.
The Clearleft Podcast
The Clearleft podcast is going to be a bit different. This won’t be the usual interview format. Instead, each episode will be about a specific theme and feature many voices.
Smartphones: Une enquête anthropologique
Au-delà des enjeux économiques, éthiques ou écologiques immenses dont le smatphone est l’emblème, quelle place occupe-t-il dans la vie de ses propriétaires et quelles significations ces derniers lui accordent-ils?
#000000 {lives:matter;}
A t-shirt designed by James T. Green to raise money. The shirt's design is a nod to the art/design/tech community while (always and forever) reminding folks that 'Black Lives Matter', the movement originated by Alicia Garza, Patrisse Cullors, and Opal Tometi.
Are you using SVG favicons yet? A guide for modern browsers.
You should be using SVG favicons. They’re supported in all modern browsers right now.
Pandemic Objects: The Door Handle • V&A Blog
3D printing company Materialise quickly formed a response in the form of a suite of 3D printed door handles that would slot over the top of your existing ones, accompanied by the catchy slogan ‘Do no harm, use your arm!’
hCaptcha - Stop more bots.
A more private, secure and humane service for determining your humanity.
A Complete Guide to CSS Functions | CSS-Tricks
Like any other programming language, CSS has functions. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration.
The evolution of Apple computers, in LEGO!
Brick Tease. I so LOVE these…
Responsive CSS Grid - Books
Yet another CSS Grid product layout. This time with books, clip-path, conic-gradient and, of course, some superfluous shadows and hover effects...
BEM Naming Cheat Sheet by 9elements
This tool aims to help you to not get lost in the BEM cosmos by giving you naming-suggestions for some of the most common web components.
Common tasks of managing HTML DOM with vanilla JavaScript
how to manage HTML DOM with vanilla JavaScript only
Modular Computer: iPad Pro as a Tablet, Laptop, and Desktop Workstation - MacStories
The more I think about it, the more I come to this conclusion: the iPad, unlike other computers running a “traditional” desktop OS, possesses the unique quality of being multiple things at once.
Responsive Images the Simple Way
The responsive images spec is fantastic and covers a lot of use cases, but in my experience, most of the time you’ll only need to understand one of them: Serving a different sized copy of the same image depending on the user’s viewport width.
Every Default macOS Wallpaper – in Glorious 5K Resolution – 512 Pixels
Every major version of Mac OS X macOS has come with a new default wallpaper. As you can see, I have collected them all here.
How the Virus Got Out
The most extensive travel restrictions to stop an outbreak in human history haven’t been enough. We analyzed the movements of hundreds of millions of people to show why.
Real-time data show virus hit to global economic activity | Financial Times
Fascinating data visualisation of the effects of COVI-19 on the economic activity around the world.
Why outbreaks like coronavirus spread exponentially, and how to “flatten the curve” - Washington Post
Brilliant visual explanations on how the spread of the viral infection can be mitigated and slowed down by social distancing.
Become climate positive with Offset Earth
We plant trees & fund the world’s best climate crisis solutions
Inclusive Inputs « Texte | ovl – code & design
An exploration into how to make inputs more accessible.
Redonner la voix à votre Mac au démarrage
How to restore your Mac's startup chime under macOS Catalina.
StopTheMadness
An extension for Safari, Firefox, Google Chrome, Microsoft Edge, and Brave that stops web sites from making your browser harder to use. And it protects your privacy on the web!
Museum of Obsolete Media
The home for over 600 current and obsolete physical media formats, covering audio, video, film and data storage.
City Roads : draw all roads in a city at once
Andrei Kashcha’s City Roads tool will draw you a map of just the roads in any city around the world.
Kirby - The file-based content management system
Kirby: the CMS that adapts to any project, loved by developers and editors alike.
How I rip DVDs and Blu-rays - Six Colors
I like to have my own streaming service of sorts, one full of movies and shows that I can watch on my large home TV or load onto my iPad for a flight without worrying.