Chrome has added the ability to determine whether an event was triggered by a CSS pseudo element
2
4
24
Chrome 50 also includes the round parameter for the polygon() CSS shape function
chromestatus.com/feature/663639…
chromestatus.com/feature/663639…
0
0
1
Declarative partial updates mentioned at the Google IO event.
youtu.be/YuMdsHIXatY?t=…
youtu.be/YuMdsHIXatY?t=…
0
0
0
@munawwarfiroz Yea size and multiple attributes already work well on iOS and Android. Few developers ever use them because they can’t be styled on desktop, which is why we need appearance: base. Here’s iOS:
0
0
1
Crazy how much control we have over underlines nowadays. Firefox beta implemented text-decoration-inset.
codepen.io/cssgrid/pen/xb…
codepen.io/cssgrid/pen/xb…
0
0
0
@MonierFr @garethheyes You can configure it to remove whichever HTML/SVG elements you want. The default namespace is w3.org/1999/xhtml. If you want to remove SVG you have to specify namespace: 'w3.org/2000/svg'
0
0
0
Design Tokens spec is finally stable and Figma announces support
figma.com/blog/schema-20…
w3.org/community/desi…
figma.com/blog/schema-20…
w3.org/community/desi…
0
0
2
@argyleink Is this change you mention in your article a change to the default styles or is it now impossible to make a select that uses appearance: base-select be the same width as the longest option in the picker? width: max-content doesn't have any effect.
1
0
1
@markgurman how long can Apple go on selling the out of date Mac Pro? It’s price is preposterous compared to the new Mac Studio
0
0
0
The CSS appearance property hasn't required a vendor prefix in any browser for many years but ChatGPT will continue to spit out outdated Stack Overflow answers
0
1
4
You can now recreate this shape in CSS with the corner-shape property codepen.io/cssgrid/pen/em…
0
0
1
Only 2.5% of mobile web pages use shadow DOM. Is it worth adding more complexity to the web platform for such a niche technology?
almanac.httparchive.org/en/2024/javasc…
github.com/whatwg/html/is…
almanac.httparchive.org/en/2024/javasc…
github.com/whatwg/html/is…
0
0
2
Do we have too much of a taboo about using straightforward element selectors instead of classes? With :where you can keep specificity at 0,0,1. Use a layer and it's easy to override regardless. If you need to blow away all the styles you can in a single line of CSS.
0
0
2
Tucker Carlson is now a bigger critic of Donald Trump’s foreign policy than Angela Rayner and the UK Labour Party 🙈 #IranIsraelConflict
youtu.be/6KcXX9oPvtk?si…
youtu.be/6KcXX9oPvtk?si…
0
0
0
Palmer Luckey, the guy who invented modern VR, is apparently “dumb”, according to @verge
I can no longer read The Verge. If I want politics, I’ll read a newspaper.
@verge has become hysterically hyper-partisan. Every other article is about Elon Musk when I just want to read about the Switch 2 or MidJourney or WWDC or VR or whatever.
What’s the best alternative?
0
0
0
@dannievinther Other than adding the opacity slider to the picker, not really. The picker looks the same as it did in Safari 18.4 on macOS Sequoia, except with a bit of extra border radius and the opacity range slider design has been updated.
1
0
2
Some HTML form elements look different in MacOS 26 Tahoe.
Color input is now rounded.
New elongated look for <input type="checkbox" switch>
Color input is now rounded.
New elongated look for <input type="checkbox" switch>
1
0
4
I'm sure Apple will finesse Liquid Glass over the coming year. When enabling Reduce Transparency and Increase Contrast in user settings it actually looks pretty cool (and far more readable).
0
0
2
Many are comparing Apple’s new Liquid Glass design to Windows Vista. It feels more like a modern take on the MacOS Aqua design from 2000-.
1
4
4
Apple are releasing a new Icon Composer application to create app icons that utilise the "Liquid Glass" visual design approach. apple.com/newsroom/2025/…
0
0
0
Reading this about the future direction of Remix, which heavily emphasises web standards, my primary thought is: I hope they utilise the Navigation API remix.run/blog/wake-up-r…
0
0
2
Safari Technology Preview supports the random() CSS function. Here's an example creating random colors in pure CSS codepen.io/cssgrid/pen/Gg…
0
1
6
CSS spec example code uses <style> in body. HTML spec says <style> in body is invalid… github.com/whatwg/html/is…
2
2
7
React is legacy tech
infrequently.org/#:~:text=React…
Will they ever refactor this stuff?
github.com/facebook/react…
infrequently.org/#:~:text=React…
Will they ever refactor this stuff?
github.com/facebook/react…
2
0
3
A great talk about Invoker Commands youtube.com/watch?v=svS_lf…
0
3
14
@ryanflorence @sebmarkbage @flybayer @samselikoff Apparently Igalia have been working on the Navigation API in Safari front-end.social/@bramus/112067…
There’s a feature flag but I have no idea how usable it is.
Being part of Interop does mean that at some point this year both features will be available in all stable browsers.
There’s a feature flag but I have no idea how usable it is.
Being part of Interop does mean that at some point this year both features will be available in all stable browsers.
0
0
1
I had assumed the Gregorian calendar & ISO 8601 calendar are largely equivalent, yet I've run into "Uncaught RangeError: calendars "iso8601" and "gregory" aren't compatible"'
ISO is the default of Temporal, 'gregory' is the default for Intl in most locales
ISO is the default of Temporal, 'gregory' is the default for Intl in most locales
0
0
0
Is this the only practical difference iso8601 and 'gregory' calendar? @justingrantjg @ryzokuken
2
0
1
@therealptomato I enjoyed your Temporal talk. If I am only displaying dates as Gregorian, do I need to explicitly set that using .withCalendar when doing calculations? Or are iso8601 and gregory similar enough that I don’t need to?
0
0
0
Is there a way to hide an icon font if it fails to load? Nothing is definitely better than displaying unicode boxes...
2
1
1
New in Safari Technology Preview:
<input type="color" alpha>
The HTML color input picker comes with an opacity slider
webkit.org/blog/16205/rel…
codepen.io/cssgrid/pen/eY…
<input type="color" alpha>
The HTML color input picker comes with an opacity slider
webkit.org/blog/16205/rel…
codepen.io/cssgrid/pen/eY…
1
1
2
People will be "using Tailwind" but then write code like this lmao. Tailwind should deprecate @Apply
x.com/adamwathan/sta…
x.com/adamwathan/sta…
Confession: The `apply` feature in Tailwind basically only exists to trick people who are put off by long lists of classes into trying the framework.
You should almost never use it 😬
Reuse your utility-littered HTML instead.
m.youtube.com/watch?v=ab8ReP…
0
0
2
@mtracey Almost as insightful as Joe Biden’s Cardi B interview youtu.be/o71LtfUtSAo?si…
0
0
0
Cool feature of macOS Sequoia: iPhone mirroring - open a website on your iPhone ON YOUR MAC, open Safari on Mac, Develop > [your iPhone], debug website using Safari Web Inspector. webkit.org/blog/15865/web…
0
0
1
Do absurd facial expressions work on Twitter thumbnails or is that just a YouTube thing? Anyway, here's an article for all those times when you want more render-blocking for your website. fullystacked.net/render-blockin…
0
1
2
@_developit This change totally passed me by. When did this change? Do you know if the most up-to-date spec is implemented in Firefox & Safari? Nice article btw
0
0
1
I was experimenting more with this approach to implementing dark mode. The drawback is it only works for colors. Combined with CSS style queries though it can work for other things...
@devongovett Potentially, if you define your styles with light-dark() you can start with <meta name="color-scheme" content="dark light"> to respect system settings then toggle between content="dark" and content="light" with JavaScript, and not use the media query at all.
1
0
7