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...
Leopold Kristjansson
@leopold.is
Web Developer, especially interested in UI & Front-End, JS, TS, CSS, Nuxt, Vue. Berlin | Reykjavík Hobbyist photographer and Music fan. https://www.leopold.is/
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
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.
leopold.is
📢 Issue 239 is Out! I published a new issue of my weekly Vue & Nuxt newsletter. 🔗 Check it out: https://weekly-vue.news/issues/v2/203
We now run evals to help you know what AI models perform best to write Nuxt code. nuxt.com/evals
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
Introducing Public Beta for Shaders ✨ The wait is over 🎉 Try it now for @vuejs.org , @react.dev , @svelte.dev & @solidjs.com
Spent half a day on this side-quest, was totally worth it! Now back to the "good" release!
Pooya Parsa@pi0.io · 6mo ago🥗 unjs/c12 v4 (beta) -📦 Install size: 3.44 MB → 380 kB (deps: 20 → 7) - ⚡ TypeScript configs load ~2.5× faster on cold cache - 🔒 Supports expanding env vars via _FILE references With 37M monthly downloads, once everyone migrates, this saves over 100 TiB of bandwidth 🫣 github.com/unjs/c12/rel...
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 🙏
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays! webkit.org/blog/17660/i...
Introducing CSS Grid Lanes
It’s here!
webkit.org
html, body { height: stretch } body { display: grid; grid-template-rows: auto 1fr; } Ymmv.
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.
Nuxt Tutorial - Introduction
Let me introduce you to Nuxt, a tool that makes web development simple. You need very little to have...
dev.to
Introducing Nuxt MCP 🤖 Discover how we built it and learn how to use it. nuxt.com/blog/buildi...
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.
nuxt.com
📸 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...
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 🙏
Nuxt@nuxt.com · 9mo ago📸 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...
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 🙌🏻
💥 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.
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...
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
Just upgraded a project from Nuxt 3 to Nuxt 4. Knock on wood, but that was incredibly smooth...
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! 👇
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. 🥹
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.
✨ 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/...
