Links
Submit a link-
Finally Understanding How Array.sort(comparator) Works
James Kerr explains how the Array.sort() function actually works!
-
Testing HTML With Modern CSS
Heydon Pickering unleashes the power that CSS gives us with selectors and custom properties to create handy tests to make sure your markup is up to scratch.
-
How would you build Wordle with just HTML & CSS?
Scott Jehl has written a super detailed run-down of how they tried to recreate Wordle with HTML and CSS.
-
An Interactive Guide to CSS Container Queries
Bored of the same old card demos for Container Queries and struggling to see where you’d use them in real projects? I was too until Ahmad Shadeed published yet another great guide.
-
CSS Button Styles You Might Not Know
David Bushell shares some unbelievably good tips on styling buttons and explains exactly how they work too.
-
404 Media Now Has a Full Text RSS Feed
404 Media has invested really well in RSS and broken all the decisions and process down in a nice article.
-
A Guide To Designing For Older Adults
The one and only Vitaly Friedman takes a deep-dive into a lesser thought about focus of user-centric design.
-
Arguments for opening links in a new tab or window
Jason Grigsby asks for data to support an apparent preference for people defaulting to links opening in new tabs.
-
Can you feel the rhythm‽
Adam Argyle shows some really cool baseline grid stuff that modern CSS empowers us to do.
-
ECSS - an interesting CSS methodology
I got sent a link to a CSS methodology called ECSS and thought I’d note down what I like and what I don’t like about it.
-
How I Solved My Font Rendering Problem
Michelle Barker yet again, shares a life-saver of a CSS tip!
-
The Fifty-Fifty Split and Overflow
Ryan Mulligan demonstrates not just some elegant layout work but also, a very tidy method of dealing with overflow content.
-
CSS :has() Interactive Guide
Ahmad Shadeed has done it again with a stunning interactive guide that
-
Speedier tunes
Jeremy Keith showcases a proper real-world performance improvement using content-visibility.
-
Tailwind vs. Semantic CSS
A really interesting study by Tero Piirainen, comparing a build of the exact same page using Tailwind vs semantic CSS.
-
Removing list styles without affecting semantics
Manuel Matuzović solves an age-old problem with dealing with list styles when you don’t want them and I riff about my reset.
-
Smashing hour - April 30th 2024
Join Vitaly Friedman and myself as we talk about design, CSS and all sorts in April.
-
CSS Scroll-triggered Animations with Style Queries
I stumbled across Ryan Mulligan’s excellent article on scroll-triggered animations which helps them make more sense to me.
-
Some use cases for revert-layer
A damn useful run-down of revert-layer — a more useful CSS revert tool — by Mayank
-
The legendary Codrops are on Patreon
One of the best publications in the biz are feeling the pinch of rising costs and fewer sponsors, so they’ve set up a Patreon that I hope you will support.
-
Offloading JavaScript With Custom Properties
Heydon Pickering perfectly illustrates why it’s important to understand both CSS and JavaScript well.
-
New GitHub Copilot Research Finds “Downward Pressure on Code Quality”
I’ve noted down some thoughts about research that shows CoPilot use, lowers the quality of code, overall.
-
How to align the text of the last paragraph line
Stefan Judis runs us through the rather useful text-align-last CSS property with a handy demo.
-
Utopia SCSS Library
Utopia — the extremely handy fluid type and space tool — now has an SCSS (Sass) library which looks great.
-
ShopTalk reaches 600th episode
The ultimate stalwart of podcasts about the web hits yet another major milestone, so I wanted to congratulate them.
-
Kind of annoyed at React
A really interesting commentary on the state of React by one of the best in the biz: Cassidy Williams.
-
Steady has a great new homepage
This new homepage demonstrates how concise content mixed with clear design — riddled with delightful flare — is super effective.
-
Urlbox
-
12 Modern CSS One-Line Upgrades
A handy run down of newer stable, stable enhancement and progressive enhancement CSS features by Stephanie Eckles.
-
Automated weekly links posts with raindrop.io and Eleventy
A really clever setup by Sophie that automates a weekly links post, based on articles she saves in a third party service.
-
Designing better target sizes