Using Lit to create cross-language components
On larger projects that utilize multiple templating languages to accomplish server-side and client-side rendering, using lit to create custom html elements can solve your problems.
I also have a wife, a french bulldog, and an obsession with minimalism.
I develop websites, iOS applications, and play far too much Tennis.
Who is Matt Waler?
They always say to show, don't tell.
What does Matt Waler do?
Oh, you want to talk shop? Let's get right to it.
Whether it's a static website or a full-blown iOS application, I’m all about taking ideas and turning them into something tangible. I pride myself on keeping my code simple, practical, and easy to maintain, resorting to complexity only when absolutely necessary.
Tailwind
Alpine
Astro
Nextjs
TypeScript
Swift
Statamic
Laravel
What is Matt Waler thinking lately?
Thoughts, tutorials, and the occasional rant.
Using Tailwind CSS with Lit and HTML Custom Elements
In order to use tailwind with lit and custom html elements, you need to disable the shadow dom. Here's how you do that!
Lazy Loading Blurred Images in Astro
How to create a lazy blur-up image effect on your images in an Astro project.
What is Matt Waler building?
A few things I've built recently.
11ty, Tailwind, Alpine
Cakewalk Development
Cakewalk Development is a two-man development agency that aims to make web development easier for individuals and small businesses that have a lot on their plates.
Swift, Swift UI, Swift Data
Repeaters
Repeaters is a recurring task tracker. You can create repeating items, custom groups, and get completion history and push notifications when things are due.
Astro, Tailwind, Alpine
Kings Court Landscaping
A fully static marketing website for a local landscaping company that provides lots of different services.