Tessera
Folgen

Vanessa Otto

@vannsl.bsky.social

Staff Frontend Engineer - GitLab, Public speaker, Podcast Co-Host Working Draft, Podcast Host expect(Exception), prev. Head of Frontend - Zavvy by Deel

24 Posts943 Follower58 Folgt
Vanessa Otto@vannsl.bsky.social · last yr.

Building a modern text editor today is wild: JSON, Notion-style UX, AI integration, collab, Markdown, Vue support... the list goes on. I wrote a post on how I approached this: blog.vannsl.io/blog/designi... @tiptap.dev came out on top after comparing CKEditor, Slate, Quill & more. Part 1 of 4 🔧

Designing the Next-Gen Rich Text Editor: Requirements, Challenges, and a Developer-First Approach

Defining what a modern, extensible rich text editor should offer from backend-compatible output to a Notion-like UX and developer-first features.

blog.vannsl.io

Vanessa Otto@vannsl.bsky.social · last yr.

Another Monday, another article: "The Surprisingly Weird World of Favicons" → blog.vannsl.io/blog/the-sur... 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.

The Surprisingly Weird World of Favicons (And How to Survive It)

A practical guide to implementing favicons in 2025, covering modern formats like SVG, the role of web manifests, dark mode support, and cross-browser quirks.

blog.vannsl.io

Working Draft@workingdraft.de · last yr.

Peters Plädoyer im bald erscheinenden nächsten Teil unserer Besprechung zum "State of JS 2024": Lasst uns den Hype um Meta-Frameworks beenden! Kompetenz und kluge Entscheidungen sind hier der wahre Schlüssel, nicht die gewählten Tools.

Working Draft@workingdraft.de · last yr.

In unserer neusten Episode geht es unter anderem um die Herausforderungen des asynchronen Programmierens. Gerade für Entwickler:innen, die nicht mit Promises vertraut sind, ergeben sich hier oft Verständnislücken. Mit den entsprechenden Konsequenzen. 🎧 workingdraft.de/655/

Vanessa Otto@vannsl.bsky.social · last yr.

🖼️ 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 & AVIF with JPG/PNG fallbacks in HTML/CSS. 📉 It also covers how to convert images with tools like ffmpeg and Sharp. 📖 blog.vannsl.io/blog/modern-...

Modern Image Formats on the Web: WebP and AVIF Without the Headache

Learn how to easily implement modern image formats like WebP and AVIF on your website using HTML, CSS, and tools like ffmpeg and Sharp for image conversion.

blog.vannsl.io

Vanessa Otto@vannsl.bsky.social · last yr.

It took 3 days while being a fulltime mum to set up a blog with 11ty, move articles from devto to the project and deploy it! 👩‍💻 blog.vannsl.io 👩‍💻 Next step: Create new content. 🤩

Vanessa Otto@vannsl.bsky.social · last yr.

In the past, I kept failing to set up my blog. I couldn't decide on a framework. I wanted to try out multiple options, evaluate the pros&cons, then make the "right" choice. With a baby, my requirements have changed: it needs to be quick and easy. Focus on writing the articles, not coding.

Vanessa Otto@vannsl.bsky.social · last yr.

In the past, I kept failing to set up my blog. I couldn't decide on a framework. I wanted to try out multiple options, evaluate the pros&cons, then make the "right" choice. With a baby, my requirements have changed: it needs to be quick and easy. Focus on writing the articles, not coding.

Bild
Working Draft@workingdraft.de · last yr.

🎧 Sneak Peek! Am Dienstag erscheint unsere neue Folge – mit einer großartigen Gästin: Sandy Dähnert! Wir haben über Sustainable Web Design gesprochen – also wie das Web nachhaltiger wird. 🌱 Habt ihr euch schon mal damit beschäftigt? Oder setzt ihr sogar schon konkrete Maßnahmen um?

Vanessa Otto@vannsl.bsky.social · last yr.

@schepp.dev, my dear @workingdraft.de 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: schepp.dev/posts/rethin...

Rethinking Find-in-Page Accessibility: Making Hidden Text Work for Everyone

Discover how to enhance accessibility and improve find-in-page search functionality using hidden="until-found" for icon-only buttons and hidden text labels.

schepp.dev

Christian "Schepp" Schaefer @schepp.dev · last yr.

Rethinking Find-in-Page Accessibility: Making Hidden Text Work for Everyone schepp.dev/posts/rethin...

Vanessa Otto@vannsl.bsky.social · 2y ago

🚀 I'll be giving the talk "Unleashing the Power of AI: Write Your Own AI Extension for Tiptap" at frontendnation.com 🗓️ Thursday, 7:35pm CEST. I'll present a demo project, discuss prompt engineering, UX decisions, and token limits.

Frontend Nation | The largest event for frontend developers

Get your free ticket to the largest online gathering of frontend devs in the world. Get the latest from industry experts for Vue.js, React, Angular & many more.

frontendnation.com

Vanessa Otto@vannsl.bsky.social · 2y ago

I had a blast sharing the power of AI-powered actions using Tiptap at the #vuejsamsterdam! Imagine a Rich Text Editor that magically translates, adapts your ton, automates edits. I showed how to implement it, displayed examples of prompt engineering, discussed token limits and prompt injections!

BildBild