And the new Web Weekly is about to hit all the inboxes. 🫣 This time it includes CSS `infinity`, the `closedby` attribute, measuring soft navigations, and recent ECMAScript updates. Enjoy! webweekly.email/archive/web-...
Bart Veneman
@veneman.dev
Webmaster of Project Wallace, the best CSS analyzer out there - https://www.projectwallace.com. I can lift node_modules twice my own weight. He/him. veneman.dev
QQ about Dark Mode Toggles on websites How many options do you show to users? - Three values: System, Light, or Dark - Two values: Light, Dark (with one of them mapping to “System” behind the scenes). Why the one or the other? (I have an opinion about it, but I’m looking for external input)
All projectwallace packages updated to use multi-step release processes, locked down permissions etc. Did it all by hand. Repetitive tasks. No ai. Still liked it. Maybe I'm ai tired.
Share your home office! More pics, more better! Going to redecorate my home office. One of the walls is already completely dedicated to LEGO. Planning on adding tons of plants and CD's/vinyl records. Anyone got other ideas for a cozy space?
Joliet Jake: We're Putting The Band Back Together - Blues Brothers
Alt: Joliet Jake: We're Putting The Band Back Together - Blues Brothers
static.klipy.com
Bram@bram.smulders.social · 6d agofilm you’ve watched more than six times with a gif. hard mode: no star trek, star wars, lotr, marvel, disney, or ghibli.
Did someone already build a discogs-like app on ATProto yet? Record collection seems like a perfect piece of personal information to store.
current status: matching my discogs data to my lastfm scrobble data to see which albums I listen a lot to, but don't currently own. Automatic shopping list creation!
Finding myself in the depths of Discogs to add missing record releases, or tweak existing ones. You can say I had a wonderful 3 weeks off! Bought some new vinyl, CD's and hardly touched a computer. All I want to do now is tend to my music garden.
Back from vacation. Time to get that stylelint pack v1 out the door. But in the meantime I'm having too much fun adding my whole music collection to Discogs. And ordering new records. And now I want a digital record collection on my website.
Wouldn't it be cool if CSS minifiers would create a custom property for the data-url and then reuse that instead of inline the big data-url in the result twice? lightningcss.dev/playground/i...
@keithamus.social Hey, I'd like to give csskit a whirl to see if I could use it for project wallace, but I'm struggling to create an AST for myself. The playground shows an AST, but how can I make one in JS? Can't find it in the docs. 😅
My defense mechanism is to be too shit at design skills and not be worth stealing from.
Ana Rodrigues@ohhelloana.blog · 3w agoI recently found out that someone has cloned my personal blog and changed the content (likely using AI). So, I did the next logical thing: I fixed the most annoying bugs on my website that I'd never bothered with before 😀👍 Enjoy your horizontal scrollbar!
Absolutely hate the fact that most traffic to @projectwallace.com coming from google is because of CSS scraping. Actually considering taking the blog posts and scraper page down. It's the least interesting (and most incorrect) part of all I do in terms of CSS analysis.
Our marketing team is on summer holiday, but luckily the @syntax.fm crew are filling in! youtube.com/shorts/tYvXx...
Your dirty CSS secrets
YouTube video by Syntax
youtube.com
We're already at 2,000 downloads a week. Let me finish this up a little, alright? 😂
Bart Veneman@veneman.dev · last mo.Dogfooding the stylelint plugin* and webpage, and coming across a `text-decoration-color` property that's vendor prefixed 3 times by Lightningcss... * I _will_ ship some day!
You're not going to believe this, but I just found out that this is a real-world problem. At least for one of the major 🇳🇱 NL newspapers.
Andy Davies@andydavies.me · 2y agoAre there any CSS linting / auditing tools that can identify redundant or duplicate declarations, examples of things I’m want to identify include: - Multiple MQs that all set the same property to the same value - MQs that can never be true e.g. max-width < min-width Seen them in real life code
Dogfooding the stylelint plugin* and webpage, and coming across a `text-decoration-color` property that's vendor prefixed 3 times by Lightningcss... * I _will_ ship some day!
I'm in the "I bought a bicycle helmet and I'm wearing it" stage in my life. That's quite something for a Dutchie. The looks on the schoolyard...
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.
Did anyone already write an eslint plugin to lint design tokens JSON files, or do I need to build one myself?
Ooooh... So what if I'd use devtools protocol in my existing Playwright tests to collect nasty selector perf? I already collect/aggregate CSS code coverage, so why not selector perf? 🧐
Adam Argyle@nerdy.dev · 2mo ago:has() is an offender here, easy to write a crippling selector. I doubt a lot of people are running perf tests with selector stats enabled and noticing the impact.
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.
Gah, blogging in markdown is awful. Does anyone have a good recommendation for a headless CMS? Worked with Contentful for years, but too enterprise-y for something like project wallace. Hearing good things outside of dev world about Strapi.
@patrickbrosset.com loved your talk yesterday. Good explainer that grid-lines can be a very diverse tool. It reminded me that project wallace uses this to make the CSS report display more dense. Will blog about it, because it's a nice progressive enhancement and @ohhelloana.blog says we have to.
"baseline wildly available" @bkardell.com maybe you should come up to pick up @meyerweb.com. Or maybe I heard it wrong.
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...
