s-div
23.07.2025 00:58 โ ๐ 4 ๐ 0 ๐ฌ 1 ๐ 0
Fixing Container Queries in WebKit
How I discovered and fixed WebKit's broken container query implementation across the shadow DOM.
Wrote a post about container queries in web components, and how that led me to contributing to WebKit for the first time
frehner.me/blog/fixing-...
18.07.2025 13:53 โ ๐ 21 ๐ 5 ๐ฌ 1 ๐ 0
So good. Love the nameโs lighting up when inside/outside.
07.07.2025 22:57 โ ๐ 1 ๐ 0 ๐ฌ 0 ๐ 0
I was instantly interested in the rotate(0) fix thanks for explaining that. What the heck lol
19.06.2025 03:06 โ ๐ 2 ๐ 0 ๐ฌ 0 ๐ 0
Animating zooming using CSS: transform order is importantโฆ sometimes
How to get the right transform animation.
CSS uses a complex algorithm to decide how to animate transforms. If you get it wrong, as many folks do, you end up with an unnatural animation.
Here's how it works, and how to avoid the pitfalls.
jakearchibald.com/2025/animati...
17.06.2025 11:20 โ ๐ 228 ๐ 50 ๐ฌ 13 ๐ 2
Iโll make sure the dumplings and beers live on โ๏ธ
19.06.2025 00:43 โ ๐ 0 ๐ 0 ๐ฌ 1 ๐ 0
Be careful itโs extremely fun ๐
11.06.2025 07:39 โ ๐ 1 ๐ 0 ๐ฌ 1 ๐ 0
Polaris
Learn about Polaris, Shopify's next-gen ui toolkit.
Extremely proud of this work and the team that made this happen.
shopify.dev/beta/next-ge...
22.05.2025 11:32 โ ๐ 1 ๐ 0 ๐ฌ 1 ๐ 0
Headline: "Polarisโunified and for the web"
The work:
- Align components across multiple teams w focus on web
- Extremely light "in-house" framework
- Automatic updates for Apps
- Maintain or exceed UX quality
- Docs, templates, CLI
- AI, MCP
- "Polaris"
So much more to come.
22.05.2025 11:31 โ ๐ 4 ๐ 1 ๐ฌ 1 ๐ 0
Hell yeah it would!
22.05.2025 11:27 โ ๐ 1 ๐ 0 ๐ฌ 0 ๐ 0
Polaris
Learn about Polaris, Shopify's next-gen ui toolkit.
Shopify Polaris is now built on web components. My team and I have been working on this for a while and it's been a lot of fun to "embrace the platform"!
shopify.dev/beta/next-ge...
Lots of things learned, lots of fun edge cases discovered (hello moving web components to iFrames in Firefox)
21.05.2025 14:29 โ ๐ 94 ๐ 17 ๐ฌ 6 ๐ 7
I am building. Will have lots to share and talk about soon ๐
18.02.2025 06:04 โ ๐ 1 ๐ 0 ๐ฌ 0 ๐ 0
Yooooo
17.02.2025 20:08 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0
Been jamming on these interesting iframe and custom element issues this week. Important if you are building a custom element framework.
14.02.2025 21:19 โ ๐ 2 ๐ 0 ๐ฌ 1 ๐ 0
Love this.
01.02.2025 19:35 โ ๐ 1 ๐ 0 ๐ฌ 0 ๐ 0
Does this mean you have โMurdering use only. Not for kitchen.โ
01.02.2025 19:32 โ ๐ 1 ๐ 0 ๐ฌ 1 ๐ 0
I was curious how it works. We have a massive list of font families, weights and styles that affect the text box. How does CSS ensure the text box is calculated correctly?
I did some experiments with canvas which seemed to be able to get very close.
05.12.2024 23:22 โ ๐ 0 ๐ 0 ๐ฌ 1 ๐ 0
Beep
31.10.2024 21:28 โ ๐ 5 ๐ 0 ๐ฌ 0 ๐ 0
๐ง๐ช | he/him | Software Engineer @Shopify | @preactjs.com core maintainer | AI slop fixer | passionate about DX & web perf | opinions are my own
willsonsmith.com
Software developer of all things.
Working on an iOS app and a video game engine built in Swift.
Previously Sr. Creative Technologist at Shopify.
Front-end web dev, user experience.
Senior Engineer working on Polaris at Shopify
Previously: @zeroheight.com, Nord Design System, @ghost.org.
Clients: Google, @buffer.com and @netlify.com.
[he/him]
https://darn.es
https://designsystems.wtf
#DesignSystems, #WebComponents & #Frontend
The only major non-profit backed, people-first browser ๏ธโ๐ฅ
Building https://hypermod.io | Design Systems @atlassian
https://discord.gg/XGqmKNZ8Rk
๐ ๐ฆ๐บ โ๏ธ ๐ฎ โข dad x2 โข @triplex.dev โข @pmnd.rs
Founder at: @piccalil.li and @set.studio
Complete CSS Course: https://complete-css.com
CSS Book: https://every-layout.dev
Newsletter: https://piccalil.li/the-index/
๐ https://bell.bz/links/
๐ https://bell.bz
๐ Cheltenham, UK
you can change this track now
@vite.dev core team โข open source at @stackblitz.com โข https://patak.dev โข https://github.com/patak-dev โข @vitest.dev โข @e18e.dev โข https://elk.zone
Designer + Engineer. I work somewhere now.
coder ยท open sourcer ยท graphics/electronics/music tinkerer ยท dad to 1 human and 2 cats ยท Chief DIY Officer at home ยท Sr. Staff Engineer at Shopify ยท opinions are my own and of my gut bacteria ยท https://ates.dev ยท aka magna
๐ Independent Web Performance Consultant โข Speaker โข Google Developer Expert, Web Performance โข Accepting new clients โข https://harry.is/for-hire
๐ https://zachleat.com
๐ Creator/Maintainer of @11ty.dev
๐งฐ Builder at @fontawesome.com
๐ณ๏ธโโง๏ธ Listen to Trans Folks
๐๐ป He/him/they
๐ https://zachleat.com/@zachleat
๐ out of ๐
โ
Front of the Front-end
โ
Static Sites
๐พ Web Components
โ
Web Perf
#CSS ex-Google Chrome DevRel, CSSWG, co-host The CSS Podcast, host @ GUI Challenges, co-host Bad@CSS Podcast.
Creator of VisBug, open-props.style, gradient.style, transition.style & more
UI, UX, CSS, HTML, JS
https://nerdy.dev
CTO The Working Party, Ex Eng lead of Polaris Design System at Shopify.
Tabs indenter, light mode user.
Likes to wear a suit when itโs inappropriate to wear a suit, organizer of Design System Meetup ๐ฆ๐บ Australia, Code Heart Design conf, he/him
DX at Shopify. Web Platform Advocate.
Craving simplicity, finding it nowhere.
Internetrovert ๐ณ๏ธโ๐ He/him.
