⚓️ Just landed in the Nuxt DevTools! Now we are able to inspect the Open Graph tags on each route, preview it and copy the snippet to improve them directly!
💚 Great thanks to @arash_sheyda again for cooking so many awesome integrations, and Vercel for the nice design reference!
Took some time to refine antfu.me a bit.
Thanks to @pacocoursey’s animation, it looks a lot more vibrant now 😆
🔍 Now in the latest Nuxt DevTools, you are able to inspect the elements, open the corresponding source right inside the embedded VS Code, and edit them with HMR!
FULL FEEDBACK LOOP - make changes without the need to learn project structure - or even leave the browser! 🤯
🕰️ Bringing Zeitreise to Nuxt DevTools, the time travel machine!
🕥 Scroll the time bar, and you can see how old browsers render your app, or how your app looks without flexbox, right in the DevTools!
🛹 Slidev finally got built-in slide transitions in v0.39.0! - something I wanted so much since the beginning!
🎥 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
When seeing the screenshots of my apps, I sometimes find they render differently on others’ devices.
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 🕝
The inline snapshot in Vitest is soo fast that you can even play with it like a REPL 🟥 🟩
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 😍
🌈 Working on some cool stuff for Slidev
On the right it’s the presenter mode, which can work remotely on your phone or iPad 😳, even with pen pressure support! ✍️
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! 🧪🍃
Working on the homepage of Slidev docs 😍
Spoiler of the new piece of Wind CSS playground - interactive selector.
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 😉
VS Code extension for Vite. Fire up your Vite server along with your project, and play it without even leaving your editor. Another way of being faster 🚀