Overgrown, when plants invade your abandoned tabsThis is fun.All my hobbies are getting slopped up, and it’s exhaustingVideo game orientated, but I'm sure many of you will resonate with this.FreeMixThe AT protocol strikes again! This could end up being a proper Soundcloud challenger. In fact, an improvement on Soundcloud.Building an atproto link aggregatorAgain, the AT protocol continues to empower people making useful stuff for themselves and everyone else.The story of Tupo, my new daily logic puzzleA great write up of a very good, new puzzle game.JavaScript, when is this?Here's one from the Piccalilli archives that you might have missed to wrap up this issue.P.S. this is a good website from personalsit.es.Sponsor messageHas your organisation gone too deep with frameworks or [gasp] LLMs and feel like you're stuck?We're helping clients get away from that noise and instead, focusing their efforts and budgets on actually doing stuff that will help them reach their goals. We do all of tha

Native masonry layouts have been a long time coming to CSS and after years of debate over how they should work and fit into the language, we finally have display: grid-lanes.If you want the full backstory on how we got here, Sunkanmi Fafowora has a great overview of the grid-lanes announcement over on CSS-Tricks. Here, I want to focus on the technical side of masonry, why it took so long to get right, and how display: grid-lanes works.How we got hereMasonry has been a long-running CSS challenge. Back in 2017, Rachel Andrew opened a CSSWG issue about creating a native Pinterest-style layout. As Rachel noted back then, the closest native CSS got to this was multi-column layout (column-count), but that flows items top-to-bottom. Masonry needs to flow items across rows, tightly packing them into whatever column currently has the most available vertical space.That same year, Tab Atkins-Bittner shared a clever Grid hack to approximate the layout. It relied on knowing each item’s height in ad

Tiny Little OfficeThis is really smart. It's a word processor, along with other common office software like spreadsheets, but it's completely URL powered.Introducing the Accessible Components LibraryYou could not be in better hands than with TetraLogical and they've produced a really good collection of common components, all with thorough documentation, accessibility requirements and testing scenarios.we were onlineSomething we've certainly noticed about this particular morale-draining era is there seems to be a real drive to create websites centered around a shared human experience and long may it continue.What 10,000 home pages put in their headSo much about web performance is linked to what's in your <head> which this article (and very useful looking tool) breaks down well.Study explores how AI use affects performance on math and reasoning tasksA worrying read for fans of healthy cognition.A handful of reasons JavaScript won’t be availableHere's one from the Piccalilli archives that

2027 web platform feature rankingThis is the second year we're doing this, and last year's 1900+ rankings not only helped us push the right proposals in the Interop process, it was also used to prioritize web platform feature development in Firefox.Certainly beats thumbs up in GitHub issues! Make your voice heard.This hue shall passA fabulous colour contrast tool from the great folks over at Clearleft.Dark forestryNot only an outstanding and important piece of writing, but the design and effects are lovely.Destroy any websiteThis is very fun! Destroy your least favourite websites (like the pre-loaded example) for a vibe boost.css.earthExplore earth, other planets and even other galaxies, all rendered with HTML and CSS, via PolyCSS.The box model and box sizingHere's one from the Piccalilli archives that you might have missed to wrap up this issue.P.S. this is a good website from personalsit.es.Sponsor messageHas your organisation gone too deep with frameworks or [gasp] LLMs and feel lik

It's issue #200 of The Index! A real milestone that we should celebrate with a dedicated CSS links issue. Let's get stuck in to the good links.Multiple-column layout, rows, rules, and floatsThe Boss™ is here with some fantastic news on layout capabilities that we can use. They should really open the door to more creative layouts, which is great.Our CSS isn’t opinionated enoughThis really resonates as Craig is describing issues that inspired CUBE CSS. Semantic state changes are a really good way of doing things too.Controlling when CSS custom property values are computedJake, the fountain of technical knowledge, is here with another must read.CSS scroll-triggered animations are here, and I completely missed themA very good guide on scroll-triggered animations with some sage advice on usage too. Not many better people to cover this than Cyd!Detect when elements overlap with CSSWe're enjoying how Ahmad is covering stuff that will be tripping people up all the time in their jobs as front-e