Project Wallace

Joan has been a long time supporter (like, reallllly long). Some well deserved limited edition stickers.

Joan León@nucliweb.net

Thank you so much @veneman.dev 🥰 Two awesome new stickers on my laptop from a great project: @projectwallace.com #CSS #CSSTools #WebPerfTools

From somewhere deep in the @httparchive.org: "The selector itself wasn’t remarkable except for the thousands of tab characters in the middle of it." Welcome to the jungle, baby

18 Sept

or, instead of writing valuable content, let me just release another shitty webpage with CSS tools

Matthias Ott@matthiasott.com

Screw the narrative. Don’t believe the scare. The Web will never die. Love seeing you all sharing and publishing content on here – and on your personal sites and newsletters! 💚✊

14 Sept

🍾 NEW: Baseline overview Quickly scan the Baseline status of your website's CSS! 🩻 www.projectwallace.com/baseline-ove...

Project Wallace reposted

6 Sept

Still some ways to go, but this is turning out useful.

4 Sept

Never publicly posted anything, but our linter page is already in the top-10 of visited pages 🥰

4 Sept

looks like it's time to put my blogging cap on a write a bunch about the new stylelint-plugin that I'm hoping to make v1.0.0 soon.

4 Sept

the css-code-quality page is also dropping in popularity, which is pretty nice because I've never liked the page, nor the package behind it.

Project Wallace reposted

projectwallace.comCSS Analytics - Project WallaceThe best CSS Analyzer on the web. Check your CSS complexity, specificity, performance, design tokens and much more.

31 Aug

Pushed two big performance wins on projectwallace.com yesterday. Next up: attempting to virtualize syntax highlighting with the Highlight API additional elements for lines etc. 🤞

Project Wallace reposted

19 Aug

Mixing web-features with wallace's CSS analysis and you get... a new tool for CSS archeologists! h/t @patrickbrosset.com for pointing me to github.com/web-platform...

Project Wallace reposted

16 Aug

Ahwyeeaaah :sexy-dance.gif:

7 Aug

Update color-sorter and css-design-tokens packages to replace colorjs with colordx to increase performance and decrease install size. 12MB had always been too much, but no longer!

🧢😎

Ooooh, it looks like some of you have found the new linter page on our website already. Let me know what you think!

youtube.comYour dirty CSS secretsYouTube video by Syntax

2 July

Our marketing team is on summer holiday, but luckily the @syntax.fm crew are filling in! youtube.com/shorts/tYvXx...

27 June

Merged a big one today! 42 commits on a PR open since the end of March 😱

27 June

Related: the Stylelint plugin is coming along great. Many small fixes in wording error messages, locating the correct ranges etc. I think we're close to v1 now.

Project Wallace reposted

Bramus

@bram.us

22 June

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!

Project Wallace reposted

18 June

A couple of months ago @ohhelloana.blog was complaining about the lack of choice in women's wear in developer clothing. I agree. Made this. My wife wears it now and it's *really* nice.

css-tricks.comPreventing a Grid Blowout | CSS-TricksSay 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.

14 June

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...

Project Wallace@projectwallace.com

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.

defensivecss.devDefensive CSS - Minimum Content Size In CSS gridPractical CSS and design tips that helps in building future-proof user interfaces.

14 June

Defensive CSS also has a chapter on this defensivecss.dev/tip/grid-min... Turns out the stylelint plugin for that doesn't have a rule for that. Yet. github.com/yuschick/sty...

13 June

Triggered by @patrickbrosset.com's talk at #CSSDay: Progressively enhanced data-dense layout with grid-lanes www.projectwallace.com/blog/using-g... Or, less keyword-heavy: how grid-lanes can be used for data-dense layouts and not just for fun/newspaper-like stuff for browsers that support it.

13 June

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.

zeroheight.comHow to start a design token system with confidence - zeroheightLouis Chenais walks through building a team's first design token system, covering best practices for creating, documenting, versioning, and syncing design tokens.

12 June

If you want to see if @matuzo.at's actual css layer architecture is exactly as advertised on #cssday, check out www.projectwallace.com/css-layers-v...

Project Wallace reposted

Louis Chenais

@lucho.cool

11 June

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

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.

8 June

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!

8 June

A sudden spark of inspiration yesterday and now we're waiting for the printing company to deliver these bad boys.

26 May

Few things give me more stress than some breaking changes just before a public release. Anyway, stylelint plugin is now 0.5.0 🥲

😇 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 👇

🚫 no-duplicate-data-urls ⚠️ max-embedded-content-size (don't let them data urls get away from you) ⚠️ max-comment-size / max-comments 🚫 no-useless-custom-property-assignment

It all seems a bit much sometimes but, trust me, I've seen things, and you want all these rules in your toolbox. Or not. I'm not your boss.

🚫 no-static-media/container-query => prevent `@media (width: 100px)` instead of `min-width` 🚫 no-unused-layers/custom-props/containers => once you define it, you should use it 🚫 no-atrule/property/value/selector-browserhacks (because @sturobson.com taught us well)

🎨 max-unique-colors/font-sizes/families/shadows/etc. ⚠️ max-lines-of-code (overall guard rail) ⚠️ max-selector-complexity (specificity is only part of story) ⚠️ max-spacing-resets (because @ohhelloana.blog a.blog is right and you shouldn't use excessive resets) 🌶️ no-property-shorthand 😈

🥳 500 followers celebration time

survey.devographics.comState of CSS 2026Take the State of CSS survey

19 May

Go fill the survey! Not just because you can confirm ✅ that you're using Project Wallace, but the output usually influences some of the decisions I make around CSS analysis!

Patrick Brosset@patrickbrosset.com

The 2026 State of CSS survey is now live 🎉 Take it here: survey.devographics.com/en-US/survey...

Project Wallace reposted

projectwallace.comThe CSS Selection - 2026 Edition - Project WallaceThe CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.

7 May

Make that 3 mentions in 2 weeks! 🤪

Project Wallace@projectwallace.com

Two mentions from @syntax.fm in one week! You guyssss... ✌️ Episode 999 is all about writing maintainable CSS. You _bet_ Project Wallace is your Swiss army knife for that!

Project Wallace reposted

Sacha Greif

@sachagreif.com

28 Apr

somehow I missed this awesome report about CSS usage from @projectwallace.com Definitely worth checking out! www.projectwallace.com/the-css-sele...

27 Apr

Two mentions from @syntax.fm in one week! You guyssss... ✌️ Episode 999 is all about writing maintainable CSS. You _bet_ Project Wallace is your Swiss army knife for that!

syntax.fmHow to Fix Vibe Coding - Syntax #998

23 Apr

Sounds like the @syntax.fm team are ready for a next step from Wallace! (see: syntax.fm/show/998/how...) Well, good news: I'm finishing up the stylelint plugin pack I've been working on for a long time. If you want a sneak peek: github.com/projectwalla...

24 Apr

Fight slop, one lint rule at the time. Or all the rules. I don't make the rules. Or, actually, I do.

Project Wallace reposted

27 Mar

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

24 Mar

Some people get mad when we shout at you for having to many declarations in one rule, but what if you'd just organize it in more layers? 😇 www.projectwallace.com/css-layers-v...

1 Mar

"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?

Project Wallace reposted

1 Mar

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.

27 Feb

2 improvements shipped today! - denser analysis view (if you're on Firefox, or you have experimental grid-lanes enabled in chromium) - analyze custom element selectors, like details-utils, is-land, pagefind-search, etc. etc. (h/t @bkardell.com for the idea!)

Bart Veneman@veneman.dev

Make the gaps wider, add some scroll-margin and add an outline to the section when you scroll to it via the side nav. I'm shipping this! 🥰

projectwallace.comThe CSS Selection - 2026 Edition - Project WallaceThe CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.

20 Feb

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

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!

Project Wallace reposted

Kevin Powell

@kevinpowell.co

13 Feb

Did they have an entire novel in there?!

projectwallace.comThe CSS Selection - 2026 Edition - Project WallaceThe CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.

6 Feb

Come read the biggest-ever article we've ever done!

Bart Veneman@veneman.dev

Project Wallace reposted