Project Wallace
@projectwallace.com
CSS analyzers that check your complexity, specificity, performance, Design Tokens, custom properties and much more. By @veneman.dev
If you really hate looking at unused custom properties, maybe clean them up? 😇
I know looking at unused custom properties not applied in devtools is not the same as potentially flawed static analysis on a large chunk of CSS, but hey...
I know looking at unused custom properties not applied in devtools is not the same as potentially flawed static analysis on a large chunk of CSS, but hey...
October 21, 2025 at 12:57 PM
If you really hate looking at unused custom properties, maybe clean them up? 😇
I know looking at unused custom properties not applied in devtools is not the same as potentially flawed static analysis on a large chunk of CSS, but hey...
I know looking at unused custom properties not applied in devtools is not the same as potentially flawed static analysis on a large chunk of CSS, but hey...
Gave the ol' CMD+K menu a fresh lick of paint and added a search bar. Much more useful this way 😍
September 20, 2025 at 1:40 PM
Gave the ol' CMD+K menu a fresh lick of paint and added a search bar. Much more useful this way 😍
🧛 Anyone up for counting the depth of your CSS nesting?
Could be interesting to spot deeply nested and hard to debug rulesets, declarations, etc.
Could be interesting to spot deeply nested and hard to debug rulesets, declarations, etc.
June 17, 2025 at 9:53 PM
🧛 Anyone up for counting the depth of your CSS nesting?
Could be interesting to spot deeply nested and hard to debug rulesets, declarations, etc.
Could be interesting to spot deeply nested and hard to debug rulesets, declarations, etc.
At #cssday where @miriam.codes is speaking truths
June 5, 2025 at 10:12 AM
At #cssday where @miriam.codes is speaking truths
🆕 Container names.
Because we all sometimes forget to name a thing, or forget that we named it and never used it 😇
Because we all sometimes forget to name a thing, or forget that we named it and never used it 😇
June 1, 2025 at 6:51 PM
🆕 Container names.
Because we all sometimes forget to name a thing, or forget that we named it and never used it 😇
Because we all sometimes forget to name a thing, or forget that we named it and never used it 😇
🆕 See which Media Features are used. Useful if you have many media queries and want a quick view of which features are queried.
Idea taken from @httparchive.org's CSS chapter.
Idea taken from @httparchive.org's CSS chapter.
June 1, 2025 at 6:43 PM
🆕 See which Media Features are used. Useful if you have many media queries and want a quick view of which features are queried.
Idea taken from @httparchive.org's CSS chapter.
Idea taken from @httparchive.org's CSS chapter.
🔆 last night I shipped a light theme
There may be bits and bobs still not converted yet so please let me know if anything looks broken.
Also, grab some sunglasses 😎
There may be bits and bobs still not converted yet so please let me know if anything looks broken.
Also, grab some sunglasses 😎
April 14, 2025 at 9:15 AM
🔆 last night I shipped a light theme
There may be bits and bobs still not converted yet so please let me know if anything looks broken.
Also, grab some sunglasses 😎
There may be bits and bobs still not converted yet so please let me know if anything looks broken.
Also, grab some sunglasses 😎
✌️ TWO new features released
Well, actually 3. Oh who cares anyway.
✅ Copy your CSS @layers as JSON
✅ Show devtools on the custom property page
✅ Copy all/unused/undefined/undefined-with-fallback properties as JSON
Well, actually 3. Oh who cares anyway.
✅ Copy your CSS @layers as JSON
✅ Show devtools on the custom property page
✅ Copy all/unused/undefined/undefined-with-fallback properties as JSON
April 3, 2025 at 2:36 PM
✌️ TWO new features released
Well, actually 3. Oh who cares anyway.
✅ Copy your CSS @layers as JSON
✅ Show devtools on the custom property page
✅ Copy all/unused/undefined/undefined-with-fallback properties as JSON
Well, actually 3. Oh who cares anyway.
✅ Copy your CSS @layers as JSON
✅ Show devtools on the custom property page
✅ Copy all/unused/undefined/undefined-with-fallback properties as JSON
Using it to display the unique colors found in CSS. Using column layout allows for nice visual grouping of the colors that's harder to do with grid or flex.
www.projectwallace.com/design-token...
www.projectwallace.com/design-token...
April 2, 2025 at 7:33 PM
Using it to display the unique colors found in CSS. Using column layout allows for nice visual grouping of the colors that's harder to do with grid or flex.
www.projectwallace.com/design-token...
www.projectwallace.com/design-token...
The item usage panel now also highlights syntax.
February 24, 2025 at 9:45 AM
The item usage panel now also highlights syntax.
February 20, 2025 at 7:19 PM
You can now sort the CSS Coverage table by URL, coverage or filesize!
www.projectwallace.com/css-coverage
www.projectwallace.com/css-coverage
February 7, 2025 at 10:40 PM
You can now sort the CSS Coverage table by URL, coverage or filesize!
www.projectwallace.com/css-coverage
www.projectwallace.com/css-coverage
Another one: if you were writing very old-skool CSS with some insane browserhack like `!ie` instead of `!important` we would actually still print !important.
Now you can have your `!ie`.
But I'm bvery disappointed if you actually do.
github.com/projectwalla...
Now you can have your `!ie`.
But I'm bvery disappointed if you actually do.
github.com/projectwalla...
February 6, 2025 at 10:46 AM
Another one: if you were writing very old-skool CSS with some insane browserhack like `!ie` instead of `!important` we would actually still print !important.
Now you can have your `!ie`.
But I'm bvery disappointed if you actually do.
github.com/projectwalla...
Now you can have your `!ie`.
But I'm bvery disappointed if you actually do.
github.com/projectwalla...
📢 CSS Coverage viewer
A new page recently arrived and it helps you inspect your CSS coverage generated from Chrome/Edge devtools, or more importantly: coverage reports generated from Playwright/Puppeteer (because they can span multiple page navigations)!!
www.projectwallace.com/css-coverage
A new page recently arrived and it helps you inspect your CSS coverage generated from Chrome/Edge devtools, or more importantly: coverage reports generated from Playwright/Puppeteer (because they can span multiple page navigations)!!
www.projectwallace.com/css-coverage
February 3, 2025 at 8:46 AM
📢 CSS Coverage viewer
A new page recently arrived and it helps you inspect your CSS coverage generated from Chrome/Edge devtools, or more importantly: coverage reports generated from Playwright/Puppeteer (because they can span multiple page navigations)!!
www.projectwallace.com/css-coverage
A new page recently arrived and it helps you inspect your CSS coverage generated from Chrome/Edge devtools, or more importantly: coverage reports generated from Playwright/Puppeteer (because they can span multiple page navigations)!!
www.projectwallace.com/css-coverage
Search results now get an outline around the matched part, this makes it easier to spot why a certain property ends up in the search results 🥳
November 28, 2024 at 8:27 AM
Search results now get an outline around the matched part, this makes it easier to spot why a certain property ends up in the search results 🥳
Custom Property analyzer now also tells you which custom properties are:
- never declared 🙄
- but still used in a var() 😵💫
- but with a fallback value ☺️
This is a little better than just checking for the propery never being declared, because the fallback acts as a safe-guard.
- never declared 🙄
- but still used in a var() 😵💫
- but with a fallback value ☺️
This is a little better than just checking for the propery never being declared, because the fallback acts as a safe-guard.
November 27, 2024 at 9:49 AM
Custom Property analyzer now also tells you which custom properties are:
- never declared 🙄
- but still used in a var() 😵💫
- but with a fallback value ☺️
This is a little better than just checking for the propery never being declared, because the fallback acts as a safe-guard.
- never declared 🙄
- but still used in a var() 😵💫
- but with a fallback value ☺️
This is a little better than just checking for the propery never being declared, because the fallback acts as a safe-guard.
🔎 search custom properties 🔍
When reviewing large codebases you often want to check for certain names or prefixes. The new search lets you do that, even with negated patterns like `!my-prefix`.
When reviewing large codebases you often want to check for certain names or prefixes. The new search lets you do that, even with negated patterns like `!my-prefix`.
November 25, 2024 at 9:47 AM
🔎 search custom properties 🔍
When reviewing large codebases you often want to check for certain names or prefixes. The new search lets you do that, even with negated patterns like `!my-prefix`.
When reviewing large codebases you often want to check for certain names or prefixes. The new search lets you do that, even with negated patterns like `!my-prefix`.
🗣️💬 Preserving comments
Our CSS formatter is updated to keep most of your CSS comments intact instead of stripping them. This can be helpful sometimes when auditing or prettifying your CSS.
github.com/projectwalla...
Our CSS formatter is updated to keep most of your CSS comments intact instead of stripping them. This can be helpful sometimes when auditing or prettifying your CSS.
github.com/projectwalla...
November 20, 2024 at 9:35 AM
🗣️💬 Preserving comments
Our CSS formatter is updated to keep most of your CSS comments intact instead of stripping them. This can be helpful sometimes when auditing or prettifying your CSS.
github.com/projectwalla...
Our CSS formatter is updated to keep most of your CSS comments intact instead of stripping them. This can be helpful sometimes when auditing or prettifying your CSS.
github.com/projectwalla...
So stoked about the layer tree visualisation that it's now part of the analyzer result page, instead of only listing out which layers were found 🥰
November 18, 2024 at 10:30 AM
So stoked about the layer tree visualisation that it's now part of the analyzer result page, instead of only listing out which layers were found 🥰
💫 Line numbers! 💫
Because Wallace is starting to look more and more like an actual editor and line numbers can be super helpful.
Because Wallace is starting to look more and more like an actual editor and line numbers can be super helpful.
November 17, 2024 at 10:13 AM
💫 Line numbers! 💫
Because Wallace is starting to look more and more like an actual editor and line numbers can be super helpful.
Because Wallace is starting to look more and more like an actual editor and line numbers can be super helpful.
💫 new package alert! 💫
css-layer-tree analyzes your CSS layers and creates a single tree of it.
🔗 github.com/projectwalla...
css-layer-tree analyzes your CSS layers and creates a single tree of it.
🔗 github.com/projectwalla...
November 12, 2024 at 3:29 PM
💫 new package alert! 💫
css-layer-tree analyzes your CSS layers and creates a single tree of it.
🔗 github.com/projectwalla...
css-layer-tree analyzes your CSS layers and creates a single tree of it.
🔗 github.com/projectwalla...
If you are using CSS @layer you probably want to check that the order and nesting is correct as well. Our handy little layer visualizer helps with that!
🥞 www.projectwallace.com/css-layers-v...
🥞 www.projectwallace.com/css-layers-v...
November 8, 2024 at 9:15 AM
If you are using CSS @layer you probably want to check that the order and nesting is correct as well. Our handy little layer visualizer helps with that!
🥞 www.projectwallace.com/css-layers-v...
🥞 www.projectwallace.com/css-layers-v...
📍 Improved the website navigation to include all important tools in the header. On smaller screens the overflow wraps into a popover so items can still be accessed.
Using it a ton already myself, hope you'll find it useful too!
Using it a ton already myself, hope you'll find it useful too!
November 3, 2024 at 11:47 AM
📍 Improved the website navigation to include all important tools in the header. On smaller screens the overflow wraps into a popover so items can still be accessed.
Using it a ton already myself, hope you'll find it useful too!
Using it a ton already myself, hope you'll find it useful too!
As winter draws closer I'm seriously considering making these into warm and cozy hoodies.
(Image compression not doing me a favor here, the colors and vibrance on these are _unreal_)
(Image compression not doing me a favor here, the colors and vibrance on these are _unreal_)
November 3, 2024 at 11:41 AM
As winter draws closer I'm seriously considering making these into warm and cozy hoodies.
(Image compression not doing me a favor here, the colors and vibrance on these are _unreal_)
(Image compression not doing me a favor here, the colors and vibrance on these are _unreal_)
🎉 CSS Diff viewer 🎉
👉 See which lines were changed, removed or added
👉 Familiar interface, because you already know what diffs should look like
👉 Syntax highlighting (if your browser supports it)
👉 Diff summary (lines added/removed and total lines changed)
👉 See which lines were changed, removed or added
👉 Familiar interface, because you already know what diffs should look like
👉 Syntax highlighting (if your browser supports it)
👉 Diff summary (lines added/removed and total lines changed)
October 30, 2024 at 12:39 PM
🎉 CSS Diff viewer 🎉
👉 See which lines were changed, removed or added
👉 Familiar interface, because you already know what diffs should look like
👉 Syntax highlighting (if your browser supports it)
👉 Diff summary (lines added/removed and total lines changed)
👉 See which lines were changed, removed or added
👉 Familiar interface, because you already know what diffs should look like
👉 Syntax highlighting (if your browser supports it)
👉 Diff summary (lines added/removed and total lines changed)