@mattcompiles
Account based inAustralia
About this account
- Account based in
- Australia
- Connected via
- Australia Android App
Account-level information from X, not a live location or the device used for a specific post.
Creator and maintainer of ๐ง Vanilla Extract. Working on ๐ฆ Parcel at Atlassian.
Melbourne, Victoria
Joined August 2013
- Tweets702
- Following378
- Followers1.2K
- Likes2.2K
Pinned Tweet
Introducing vanilla-extract, our CSS variables based successor to treat
github.com/seek-oss/vanilla-โฆ
๐ง๐จ๐ฆ Matt Jones retweeted
๐ 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
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.
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.
๐ 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. ๐ฅ
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/
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/diโฆ
๐ง๐จ๐ฆ Matt Jones retweeted
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.
ALT Screenshot of seek.com.au before the update
ALT Screenshot of seek.com.au after the update
๐ง๐จ๐ฆ Matt Jones retweeted
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/puโฆ
๐ง๐จ๐ฆ Matt Jones retweeted
๐ง๐จ๐ 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-extract-cโฆ
๐ง๐จ๐ฆ Matt Jones retweeted
It's official, we're in ๐ฒ
github.com/vercel/next.js/puโฆ
๐ง Vanilla Extract + Cascade layers are a perfect match.
CSS ordering issues just became a lot easier to manage!
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/documeโฆ
Global layers: vanilla-extract.style/documeโฆ
๐ง๐จ๐ฆ Matt Jones retweeted
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.
๐ง๐จ๐ฆ Matt Jones retweeted
Nice thread about how Vanilla Extract can integrate with runtime CSS-in-JS libraries. Makes for a great migration story.
๐ง๐จ๐ฆ Matt Jones retweeted
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
๐ง๐จ๐ฆ Matt Jones retweeted
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-extract-cโฆ
๐ง๐จ๐ฆ Matt Jones retweeted
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โฆ
๐ง๐จ๐ฆ Matt Jones retweeted
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
๐ง๐จ๐ฆ Matt Jones retweeted
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.
๐ง๐จ๐ฆ Matt Jones retweeted
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! ๐
๐ง๐จ๐ฆ Matt Jones retweeted
๐ฃ๐ 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)
๐งต