🌈 UnoCSS finally got the docs! - unlike the traditional static docs, I'd like to make it as dynamic and interactive as possible.
— Anthony Fu (@antfu7) April 28, 2022
✨ Introducing you the first preview of https://t.co/PMyE5r1DXM! Made by 💚 with @nuxt_js 3 and UnoCSS ofc :) pic.twitter.com/4d7A6yA6Bb
🛰 Quite some polishment made to Vue Starport since the release!
— Anthony Fu (@antfu7) April 13, 2022
Now it no longer deps on Vue Router, meaning you can do components transition even on the same page (statefully!)https://t.co/8ATxrqLpnv pic.twitter.com/Fl0fjewqaE
🚀 Introducing Smart Clicks for VS Code!
— Anthony Fu (@antfu7) March 23, 2022
🖱 Double-click the bracket, and select the content inside them. Or double-click on the HTML tag name and make changes with the end tag! (more to come!)https://t.co/FM6Xj8jDmz pic.twitter.com/Pk45DXLMiy
💡 Another WIP idea
— Anthony Fu (@antfu7) March 19, 2022
🎥 Live coding is hard to be perfect (I'm so good at typo), so why don't we automate it?
⌨️ Take the snapshots for the changes(clicks), and then play it! Saves as plain text so you can edit it afterward and even commit to git
💖 Source available to sponsors pic.twitter.com/M8QVUSBvDB
When seeing the screenshots of my apps, I sometimes find they render differently on others' devices.
— Anthony Fu (@antfu7) March 18, 2022
So I made the experiment Zeitreise to do the time-traveling and see what your apps would look like, without the new features from the browsers 🕝 pic.twitter.com/jP2apYUjSp
The inline snapshot in @vitest_dev is soo fast that you can even play with it like a REPL 🟥🟩
— Anthony Fu (@antfu7) December 26, 2021
Merry Christmas!🎄 pic.twitter.com/C4wQiTYNJA
So pleasant to watch tests running with the dot reporter on @vitest_dev 😆 pic.twitter.com/eceu29o17q
— Anthony Fu (@antfu7) December 24, 2021
Just like how Vite works in the browser, Vitest also knows the graph of your modules, which makes it able to do smart detection and only rerun the related tests. Feels almost like HMR but for tests 😍 pic.twitter.com/hNSFdXKAqU
— Anthony Fu (@antfu7) December 7, 2021
With only one line of config in UnoCSS, you could make the width-based auto griding possible - one thing that I was always had to use inline styles to do back in Windi or Tailwind. pic.twitter.com/qKWti4OELt
— Anthony Fu (@antfu7) November 23, 2021
It's SUPER flexible, for super I mean, SUPER!
— Anthony Fu (@antfu7) October 26, 2021
This official preset that enables a Pure CSS icon solution for any icons is rewritten with only 100 lines of code! 🤯
(I even feel I won't go back to unplugin-icons 😂) pic.twitter.com/HEwPBdZ354
This could be a good way to learn how Vite works and debug your apps and plugins.
— Anthony Fu (@antfu7) September 10, 2021
This plugin lets you see the intermediate states of plugins transform and the changes they applied. Now also with a cool module graph built with vis.js 🕸https://t.co/zzipFY055H pic.twitter.com/34HkHWcZfx
🌈 Working on some cool stuff for @Slidevjs
— Anthony Fu (@antfu7) August 7, 2021
On the right it's the presenter mode, which can work remotely on your phone or iPad 😳, even with pen pressure support! ✍️ pic.twitter.com/5elbLtjfnj
In vite-plugin-components v0.11, we supported component type definition importing from UI libraries, On-demand with HMR! 🦾 (thanks @hannoeru)https://t.co/HNQeyexoZv pic.twitter.com/EFJm32IZXU
— Anthony Fu (@antfu7) June 11, 2021
Working on the homepage of #Slidev docs 😍 pic.twitter.com/1rYtbohCuw
— Anthony Fu (@antfu7) May 1, 2021
Making a Vite-based slides marker using a markdown entry (you can have Vue components inside) for my next talk at @vuedayit.
— Anthony Fu (@antfu7) April 13, 2021
No more code snippet copy-pasting - the syntax highlighting just works. Even got Monaco built-in for live coding! https://t.co/zG7MfJqbpq pic.twitter.com/jnctnx9x1v
I just can't wait to share this with you 🤯
— Anthony Fu (@antfu7) March 30, 2021
Working on this for a couple days, an analyzer tool lets you have a quick overview of all your @windi_css usages, identify "bad practices" in your design system and optimize them out!
Beta will be out soon, stay tuned 😉 pic.twitter.com/4YspQ6NpCn
An experimental of @windi_css running on the client-side and works for any websites with only one line of code, WITHOUT any dev servers! 🧪🍃
— Anthony Fu (@antfu7) March 23, 2021
Great idea from @realalexniebuhr as the extension of our "Design in DevTools"https://t.co/hOSiViER2a pic.twitter.com/uhXp0mqmbK
Limitation? Let's break it!💥
— Anthony Fu (@antfu7) March 17, 2021
Upcoming feature in @windi_css 🍃
"Design in DevTools"!
Whenever you made changes to the classes in DevTools, the CSS updates automatically for you, on-demand as always :)
Idea credit goes to @maximomussini 🙌 pic.twitter.com/DHf2h5wroM
Spoiler of the new piece of our playground - interactive selector.
— Anthony Fu (@antfu7) March 16, 2021
I always find myself trouble picking the directions of rounded corners and looking up for a huge table of all the possible combinations could be inefficient. So yeah :)
rounded-1/2 is new in Windi CSS btw 😉 https://t.co/f841k9BgPF pic.twitter.com/pVIlB2X1nY
🍃 Working on a new doc site for Windi CSS
— Anthony Fu (@antfu7) March 12, 2021
Here is a preview of our inline playground 😎
And, stay tuned :Phttps://t.co/Me2BxfEl3J pic.twitter.com/B3qOhmBosT
VS Code extension for @vite_js. Fire up your Vite server along with your project, and play it without even leaving your editor. Another way of being faster 🚀
— Anthony Fu (@antfu7) March 1, 2021
Wrote this within one night and it's pretty much WIP. Let me know when you think about it! 😆https://t.co/qZZcAD8Z9A pic.twitter.com/XfLfpgzPrh
Here is the comparison (on my Intel Macbook Air)
— Anthony Fu (@antfu7) February 15, 2021
Initial load: 22s -> 1.4s
HMR: 13s -> 0.09s
⚡️🤯 https://t.co/zbljDvyOYz pic.twitter.com/JS65KmzPXl
Working on a cool Vite plugin -
— Anthony Fu (@antfu7) January 12, 2021
🚏 Auto navigate to the page you are working on!
Anyone found it interesting? pic.twitter.com/XGckUPLBbd
PurgeIcons - Use any icons from almost any icon sets, and bundle them on-demand! Inspired by #PurgeCSS and powered by #Iconifyhttps://t.co/41f37WtVNx pic.twitter.com/nHnjzHfcZS
— Anthony Fu (@antfu7) August 10, 2020
Wait, is this actually working?? #vue in #react 😳 pic.twitter.com/hKMYwLRw88
— Anthony Fu (@antfu7) July 18, 2020
A new way to do i18n & i10n! In-app and Devtools two-way translation editing (WIP) with reviewing and machine translation.
— Anthony Fu (@antfu7) May 17, 2020
Let me know what do you think about it!#i18n_ally #i18n_ally_in_browser pic.twitter.com/6gxi4Yeg8S
I made the PoC work! Translate your app right in your browser! #i18n_ally_in_browser #i18n_ally pic.twitter.com/lUipmiJsxZ
— Anthony Fu (@antfu7) May 1, 2020