Sabitlenmiş Tweet
Introducing vanilla-extract, our CSS variables based successor to treat
github.com/seek-oss/vanil…
English
🧁🍨📦 Matt Jones
702 posts
🧁🍨📦 Matt Jones
@mattcompiles
Creator and maintainer of 🧁 Vanilla Extract. Working on 📦 Parcel at Atlassian.
Melbourne, Victoria Katılım Ağustos 2013
379 Takip Edilen1.2K Takipçiler
🧁🍨📦 Matt Jones retweetledi
🎉 12 days to go! Join us at MelbJS on Wed June 12.
Parcel and the Limitations of Building Tooling in JS
@mattcompiles
Web Fonts, Without the Jank
@michaeltaranto
REPL Gives You Wings
@jamesdiacono
Register now 👉 melbjs.com
English
If you're interested in this space feel free to reach out. We're hiring!
English
Jira jokes aside, I'm super proud to have been part of this project. Most of the JS community is sleeping on Parcel but it's an amazing project and we've got big plans for the future.
Marcin Szczepanski@MarcinS
My team shipped the most difficult (and longest) project of my career in the last few weeks. We migrated the frontend bundler for Jira (5M+ src lines) from Webpack to @parceljs, and customers (mostly) didn’t notice.
English
🎉 Excited about the first Parcel release I really contributed to.
Don't sleep on Parcel. We've got big plans and it's not going anywhere. 🔥
Devon Govett@devongovett
Parcel v2.9.0 is out. Huge release! 🥳 ⭐️ New resolver with package.json "exports" and tsconfig "paths" ⭐️ SWC minifier ⭐️ Native ESM plugins and configs ⭐️ Local plugins ⭐️ Incremental symbol propagation ⭐️ Build perf tracing ⭐️ Better browser caching parceljs.org/blog/v2-9-0/
English
Just reached out to @nextjs for help on making the 🧁Vanilla Extract next-plugin more consistent. It would be great if anyone involved with Next could help out 🤞
github.com/vercel/next.js…
English
🧁🍨📦 Matt Jones retweetledi
Today we launched a refreshed homepage for SEEK. It's part of a new baseline uplift to the experience, driven mostly by a new theme in Braid.
Same system, same product but evolved usage with brand new space scale, radii, typography, even a web font.
Ask me anything.
English
🧁🍨📦 Matt Jones retweetledi
🧁🍨📦 Matt Jones retweetledi
Vanilla Extract support is finally coming to Next.js’ app dir. Thanks to @graycoding, @Sutt_J and @shuding for making this happen 🎉 github.com/vercel/next.js…
English
🧁🍨📦 Matt Jones retweetledi
🧁🍨🚀 Sprinkles for Vanilla Extract just shipped v1.6 with support for cascade layers. You can now assign your utility classes to a layer, either scoped or global via Vanilla Extract’s new `layer` and `globalLayer` APIs.
github.com/vanilla-extrac…
English
🧁🍨📦 Matt Jones retweetledi
It's official, we're in 😲
github.com/vercel/next.js…
English
🧁 Vanilla Extract + Cascade layers are a perfect match.
CSS ordering issues just became a lot easier to manage!
Mark Dalgleish@markdalgleish
Vanilla Extract just shipped support for cascade layers with support for both locally and globally scoped layers. This is a game changer for design systems. Massive shout out to @mrm008 for this one. Scoped layers: vanilla-extract.style/documentation/… Global layers: vanilla-extract.style/documentation/…
English
🧁🍨📦 Matt Jones retweetledi
And the second function that allows you to drop-and-spread it into a CSS-in-JS solution with full type-safe props. In this case for example, I'm using @markdalgleish Vanilla Extract.
English
🧁🍨📦 Matt Jones retweetledi
Nice thread about how Vanilla Extract can integrate with runtime CSS-in-JS libraries. Makes for a great migration story.
Matt Vagni@mattvagni
Real life CSS refactoring story: We decided to migrate from styled-components to vanilla extract a while ago. Since this would take a while we wanted a way to share a theme while switching over.
English
🧁🍨📦 Matt Jones retweetledi
Here's a video update for TRIPLEX talking through new features:
✨ Initializing a repo (new & existing)
📜 Menu bar
📦 Scene panel
🎯 Context panel
Sound pretty cool? Check out the video and read the next few tweets below 👇
#threejs #r3f #webgamedev #react
English
@paynecodes @dan_abramov @sebmarkbage Not saying you're wrong. But I'm curious as to what you're finding difficult?
English
@dan_abramov @sebmarkbage Which static CSS-in-JS extraction libraries fit best in your opinion? vanilla-extract has quite a few sharp edges, so I'm curious to explore other options.
English
🧁🍨📦 Matt Jones retweetledi
One of Vanilla Extract’s most powerful features is currently undocumented. Just opened a PR to finally add some docs for it. Super excited to get more eyes on it and unlock another wave of community tooling. github.com/vanilla-extrac…
English
🧁🍨📦 Matt Jones retweetledi
After trying utility-first css libs it’s clear to me that vanilla-extract succeeds where the utility classes approach cannot. I’m not going to talk tech Twitter down from one tech or the other. I dont think that’s an interesting pursuit. What I’ll say is that if your goal is to…
Mark Dalgleish@markdalgleish
Wow, Vanilla Extract’s downloads have really popped off recently 😮📈
English
🧁🍨📦 Matt Jones retweetledi
Revived this! Probably took a few years off my life to make it work - stay tuned for a blog post on that!
Here's a video with the latest progress, sound on! 🔊
#threejs #r3f #webgamedev #react
English
🧁🍨📦 Matt Jones retweetledi
ICYMI, if you're using a webfont then it's likely your page layout and content is jumping around when the font loads.
Capsize now let's you have the webfont without the UX trade off.
🛶🧁🍨 𝐌𝐢𝐜𝐡𝐚𝐞𝐥 𝐓𝐚𝐫𝐚𝐧𝐭𝐨@michaeltaranto
📣🚀 Capsize release alert! Minimise webfont-induced layout shift, generating metrics-based font family fallbacks by leveraging the modern CSS `size-adjust` descriptor. (Video demonstrates layout shift between Arial and custom font. Left is before Capsize, right is after) 🧵
English
🧁🍨📦 Matt Jones retweetledi
Super happy to share that this uplift to the Capsize ecosystem is the result of an open source collaboration with Google, Nuxt & Next ❤️
Massive shout out to @karaforthewin, @janicklas, @katiehempenius and @danielcroe for collaborating on this! 🙌
English