Pinned Tweet
myf (formerly myf)@myfonj
13 Jul 2021
data:text/html,<style>*,*::after{background:radial-gradient(transparent 2vh,black 0)center/6vh 6vh;min-height:100vh;overflow:hidden;position:fixed;inset:0}*>*,*::after{content:'';inset:-50vw -50vh;animation:20s r infinite}@keyframes r{to{transform:rotate(90deg)}}</style>
#CSS280
3
6
40
myf (formerly myf) retweeted
Control Panel for @ControlPanelFT
Sep 29
Hello fellow Firefox users

Yes you can disable it

about:config
browser.nova.enable - set it to false
82
518
10,611
572,180
myf (formerly myf)@myfonj
Sep 29
.@_vect_ what would you recommend as the most reliable shibboleth in IcoMoon-produced webfont metadata that could be used in an allowlist in Firefox?
(See bugzilla.mozilla.org/show_bug.cgi?i… )
1
0
0
58
myf (formerly myf) retweeted
Ollie Williams@hypeddev
Sep 3
Please vote (via 👍) for the features you’d like to see browsers prioritise in Interop 2027. These are the features I’ve raised:

CSS Linked Parameters for styling SVG

github.com/web-platform-t…
1
3
12
5,294
myf (formerly myf)@myfonj
Aug 24
That ElementMirror project reminded me of the ancient element() CSS function I don't recall to have ever tried before...

developer.mozilla.org/en-US/docs/Web…

myfonj.github.io/sandbox.html#%…
Austin Malerba
@austin_malerba
Aug 24
Stream a live image of any element into a canvas

<ElementMirror
source={cardRef}
fps={30}
/>

github.com/malerba118/ele…

Good for things like blurred img/video backdrops, dnd, pip, minimaps, magnifiers, custom glass effects, creative coding shenanigans
1
0
2
373
myf (formerly myf) retweeted
dy@made_by_dy
Jul 21
color-space v3 is out. 162 color spaces, one small API, verified.
JS, WASM, GLSL/WGSL, LUT, ICC

color-space.io
2
5
56
5,016
myf (formerly myf) retweeted
David Aerne@meodai
Jul 21
Now we are taking!
2
3
45
2,820
myf (formerly myf) retweeted
Ivan Akulov
@iamakulov
Jul 15
Possibly one of the most impressive Safari bugs I’ve run into lately:

Going back (with a swipe) in *any* React app that uses Navigation API freezes the page for three seconds.

What’s fun is the main thread is not frozen, only the rendered page is.
11
11
358
51,309
myf (formerly myf) retweeted
myf (formerly myf)@myfonj
18 Feb 2025
data:text/html;charset=utf-8;verbatim,<title>Minimal Unicode explorer</title><center><input type=range max=1114111 value=127761 oninput=o.textContent=c=String.fromCodePoint(value);document.title=c+valueAsNumber.toString(16) style=width:80vw><br><b id=o style=font-size:50vmin>
1
5
20
2,356
myf (formerly myf)@myfonj
Jun 25
data:text/html,<!doctype html><p id=a><p id=a><script>alert(a)</script>
should give:
0
0
0
36
myf (formerly myf) retweeted
一丝@yisibl
Jun 11
CSS colors are becoming increasingly complex, yet we still don’t have enough test cases.

In this situation, what do you think the expected behavior for gradients should be?

Demo: issues.chromium.org/issues/4229171…

cc @LeaVerou
1
2
6
1,104
myf (formerly myf) retweeted
Ollie Williams@hypeddev
Jun 10
Firefox Nightly has implemented link parameters (behind a flag). This will make working with SVG far easier.

codepen.io/editor/cssgrid…

drafts.csswg.org/css-link-param…

Chrome also working on it
github.com/w3c/csswg-draf…
0
2
4
207
myf (formerly myf)@myfonj
Jun 2
Would you like your beloved bookmarklets keep working (or more precisely, work again) on all pages? The way the spec suggests? Well…
Chromium issue "CSP: Bookmarklets should bypass pages' policies." was closed as "Wont Fix (Infeasible)" on May 15, 2026Fragment of the CSP Level 2 specification stating that »Policy enforced on a resource SHOULD NOT interfere with the operation of user-agent features like addons, extensions, or bookmarklets. These kinds of features generally advance the user’s priority over page authors [...]«
1
0
0
57
myf (formerly myf)@myfonj
Jun 2
Replying to @myfonj
issues.chromium.org/issues/40077444
0
0
0
40
myf (formerly myf) retweeted
Firefox for Web Developers
@FirefoxWebDevs
Jun 2
Ever struggled to get heading tags right in includes/components? headingoffset could be the answer…
10
22
113
12,601
myf (formerly myf) retweeted
Euclidea@euclidea_app
May 28
Dear friends, the long-awaited #XSection update is finally here. It supports the latest versions of Android (13 and above). Download and enjoy! Happy solving!
2
2
14
484
myf (formerly myf) retweeted
Ana Tudor 🐯@anatudor
May 25
Frustrated with #CSS stuff?

You can fill in the State of CSS survey & list your pain points when working with it.

survey.devographics.com/en-US/survey/s…

You can be sure I took the opportunity to list the pesky line-clamp, text-stroke, old background-clip bugs, lack of `filter()` support...
1
3
5
687
myf (formerly myf) retweeted
Lea Verou, PhD
@LeaVerou
May 16
The current state of AccentColor/AccentColorText:
4 browsers, 4 different color pairs

From left to right: Chrome 148 (stable), Chrome 150 (canary), Safari, Firefox.

- No browser uses the accent-color property for it (Sep 2025 spec change)
- Chrome: had removed support, dcoded blue and automatic AccentColorText
- Safari: hardcoded blue, always black text (?) If so, yikes.
- Firefox: actual OS accent color, automatic AccentColorText

Why would all browsers not use the real OS accent color? Fingerprinting concerns.

Up to you whether this is a reasonable tradeoff. 🤷🏽‍♀️
4
5
55
7,269
myf (formerly myf)@myfonj
May 13
New yet another named colours picker dropped: codepen.io/myf/pen/qEqaBoM
Horizontal axis = hue (with neutral colours sneaked in), vertical based on APCA contrast against dark background, click to copy name.
Colourful polygons organised so that bright colours are at the top, dark at the bottom and hue loosely progresses horizontally. Each polygon has slightly contrasting dot inside, and is fact Voronoi diagram plot point.
1
0
0
56
myf (formerly myf)@myfonj
May 14
Replying to @myfonj
+ variant with neutrals to the left, start-end hues shifted, and "Lloyded" stuff around to get more even tiles. So positions aren't faithful "APCA lightness" any more, just a rough approximation. I like how this turned out. ~10 kB HTML: myfonj.github.io/utils/named-co…
Irregular colourful polygons tightly stacked, this time with more uniform areas and more regular distribution. Bright colours at the top, dark at the bottom, greys left, followed by light blues, progressing through violets, reds, oranges, greens to slates. Noticeably, the bottom is dominated by dark blues, one purple, red, and dark slate grey. Lime greens expands sharply into upper region of the center "red" area. Similarly fuchsia penetrates into light blues.
0
0
0
217
myf (formerly myf) retweeted
Aaron Gustafson@AaronGustafson
May 4
It’s just a radio button. We really don’t need two component libraries, ARIA role remapping, and client-side JS to do what HTML already does. paulmakeswebsites.com/writing/shadcn…
2
9
25
3,748
Load more