@mayank WOW this is big and awesome!
🟢 Currently available for new projects
Making the web a better place for #typography I also shoot a lot of #film #photography
#CSS #frontend #design #webdesign #productdesign #founder #startup #webstandards #opensource
Header photo by @florianziegler. Posts auto-delete after 1 month.
@mayank WOW this is big and awesome!
a very small feature that i'm unreasonably excited about: referencing a whole `.svg` (rather than just a fragment).
```
<use href="thing.svg">
```
shipped in chrome 137: https://chromestatus.com/feature/5128141573718016
but safari is stalling for no good reason: https://github.com/WebKit/standards-positions/issues/480
“Journalists are not machines.”
As usual, outstanding coverage and thoughtfulness from LA Taco: https://lataco.com/a-letter-from-the-editor-about-our-recent-street-level-coverage-of-protests-against-ice-in-los-angeles
@noleli And oh boy, thanks for acknowledging the world burning. It’s been a nerve-wracking week.
@noleli @DavidDarnes @dpogue You could take the alpha channel and use that as the displacement map. You’d need some more processing to displace things like Fluid Glass, but it _should_ be possible.
I wish I had a whole day to throw at making this SVG filter.
@pixelbud did find accessibility settings that at least help with legibility. #accessibility #a11y #apple #AppleEvent
@danwentzel I’m no fan of his, but he is perfect in moments like this.
So, so true. The gap between design tools and the possibilities of the CSS based web platform is
getting bigger year by year. @shadeed9 at #cssday. (Reminds me of @matthiasott‘s talk last year https://cssday.nl/2024/#matthias)
solidarity is an incredibly dangerous idea. imagine if others were willing to fight for a minority's rights.
@stux@mstdn.social
I think people should protest, but you may want to be careful what is on your phone. As you may recall, I work for Meta. We're currently spying on people.
We are helping the government to identify people who were in the protest. We are currently helping identify people who want to protest. We are currently helping government agents know where and when protest may happen.
If you have any Facebook apps - Facebook Messenger, Facebook, WhatsApp, Threads, Instagram -- Uninstall the app.
🤩 The latest Safari 26 Beta does not disappoint in terms of #CSS features:
⚓️ Anchor Positioning!
🪄 Scroll-driven animations!
🌯 text-wrap: pretty!
🌈 contrast-color()!
⏲️ progress()!
and more!
And this sentence: “We value the principles of progressive enhancement and separation of concerns.” 😉
Great work, @jensimmons and everyone else involved! 👏
https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/
Safari debuts the progress() function, and I’m so so happy 🥹😁🎉
I like this guy. More of this!
#AntifaAF #LosAngeles #Resist #Protest #ICE #NationalGuard #StopICE
As usual, The Onion has the realest news of the moment: https://theonion.com/protesters-urged-not-to-give-trump-administration-pretext-for-what-it-already-doing/?utm_source=email&utm_medium=newsletter&mc_cid=98b312f380&mc_eid=45f8d7e9d1
@johnlago The Increase Contrast toggle reduces contrast in some instances. I don’t have much faith that this will be implemented well. I keep seeing more and more accessibility red flags with every new screenshot 🚩
I’m very curious what Reduce Transparency will do to Liquid Glass.
I want less from a UI, not more.
@asci Yes, SVG filter effects make it relatively easy. Performance of SVG filter effects is another story entirely. Bevels, specular lighting, defraction, and background blurs are all possible.