Tessera
Folgen

Project Wallace

@projectwallace.com

CSS analyzers that checks your complexity, specificity, performance, Design Tokens, custom properties and much more. Webmaster: @veneman.dev 🔖 projectwallace.com

108 Posts500 Follower74 Folgt
Bramus@bram.us · last mo.

Reminder: The State of CSS Survey is closing *SOON*, so **NOW** is the moment to complete it. stateofcss.com/en-US/ This survey directly influences efforts like Interop and feature planning, so this is **YOUR** moment to let browser vendors know what you find missing on the web!

Promotional Image for the State of CSS Survey 2026
Project Wallace@projectwallace.com · 2mo ago

Okay, so I learned a thing about Grids today. Many of my components have these declarations to make spacing nice: `display: grid; gap: 2rem`. Apparently, `grid-template-columns` is now implicitly set to `auto`. Yada yada, 2018 @chriscoyier.net has my back! css-tricks.com/preventing-a...

Preventing a Grid Blowout | CSS-Tricks

Say you have a very simple CSS grid layout with one column fixed at 300px and another taking up the rest of the space at 1fr.

css-tricks.com

Project Wallace@projectwallace.com · 2mo ago

Wow, hadn't noticed the massive horizontal overflow. @polypane.app would have caught this. I don't even... I'm so disappointed in myself right now.

Louis Chenais@lucho.cool · 2mo ago

This article was also an opportunity to pay tribute to @donnie.damato.design, @projectwallace.com, @evilmartians.com, @samiamdesigns.bsky.social, @clearleft.com, @danmall.bsky.social and of course @designtokens.org 🫶 Let me know what you think ✌️

Louis Chenais@lucho.cool · 2mo ago

I've been helping design system teams set up their design tokens architecture for several years now. Here's an article in which you'll find an overview of all the tips and tricks I share to start a design token system with confidence.

Project Wallace@projectwallace.com · 2mo ago

Dogfooding the Wallace stylelint plugin on an upcoming new page on the website. There's so much to improve: more granular error ranges, better error messaging, subtle bugs to fix. But it'll be good!

webpage with 3 columns. first column is really narrow and has radio buttons for presets: recommended, meintainability, performance and correctness. Second column shows a bunch of CSS with lots of red squiggly lines, indicating errors. Third column shows a table of all errors found and one row selected.
Project Wallace@projectwallace.com · 3mo ago

😇 Almost ready to publish my new stylelint plugin! It'll ship with ~70 rules (for now) and comes with presets for correctness, performance, design tokens and maintainability. Some of my favorite rules 👇

Bart Veneman@veneman.dev · 4mo ago

Removed all twitter links from @projectwallace.com blog! Finally. Did a round previously removing them from all other places, but 8 years of blog took a bit more effort. Linking to people's personal sites now, cuz websites are cool

Project Wallace@projectwallace.com · 5mo ago

"Your CSS has dirty secrets and Wallace knows them." is just a title that hits. Immediate guilt and fear flow through your veins. "Does it know about... the floats?", you ask yourself. Ha, who are you kidding, of course it does. And that tiny 8px font-size. Thought you'd get away with that, did ya?

Bart Veneman@veneman.dev · 5mo ago

Tried some wildly different fonts but I think Teko is just the best reflection of my border-radius:0 design. Added 2 gradients to the header at a late stage, quite like them. Added a lot more spacing to the homepage, but made the forms to submit URL a bunch smaller.

Project Wallace homepage. A hero banner says "Your css has dirty secrets and Wallace knows them" against a mostly dark gray background. Project Wallace analysis page. The page header shows the page's title inline with toggles for choosing whether to analyze a URL, file or pasted CSS. The same gradient dark background is used.
Project Wallace@projectwallace.com · 6mo ago

Over 10,000 views so far and traffic is only slowly declining. One of the best things I've ever made and it's only going to be better next year!

Bart Veneman@veneman.dev · 6mo ago

Announcing The CSS Selection! 📰 www.projectwallace.com/the-css-sele... 📚 100,000 websites ⏱️ 100+ metrics 🔖 7 chapters The biggest deep-dive ever into real-world use of CSS across the globe. Dive in and find out some hidden gems. Also, see how much of 'the new CSS' is actually used!

Bart Veneman@veneman.dev · 6mo ago

align-content: home-stretch! Working on the last few bits so this beast can be released on Friday! 🫶🫶 Shoutout to @polypane.app for making this first edition possible. Imagine having incorporated several links to Polypane in the content already, and then @kilianvalkhof.com stepping up. 🫶🫶

Partial screenshot of a blog post that announces The CSS SelectionExcerpt from The CSS Selection about @media: "The max-width and min-width features are quite unexpectedly used on most websites (88% and 86%). I did not expect prefers-reduced-motion to have such a great adoption rate even though it’s almost half of that of the top two. There are some other surprises here, like forced-colors being used a bunch more than prefers-color-scheme." Below that is a sponsored block, reading: "Polypane wrote the complete guide to media queries" with a link to the Polypane website.