I tweet about UX, web design and new CSS/HTML/frontend web stuff.
Joined June 2021
- Tweets 1,719
- Following 73
- Followers 682
- Likes 20,781
123 Photos and videos
Jun 12
Dark mode news: the CSS light-dark() function now works for images and gradients 🥳
Also, Safari 27 fixes some bugs 🎉
olliewilliams.xyz/blog/dark-…
5
68
Jun 10
If you want to learn CSS grid-lanes, both the Safari team and the Microsoft Edge team have put out some great examples:
gridlanes.webkit.org
github.com/MicrosoftEdge/Dem…
3
74
Jun 10
Firefox Nightly has implemented link parameters (behind a flag). This will make working with SVG far easier.
codepen.io/editor/cssgrid/pe…
drafts.csswg.org/css-link-pa…
Chrome also working on it
github.com/w3c/csswg-drafts/…
2
5
159
Jun 8
Happy to see that conversations around standardising a DOM templating API have started up again 🤞 github.com/justinfagnani/dom…
71
Ollie Williams retweeted
Jun 6
2
3
219
Jun 6
"A way to stream content into an element" was raised as a feature request in the HTML repo 10 years ago. It's now a thing.
const response = await fetch('partial.html');
response.textStream()
.pipeTo(div.streamHTML());
1
2
9
631
Jun 4
Chrome 50 also includes the round parameter for the polygon() CSS shape function
chromestatus.com/feature/663…
1
79
Jun 4
Packed release of Google Chrome💫
flex-wrap: balance, responsive iframes, focusgroup attribute, background-clip: border-area, CSS text-fit property, light-dark() now works with images, CSS image() function, pseudo-classes for audio and video elements (e.g :playing, :paused)
1
2
101
Jun 3
Firefox Nightly is the first browser to ship the "text" import attribute
import text from "/file.txt" with { type: "text" };
firefox.com/en-GB/firefox/15…
olliewilliams.xyz/blog/text-…
2
3
568
Jun 3
Chrome 150 (currently beta) now supports the CSS image() function for solid colors
olliewilliams.xyz/blog/image…
2
61
Ollie Williams retweeted
May 27
Declarative Partial Updates and the Dynamic Markup (streaming HTML insertion) APIs have the potential to change web development.
declarative-partial-updates.…
5
10
2,161
May 30
Between flex-wrap: balance, CSS gap decorations and display: grid-lanes I feel like layout on the web is basically complete.
3
124
Implementing `polygon(round)` was a challenging yet incredibly rewarding process. We received tremendous support from the Blink CSS, Paint, Opera and Skia teams.
It’s finally set to debut in Chrome 150!
groups.google.com/a/chromium…
I and @imCGQAQ are currently working on implementing the CSS `polygon() round` keyword in Chrome.
This is one of my favorite CSS features! Thanks to @LeaVerou for bringing it to CSS.
The CodePen link is coming soon.
3
19
115
14,273
May 21
Declarative partial updates mentioned at the Google IO event.
youtu.be/YuMdsHIXatY?t=2059&…
184
May 19
The Web Frameworks Community Group now has participants from the core teams of Alpine, Astro, Ember, Lit, Stencil, FAST, Lustre, Marko, Preact, Qwik, Vite, Ripple, Solid, Stimulus, Svelte, Vue, Nuxt, HTMX and Angular.
discord.gg/94SvQ56aU
1
1
317