Sign in

Leopold Kristjansson

@leopold.is
262 followers 944 following 112 posts

Web Developer, especially interested in UI & Front-End, JS, TS, CSS, Nuxt, Vue. Berlin | Reykjavík Hobbyist photographer and Music fan. www.leopold.is

PostsRepliesMedia
Leopold Kristjansson @leopold.is · 26/09/2026
Just published this, but mostly testing out this @standard.site thing. It looks like it's hooked up... www.leopold.is/blog/a-custo... #nuxt #buildingwebsites
leopold.is
How to set up a custom sitemap.xml for your Nuxt website
Although Nuxt does have the off-the-shelf Nuxt Sitemap module to create sitemap.xml files, I often tend to custom build it to get the flexibility I need and to reduce dependencies. All you need is a single server/routes/sitemap.xml.ts endpoint.
020
Reposted by Leopold Kristjansson
Pooya Parsa @pi0.io · 26/09/2026
PSA: H3 Stable and Nitro RC are imminent. Closing the last-minute gaps. Sorry for all the delays, but every single one was worth it. Nitro is becoming a MINIMAL, FAST, UNOPINIONATED/AGNOSTIC Swiss Army knife for building any web app. Your agents are gonna LOVE it.
6813
Reposted by Leopold Kristjansson
Kevin Powell @kevinpowell.co · 25/09/2026
CSS keeps getting better and better, but the problem with hearing about amazing new features is that we're stuck not being able to use them for a few years because of browser support. So, this week I looked at a bunch of well-supported CSS features that I still see people turn to JS for.
youtu.be
Use these CSS features instead of JavaScript
YouTube video by Kevin Powell
5595
Reposted by Leopold Kristjansson
Anthony Fu @antfu.me · 25/09/2026
And it just works™ on Nuxt! 💚 I am so happy to finally see that Nuxt/Vue/Vite DevTools are now fully orthogonal while united! So we no longer need to rebundle Vue/Vite-specific features into Nuxt DevTools, and users can get the full experience of each level's integrations.
1888
Reposted by Leopold Kristjansson
Firefox for Web Developers @webdevs.firefox.com · 03/09/2026
CSS attr() now works on all properties in Firefox 155. Here's how it works, and how to get the most out of it:
1016725
Reposted by Leopold Kristjansson
Sara Soueidan @sarasoueidan.com · 02/09/2026
I've issued more certificates of completion for the Practical Accessibility course these past 4 days than I have the entire summer Many of my students have spent the summer learning and are now finishing the course and I am loving the messages I'm receiving with the requests for the certificates 🥹🩷
2271
Reposted by Leopold Kristjansson
Dominik 🔮 @tkdodo.eu · 02/09/2026
No I meant @npmx.dev, don't patronize me
google search for npmx

Did you mean: npm
51094
Leopold Kristjansson @leopold.is · 02/09/2026
Good read by @karltryggvason.bsky.social dev.karltryggvason.com/the-etto-pri...
dev.karltryggvason.com
The ETTO Principle - Efficiency-Thoroughness Trade-Off - in the age of AI
The ETTO principle refers to the fact that people (and organisations) as part of their activities frequently – or always – have to make a trade-off between the resources (primarily time and effort) th...
010
Reposted by Leopold Kristjansson
dax @thdxr.com · 15/08/2026
unreliable coworkers
Image from X
1161
Leopold Kristjansson @leopold.is · 12/08/2026
Some spots in Berlin where packed with people viewing the solar eclipse today. Others viewed from their hot air balloons 🎈 #berlin #solareclipse #photography
010
Reposted by Leopold Kristjansson
Sébastien Chopin @atinux.com · 03/08/2026
And still growing 💚
Nuxt monthly downloads on npm since its creation (Oct 2016)
1497
Reposted by Leopold Kristjansson
Michael Hoffmann @mokkapps.de · 04/08/2026
📦 Vue/Nuxt Ecosystem Releases last week: Vue Language Tools v3.3.9 adds checks for unused generic type parameters. VueUse v14.4.0 enhances Nuxt features, while Nuxt Image v2.1.0 upgrades image processing. 👉 vuedigest.com/github-releases
042
Reposted by Leopold Kristjansson
Nuxt @nuxt.com · 05/08/2026
Our first Nuxtathon is a wrap! ✨ On July 18-19, 34 people showed up, helping close 246 issues + merge 69 PRs in one weekend. Congratulations to @orbisk.bsky.social, @flo-heuberger.bsky.social and @norbiros.dev + thank you to everyone who participated 💚 There will definitely be a next time 👀
a image showing:

A photo of a smiling person with short brown hair, next to:
Most helpful member of the community
Robin
@orbisk.bsky.social

A photo of a smiling person with ginger hair and glasses, next to:
Most issues closed
Florian Heuberger
@Flo0806

An avatar of a person next to:
'The Necromancer' (oldest issue closed)
Norbiros
@norbiros_dev
3385
Reposted by Leopold Kristjansson
Kuba Suder 🇵🇱🇺🇦 @mackuba.eu · 09/07/2026
Wait… you can set vertical-align to e.g. "2px" to move a thing 2px up? Why didn't anyone tell me?… I always did it with position:relative and e.g. top:-2px 😅 developer.mozilla.org/en-US/docs/W...
.fa-sm {
font-size: .875em;
line-height: .07143em;
vertical-align: .05357em;
}
1101
Leopold Kristjansson @leopold.is · 28/06/2026
Updated my blog post on ways to create a "ruled CSS Grid" to include more methods and the new CSS Gap decorations syntax. Also includes some fun interactive examples. www.leopold.is/blog/ruled-c... #css #webdev
leopold.is
Creating a ruled CSS Grid using borders and outlines
Create ruled CSS Grid lines using borders and outlines, with comparisons to CSS Gap decorations and the background-color method.
120
Reposted by Leopold Kristjansson
Vite @vite.dev · 08/04/2026
⚡ Vite 8 support!
1484
Leopold Kristjansson @leopold.is · 16/03/2026
nitro.build/blog/v3-beta
nitro.build
Nitro v3 Beta is here! - Nitro
Nitro v3 is now available as a public beta — a ground-up evolution of the server framework, built around web standards, Rolldown, Vite v8, and the same deploy-anywhere promise.
010
Reposted by Leopold Kristjansson
Weekly Vue News @weekly-vue.news · 02/03/2026
📢 Issue 239 is Out! I published a new issue of my weekly Vue & Nuxt newsletter. 🔗 Check it out: weekly-vue.news/issues/v2/203
001
Reposted by Leopold Kristjansson
Nuxt @nuxt.com · 26/02/2026
We now run evals to help you know what AI models perform best to write Nuxt code. nuxt.com/evals
8709
Leopold Kristjansson @leopold.is · 19/02/2026
What is a good general PDF viewer to embed on websites? What I want is a consistent view across browsers. I keep finding this one. Any alternatives? github.com/mozilla/pdf.js
github.com
121
Reposted by Leopold Kristjansson
Simon Le Marchant @marchantweb.com · 10/02/2026
Introducing Public Beta for Shaders ✨ The wait is over 🎉 Try it now for @vuejs.org , @react.dev , @svelte.dev & @solidjs.com
810918
Reposted by Leopold Kristjansson
Pooya Parsa @pi0.io · 06/02/2026
Spent half a day on this side-quest, was totally worth it! Now back to the "good" release!
1322
Leopold Kristjansson @leopold.is · 30/01/2026
nuxt.com/blog/v4-3
nuxt.com
Nuxt 4.3 · Nuxt Blog
Nuxt 4.3 is out – route rule layouts, ISR payload extraction, draggable error overlay, and more!
030
Reposted by Leopold Kristjansson
danielroe @danielroe.dev · 07/01/2026
I'm delighted to announce the first alpha of `@nuxt/a11y` 🎉 ⚪ new core nuxt module ⚪ integrated in nuxt devtools thanks to @timdamen.io for his incredible work on this ❤️ you can test it today – we'd love feedback, ideas, issues + PRs 🙏
69720
Reposted by Leopold Kristjansson
Sébastien Chopin @atinux.com · 08/01/2026
Now aware of installed Nuxt modules.
0131
Reposted by Leopold Kristjansson
Jen Simmons @jensimmons.bsky.social · 19/12/2025
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays! webkit.org/blog/17660/i...
webkit.org
Introducing CSS Grid Lanes
It’s here!
1128071
Reposted by Leopold Kristjansson
Dave Rupert @davatron5000.bsky.social · 19/12/2025
html, body { height: stretch } body { display: grid; grid-template-rows: auto 1fr; } Ymmv.
4391
Leopold Kristjansson @leopold.is · 05/12/2025
👀
010
Reposted by Leopold Kristjansson
Alois Seckar @alois-seckar.cz · 15/11/2025
I finally dared to start publishing my articles about getting into @nuxt.com. I wrote the first drafts like 2 years ago, but my imposter syndrome held me back. I still don't think I am the best teacher, but let's spit it out and it will turn out somehow. Intro + 3 parts already out, more to come.
dev.to
Nuxt Tutorial - Introduction
Let me introduce you to Nuxt, a tool that makes web development simple. You need very little to have...
031
Reposted by Leopold Kristjansson
Nuxt @nuxt.com · 13/11/2025
Introducing Nuxt MCP 🤖 Discover how we built it and learn how to use it. nuxt.com/blog/buildi...
nuxt.com
Building an MCP Server for Nuxt · Nuxt Blog
How we built the Nuxt MCP server to enable AI assistants to access our documentation through structured data and composable tools.
5369
Leopold Kristjansson @leopold.is · 06/11/2025
@e18e.dev at the NodeJS meetup in Berlin tonight (Contentful offices). Fantastic initiative!
People at a meetup inBerlin
271
Reposted by Leopold Kristjansson
Nuxt @nuxt.com · 05/11/2025
📸 we've just released Nuxt Image v2! ✨ 💪 full TS support with typed providers + modifiers ⚡ IPX v3 ⚗️ server-side image utilities 🎨 template ref access 🌐 new Shopify & GitHub providers happy optimizing ❤️ 👉 read more at nuxt.com/blog/nuxt-i...
06910
Reposted by Leopold Kristjansson
danielroe @danielroe.dev · 05/11/2025
it's been a while but I'm really pleased that we have a v2 out at last! let me know if you encounter any rough edges 🙏
1441
Reposted by Leopold Kristjansson
Atila @atila.io · 10/10/2025
@pi0.io on stage at @viteconf.org 🔥 NITRO V3!!!!
1111
Reposted by Leopold Kristjansson
Alexander Lichter @thealexlichter.com · 10/10/2025
Heck yeah! The @nitro.build v3 beta is out now. And Nitro is now just a @vite.dev plugin 👀 Kudos to all contributors, @unjs.io, and @pi0.io 🙌🏻
Slide showing the nitro docks and „ship full stack Vite apps“
3929
Reposted by Leopold Kristjansson
Sarah Drasner @sarahedo.bsky.social · 06/10/2025
💥 did a small drawing explaining the JS execution model including the event loop. I hope it’s helpful to folks. Debugging is always easier when the underlying implementations are understood.
Drawing explaining the JS execution model and event loop
1436462
Reposted by Leopold Kristjansson
Kevin Powell @kevinpowell.co · 25/09/2025
Did you know you can give a single border a different border-radius on each axis? I take a quick look at that in this week's Tip of the Week: html-css-tip-of-the-week.netlify.app/tip/mutliple...
8467
Reposted by Leopold Kristjansson
Lars @webpro.nl · 21/09/2025
gm bluesky how is it that @e18e.dev still only has 2.3K followers come on, y'all nerds value performance a whole lot more than that
2388
Leopold Kristjansson @leopold.is · 14/09/2025
Just upgraded a project from Nuxt 3 to Nuxt 4. Knock on wood, but that was incredibly smooth...
030
Reposted by Leopold Kristjansson
Hugo @hugorcd.com · 04/09/2025
For those who have already tried the new Nuxt UI v4 Figma Kit... what are your first impressions? Any bugs, suggestions, or feedback you have is super valuable to help us improve it. Don't hesitate to share your thoughts! 👇
131
Reposted by Leopold Kristjansson
Alvaro Sabu @alvarosabu.bsky.social · 27/08/2025
I hope the community gets to appreciate all the love and effort we are putting into the new major version of @tresjs.org It is the best one we have done so far. 🥹
031
Reposted by Leopold Kristjansson
Addy Osmani @addyosmani.bsky.social · 22/08/2025
New in Chrome DevTools: Instantly check CSS feature compatibility with Baseline! Chrome DevTools now displays the Baseline status for CSS properties right in the Elements panel - Baseline gives you clear info about which web features are ready to use today.
baseline status now inline on hover for css properties
312638
Reposted by Leopold Kristjansson
Alvaro Sabu @alvarosabu.bsky.social · 21/08/2025
✨ TresJS v5.0.0-alpha.0 is out! 🪐 - WebGPU support (experimental) ⚡ - Re-imagined composables 🔄 - ESM-only architecture 📦 - Enhanced event system 🎯 ...and tons more — check it out: github.com/Tresjs/tres/...
292
Leopold Kristjansson @leopold.is · 17/07/2025
www.netlify.com/changelog/nu...
netlify.com
Nuxt 4 support + new @netlify/nuxt module for local dev | Netlify Changelog
Get the latest updates on Netlify products and features to meet your developer needs.
010
Reposted by Leopold Kristjansson
danielroe @danielroe.dev · 15/07/2025
it's been a wild ride - thank you everyone involved in this release ❤️ (released on holiday - I'll release some footage tomorrow) now I think I'll sleep and pretend there are no bugs
141035
Reposted by Leopold Kristjansson
Lea Verou, PhD @lea.verou.me · 08/07/2025
🔥 I have news! After a 1y hiatus, I’m once again leading this year’s #StateOfHTML survey, thanks to generous funding by Google. ❤️ 🙋🏽‍♀️ Is there is an HTML feature or Web API you're dying to see progress on? Suggest it and it could be included! [1/2] lea.verou.me/blog/2025/de...
lea.verou.me
Influence the State of HTML 2025 Survey! • Lea Verou
129024
Leopold Kristjansson @leopold.is · 25/06/2025
There are all these really nice internet radio stations out there. cashmereradio.com
cashmereradio.com
Cashmere Radio - Experimental radio station, Berlin
Cashmere Radio is a community experimental radio station based in Lichtenberg, Berlin - broadcasting underground music, talk shows and live performative arts.
020
Reposted by Leopold Kristjansson
Pooya Parsa @pi0.io · 12/06/2025
⚡ It is happening!! ⚡ Tests passing for Nitro. There are still a couple of to-do items to resolve before the upgrade is fully usable with a proper migration guide, so stay tuned! Next: nitro/v*** 😁
0422
Reposted by Leopold Kristjansson
VoidZero @voidzero.dev · 10/06/2025
We're thrilled to announce the first stable release of Oxlint - version 1.0! Our Rust-powered JavaScript/TypeScript linter delivers 50~100x faster performance than ESLint with 500+ rules and zero configuration required. Time to give it a try! voidzero.dev/posts/announ...
voidzero.dev
Announcing Oxlint 1.0
The first stable version of Oxlint, a fast & easy-to-use Rust-powered linter for JavaScript and TypeScript, is out. Learn about its 50~100x speed advantage over ESLint, support for 500+ rules, real-wo...
1030161
Reposted by Leopold Kristjansson
Jeppe Reinhold 🇩🇰 @reinhold.is · 04/06/2025
I had an absolute blast on the @syntax.fm podcast with @tolin.ski and @wesbos.com, talking about how @storybook.js.org has evolved, what you can expect from Storybook 9, and what we're thinking about Component Testing!! Thanks for having me! ❤️
syntax.fm
Storybook Has Evolved w/ Jeppe Reinhold - Syntax #908
6555