Vannsl

🇬🇧 English version coming soon!

🇩🇪 Ich habe einen neuen Blogartikel geschrieben: "Zwischen Wickeln und Entwickeln": https://blog.vannsl.io/blog/zwischen-wickeln-und-entwicklen/

Darin erzähle ich, wie ich den Alltag zwischen Windeln wechseln und Code schreiben meistere – und warum ich mich für Eleventy als Blog-Framework entschieden habe.

Ich teile meine Gedanken zur Tool-Auswahl, warum ich keine Tabellen mit Pros und Cons erstellt habe und wie sehr man als frischgebackene Mama den Pragmatismus zu lieben lernt.

Erwähnt werden unter anderem @matthiasott@mastodon.social, @cryptobiont@chaos.social, @stefan@front-end.social, @codingdad@ruhr.social und vom @workingdraft@podcasts.social Team @Schepp@mastodon.social, @sir_pepe@mastodon.social, @deadparrot@mastodon.social und @hcr@mastodon.social.

Viel Spaß beim Lesen! 😊 🚼 💻

@Schepp@mastodon.social, my dear
@workingdraft@podcasts.social co-host, has written a great article on how to find invisible texts on websites.

If you work in web development, UX, or accessibility, this is a must-read!

🔗 Read the article: https://schepp.dev/posts/rethinking-find-in-page-accessibility-making-hidden-text-work-for-everyone/

Between diapers 👶 baby books and frontend frameworks 💻

In the past, I kept failing to set up my own blog because I couldn't decide on a frontend framework. I wanted to try out multiple options, evaluate the pros and cons, and then make the "right" choice. VitePress, #solidjs, #astrojs, #nuxt Content, #Qwik —I wanted to experiment with them all.

With a 2-month-old baby, my requirements have completely changed: it needs to be quick and easy, using methods I already know or that are entirely self-explanatory. I want to focus on writing the blog articles, not implementing the website

Now, I’ve started a project with 11ty (https://www.11ty.dev/). Was it a good decision? What do you think? 😊

What should a modern rich text editor really do?

JSON output, custom blocks, Notion-style UX, and full control for devs.
I wrote about how I evaluated dozens of editors and ended up building on @tiptap_editor@t.l3r.me:

🔗 https://blog.vannsl.io/blog/designing-the-next-gen-richt-text-editor/
Free, open, and built for AI ✨

Another Monday, another article: "The Surprisingly Weird World of Favicons"

→ https://blog.vannsl.io/blog/the-surprisingly-weird-world-of-favicons/

What seems like a simple browser icon turns out to be a surprisingly complex topic - with quirks, outdated formats, and platform-specific behavior that developers still wrestle with today.

🖼️ Tired of reading "Serve images in next-gen formats" in Google Lighthouse? I published a new blog post on how to use modern image formats like WebP and AVIF with JPG/PNG fallbacks in HTML and CSS.

📉 It also covers how to convert images with tools like ffmpeg and Sharp. The goal is better performance, smaller file sizes, and a smoother user experience - because this is possible now.

📖 You can read the article here: https://blog.vannsl.io/blog/modern-image-formats-on-the-web/

❓Would be great to hear your thoughts or experiences with these formats.

It took 3 days while being a fulltime mum to set up a blog with 11ty, move articles from dev.to to the project and deploy it!

👩‍💻 https://blog.vannsl.io 👩‍💻

Next step: Create new content. 🤩
and some social media preview images ;)

Just took the #StateOfCSS 2025 survey and was asked to share it with more women in tech.

If you’re a woman or identify as one and work with CSS, please take part!

👉 https://survey.devographics.com/survey/state-of-css/2025?source=referral_5n0w

I recently wrote about my experience building a tech blog during parental leave: 👩‍💻👶 Between Diapers and Development – How My Blog Came to Life with Eleventy. 🍼👩‍🍼

The post covers some of the decisions I had to make, like:

- Decision-making: Choosing the right framework while balancing learning curve and time constraints.
- Domain & Hosting: Leveraging existing resources for a quick setup.
- Tool Selection: Why Eleventy turned out to be the perfect lightweight and flexible static site generator.

https://blog.vannsl.io/blog/between-dialpers-and-development/between-diapers-and-development/