Delicious

Collection of unstyled and accessible AlpineJS components inspired by Headless UI.

Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.

Yes, there is now a way to transition an element to height auto with CSS alone.

Learn how to create a Light and Dark theme with AlpineJS and TailwindCSS to make your website more accessible for everyone.

Dive into the mysterious allure of dark mode with 'Dark Theme with Laravel Tailwind and Alpine.js.' In this thrilling adventure, we'll embrace the sleek elegance of Tailwind, and explore the dynamic peaks of Alpine.js. Join us in this nocturnal expedition, and let your website bask in the dark side!

That's right! Your site built with a JS framework with client-side code can still support users with JS disabled.

In this tutorial, I will walk through the process of creating a responsive navigation bar with TailwindCSS and Alpine.js.

The “Hello World” of JavaScript frameworks and libraries seems to have become the todo app. In the case of Alpine.js a todo app is almost too large

A collection of bad practices in HTML, copied from real websites.

AI is giving multiple industries a huge boost in terms of funding and innovation. Explore the details in our interactive State of AI report.

How I added a simple audio preview to my recent Spotify tracks.

A lightweight, and easy-to-use, JavaScript library for code syntax highlighting!

11st-Starter-Kit is a minimal starting point for building static websites with 11ty, powered by Vite with Tailwind CSS and Alpine.js.

When we think about a CMS, the first thing that comes to our mind is WordPress. And even if we aren't thinking about WP, we still see an admin panel

Set an offset that matches the inline page gutter so the table can overflow the edge of the window.

Using fallbacks for CSS custom properties for granular control of shorthand values.

Search over 700 million free and openly licensed images, photos, audio, and other media types for reuse and remixing.

Get inspired by the best email marketing examples with clean, minimalist design and copywriting. Filter by newsletters, saas, b2b, onboarding emails, and more.

We’re living in somewhat of a CSS renaissance with new features, techniques, experiments, and ideas coming at us to an extent we haven’t seen since “CSS3”. It’s easy to feel overwhelmed when your profession seems to be advancing at breakneck speed, but Geoff Graham considers the ways “modern” CSS in 2023 has actually made CSS “easier” to write.

(I did a Twitter thread on this a while back, against my better judgment, and now moving to a proper blog.) The hanging-punctuation property in CSS is almost a no-brainer. The classic example is a …

Tips, tricks and tutorials on the web’s most beautiful language.

An open source application built using the new router, server components and everything new in Next.js 13.

The Astro Markdoc integration will not work for me as long as it doesn't use the `.md` extension. The Astro experience with plain ol' Markdown and my Obsidian is so good I can't imagine sacrificing it for anything less capable.

@Jacob Peattie that doesn't really work any more. At least with Wordpress 5.7.2, this is the output based on your solution. You can see, srcset still gets returned regardless. <div class="

Type, share and print your own sentences using thousands of letters from the books, posters and maps created over more than six centuries.

It's much easier to maintain a site over time when the content is separate from the code. Walk through that process using a real example with Eleventy.

Crawl a site to generate knowledge files to create your own custom GPT

I wrote a script to copy notes from my private vault to my public site.

Contribute to GoyoStach/Obsidian-to-Astro development by creating an account on GitHub.