🔠#15: Optimize Spacing with Tailwind CSS, Nuxt Stream with Daniel Roe, Contract Testing Stream
Full speed ahead into the new year! With streams about Nuxt and testing, and a new article about Tailwind CSS.
Hey,
I hope you all had a great start to the new year, 2023! At the end of last year, I wrote a new article about optimizing spacing between text blocks with Tailwind CSS.
Furthermore, last week I started streaming again doing a stream on Contract Testing. And today, I'll begin my stream at 3 pm CET exploring Nuxt Server Components (check out my YouTube channel if you’ve missed it).
I'm happy to announce that on Monday 16th, I'll do a live pair programming stream together with Nuxt core team member Daniel Roe.
Streaming with Nuxt core team member Daniel Roe
On Monday, January 16th, at 3 pm CET, Nuxt core team member Daniel Roe and I will join forces on Twitch, and he will help me with an idea I have for a Nuxt plugin that makes data loading with nested routes more efficient.
Recently I was experimenting with building a Nuxt plugin that offers Remix and SvelteKit style data loading for nested routes to avoid waterfall loading without loading spinners. But I hit some roadblocks, and Daniel agreed to help me out.
Follow Daniel and me on Twitch if you want to ensure you don't miss this and any future streams and get the chance to ask questions in the chat!
Contract Testing stream
While we're on the topic of streaming, I did a stream working on a concept for Contract Testing applications in a Micro Services architecture a few days ago. You can watch the recording on YouTube!
If you're interested in how to test Vue applications effectively, you can check out my other newsletter/book.
How to fix spacing between text blocks when using Tailwind CSS
After not writing an article for my blog for a long time, I finally took the time to write about a problem I recently had to solve for one of my projects: using Capsize with Tailwind CSS.
Capsize is a great little helper for improving how the spacing between text blocks and other elements behaves. Instead of the line height screwing with the visual space between text blocks and other elements, Capsize makes it possible to adjust the spacing to the visual dimensions of text blocks.
Upcoming conferences
I applied for a couple of conferences this year, and I'm thrilled they selected my talk for Vue.js Amsterdam and the WeAreDevelpers Vue.js Day.
You can join the virtual WeAreDevelopers Vue.js Day for free! I highly recommend you sign up.
And there are also still some tickets left for Vue.js Amsterdam. It will be a fantastic event and an excellent opportunity to meet me, a bunch of Vue.js, Nuxt core members, and a ton of other awesome Vue people!
Sponsors
Storyblok is a headless CMS with a Visual Editor. Creating websites with Storyblok is a smooth experience for both developers and content editors!
Vue Jobs
Last but not least, I'm partnering with Vue Jobs as a sponsor for my blog. So if you're looking for a new job, check out their site!