Søren Kottal
skttl.dev
Søren Kottal
@skttl.dev
I build stuff for Umbraco CMS, write about it, and try to be helpful and friendly whenever possible.
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.
Umbraco Icons Gallery
A searchable gallery of Umbraco icons with copy-to-clipboard functionality
skttl.github.io
July 10, 2025 at 2:03 PM
Ooh, new product logos on the #umbraco docs site
July 2, 2025 at 8:16 AM
Automatically import your own SVG icons into #Umbraco 15+!

dev.to/skttl/say-go...
Say Goodbye to Tedious Icon Imports in Umbraco with Icoover!
A new package helps you add custom icons to Umbraco, without messing with javascript!
dev.to
March 17, 2025 at 8:30 PM
I "vibe coded" a thumbnail generator for #umbraco Block Editors!

dev.to/skttl/vibe-c...
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.
dev.to
March 16, 2025 at 12:53 PM
Write HTML emails for #umbraco Forms without breaking a sweat using MJML.

dev.to/skttl/easier...
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!
dev.to
February 27, 2025 at 8:48 AM
How to use Quantity Queries with #tailwindcss
dev.to/skttl/make-y...
Make your layouts dynamic with Quantity Queries
Style content based on the number of elements easily with quantity queries in TailwindCSS
dev.to
February 18, 2025 at 7:34 AM
TIL, you can't use native CSS nesting in backoffice plugins in Umbraco 13 and below. Because Smidge doesn't support it...
November 27, 2024 at 8:10 AM
Reposted by Søren Kottal
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...
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...
www.joshwcomeau.com
November 10, 2024 at 10:54 PM
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!
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 ...
developer.mozilla.org
November 7, 2024 at 8:28 AM
Reposted by Søren Kottal
Inspired by @bell.bz here is my Umbraco Community Starter Pack:
go.bsky.app/KXpHVDz
November 4, 2024 at 3:20 PM
Ohh, theres a tweet deck style app for this site too... deck.blue
deck.blue
Get the most out of Bluesky with a multi-column layout
deck.blue
November 2, 2024 at 7:31 PM
Are we getting the good old #umbraco twitter going here now?
October 28, 2024 at 8:14 AM