Søren Kottal

I missed an easier way to find #umbraco icons, than opening up the content type editor inside the backoffice. So a little vibing, and voila: skttl.github.io/umbraco-icon...
It fetches the icons from github when you load it, so it should always be up to date.

Ooh, new product logos on the #umbraco docs site

Nice, how did you end up solving it?

Say Goodbye to Tedious Icon Imports in Umbraco with Icoover! A new package helps you add custom icons to Umbraco, without messing with javascript!

Automatically import your own SVG icons into #Umbraco 15+!

dev.to/skttl/say-go...

Vibe coding a nifty Umbraco tool What started as a slow Friday turned into a productive coding session using Windsurf to create a block thumbnail generator for Umbraco block editors.

I "vibe coded" a thumbnail generator for #umbraco Block Editors!

dev.to/skttl/vibe-c...

Easier Responsive Emails for Umbraco Forms with MJML Tired of writing your own tag soup of nested tables when working with emails? MJML got you covered!

Write HTML emails for #umbraco Forms without breaking a sweat using MJML.

dev.to/skttl/easier...

Make your layouts dynamic with Quantity Queries Style content based on the number of elements easily with quantity queries in TailwindCSS

How to use Quantity Queries with #tailwindcss
dev.to/skttl/make-y...

Enhancing 404 Pages with Search in Umbraco Turn your 404 pages into a helpful experience by integrating automated search results in Umbraco. Learn how to guide users to relevant content instead of dead ends using Full Text Search.

Enhancing 404 pages with search in #umbraco
dev.to/skttl/enhanc...

I've never used Content Blocks out of fear that it might get removed, or Contentment got discontinued in some way. And also, I don't think it offers much difference to the default block list editor (but how would I know if I haven't used it 😂)

Looks beautiful though!

Try using Block List, in the single block mode

TIL, you can't use native CSS nesting in backoffice plugins in Umbraco 13 and below. Because Smidge doesn't support it...

You can skip those. Most people won't be ready to read them before the first one in January anyway.

tailwindcss-quantity-queries Variants for using quantity queries with Tailwind CSS. Latest version: 0.1.0, last published: 2 months ago. Start using tailwindcss-quantity-queries in your project by running `npm i tailwindcss-quant...

And if you use @tailwindcss.com theres a plugin for that :) www.npmjs.com/package/tail...

A Friendly Introduction to Container Queries • Josh W. Comeau It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as...

This is such a good explanation of container queries by @joshwcomeau.com! I especially loved the golden rule coined by @miriam.codes: “we can’t change what we measure”. It made a lot of the concepts click 👏 www.joshwcomeau.com/css/containe...

Native sizes="auto" example ...

Good to know about lazy loading only! CSS is render blocking anyway (at least we try to load the css as soon as possible, to prevent layout shifts)

I've created a codepen in case anyone wants to see it in action.
codepen.io/skttl/pen/Vw...

HTMLImageElement: sizes property - Web APIs | MDN The HTMLImageElement property sizes allows you to specify the layout width of the image for each of a list of media conditions. This provides the ability to automatically select among different ...

I just learned "sizes=auto" is actually a thing now. Only missing support in Safari and Firefox. developer.mozilla.org/en-US/docs/W...

Means I can soon drop the dependency on lazysizes.js. What a world we live in!

Inspired by @bell.bz here is my Umbraco Community Starter Pack:
go.bsky.app/KXpHVDz

Can you add me too?

deck.blue Get the most out of Bluesky with a multi-column layout

Ohh, theres a tweet deck style app for this site too... deck.blue

Are we getting the good old #umbraco twitter going here now?