Sign in

Simon Fraser

@smfr.bsky.social
359 followers 315 following 27 posts

WebKit developer, cyclist, steam engine builder @smfr@mastodon.social

PostsRepliesMedia
Simon Fraser @smfr.bsky.social · 12/09/2026
Written by AI
110
Simon Fraser @smfr.bsky.social · 11/09/2026
Safari Technology Preview
100
Simon Fraser @smfr.bsky.social · 11/09/2026
It animates in Safari for me (testing in STP 251): codepen.io/editor/smfr/...
codepen.io
text-decoration-thickness
A code demo by Simon Fraser created on CodePen
201
Simon Fraser @smfr.bsky.social · 08/09/2026
Those eyes sure look tasty.
000
Simon Fraser @smfr.bsky.social · 08/09/2026
What fresh hell is this?
The NBC logo with text that says “Just a moment. We are getting your experience ready.”
010
Simon Fraser @smfr.bsky.social · 31/07/2026
Modest Expectations
030
Simon Fraser @smfr.bsky.social · 27/06/2026
Typo: "He gad stepped"
230
Simon Fraser @smfr.bsky.social · 26/06/2026
I've worn an inch off my gardening trowel in about 18 years.
A gardening trowel stamped "Stainless Steel" with inch markings, and a steel rule aligned to them. They show that about an inch of material has been worn away from the tip of the trowel.
060
Reposted by Simon Fraser
Jen Simmons @jensimmons.bsky.social · 10/06/2026
Interested in CSS Grid Lanes? We just launched the Field Guide to Grid Lanes! gridlanes.webkit.org It’s got everything you need in a fun interactive playground + tons of demos. (And read about the Field Guide at: webkit.org/blog/18098/i...) #CSSDay #wwdc26 #CSS
gridlanes.webkit.org
The Field Guide to CSS Grid Lanes
Learn Grid Lanes to create masonry layouts in pure CSS. Absorb the possibilities with the Field Guide’s interactive playground. Return to the cheat sheet. Get inspired by six real examples with dozens...
814230
Simon Fraser @smfr.bsky.social · 21/04/2026
Wow, what are the chances?
Two YouTube thumbnails side by side; both show the inside of a police car, with an upside-down dog; in one the dog is brown. In the other, green.
040
Reposted by Simon Fraser
Jen Simmons @jensimmons.bsky.social · 24/03/2026
Safari 26.4 is here! webkit.org/blog/17862/w... Grid Lanes. WebTransport. Keyboard Lock API. And _tons_ of fixes & improvements. Please read the introduction to our article to learn what we’ve been up to…
webkit.org
WebKit Features for Safari 26.4
March has a way of bringing a lot of new things to WebKit — and this year is no exception.
1215222
Simon Fraser @smfr.bsky.social · 09/02/2026
Bring me no more reports; let them fly all: Till Birnam wood remove to Dunsinane, I cannot taint with fear.
010
Simon Fraser @smfr.bsky.social · 20/12/2025
It’s going to be a mess!
010
Simon Fraser @smfr.bsky.social · 12/12/2025
Boing Boing! proving that everything becomes enshittified
A screenshot of boingboing.net, showing an article entitled "Cory Doctorow explains how to rescue the internet from enshittification on The Daily Show". There is a subscription banner on top of the article, and it's surrounded by intrusive ads.
140
Simon Fraser @smfr.bsky.social · 14/11/2025
That sucks. Hugs for you!
120
Simon Fraser @smfr.bsky.social · 05/09/2025
I'd be happy to get WebKit folks to look at this if you're willing to share you app and the content. You can do so by using Feedback Assistant to file an issue, or bugs.webkit.org for things that are OK to be public.
bugs.webkit.org
WebKit Bugzilla
020
Simon Fraser @smfr.bsky.social · 03/05/2025
Can't sleep, clown will eat me.
030
Simon Fraser @smfr.bsky.social · 02/02/2025
She was great!
050
Reposted by Simon Fraser
Noam Rosenthal @nomster.bsky.social · 21/01/2025
Responsive CSS shapes are coming drafts.csswg.org/css-shapes-2... Implemented in Chrome Canary & Safari Technology Preview Blog post etc. soon
drafts.csswg.org
CSS Shapes Module Level 2
4456
Simon Fraser @smfr.bsky.social · 06/12/2024
NOAA needs to get some usability experts to review their statement format.
020
Simon Fraser @smfr.bsky.social · 06/12/2024
I see this is discussed in ingallswx.com/2024/12/05/t...
ingallswx.com
Thursday’s tsunami warning highlights confusion that comes with some NWS alerts
At 10:44 Pacific Time Thursday, a magnitude 7.0 earthquake struck off the coast of Northern California near Eureka. The strength of this earthquake prompted the National Tsunami Warning Center to i…
020
Simon Fraser @smfr.bsky.social · 05/12/2024
The NOAA statements are also very easy to misinterpret. For example if you had a link to the statement from NOAA HONOLULU HI, it was very easy to read the "THE TSUNAMI THREAT FROM THIS EARTHQUAKE HAS NOW PASSED" text and assume the threat has gone everywhere.
340
Simon Fraser @smfr.bsky.social · 03/12/2024
`overflow:clip` and `clip-path` different. `overflow:clip` is more similar to `overflow:hidden` but never allows scrolling, and doesn’t create a stacking context; `clip-path` does.
100
Simon Fraser @smfr.bsky.social · 02/12/2024
Did you consider clip-path instead of mask? It’s more efficient to render.
100
Simon Fraser @smfr.bsky.social · 01/12/2024
We’ve made some efforts recently to make the build faster. Shame we don’t see a decrease in the last week or so.
110
Simon Fraser @smfr.bsky.social · 21/11/2024
z-index is never unbeatable; it’s contained within its enclosing stacking context, so some other stacking context can get on top.
100
Simon Fraser @smfr.bsky.social · 20/11/2024
It was fun to implement "background-clip: border-area" in WebKit. I hope you do cool things with it! webkit.org/blog/16214/b...
webkit.org
Make creative borders with background-clip border-area
How’d you like to use CSS to easily create a border from an image or gradient?
0145
Simon Fraser @smfr.bsky.social · 16/11/2024
Did you go to see the Western Flyer, which is moored near Woodward Marine Market?
000
Simon Fraser @smfr.bsky.social · 14/11/2024
I chose the "suggestive" label.
000
Simon Fraser @smfr.bsky.social · 11/11/2024
Behold this fungal monstrosity that showed up in our back yard.
A photograph from ground level of an ugly fungal growth that looks vaguely phallic
150