Delicious

A VitePress site

Learn about and how to use this theme here!

Now that :has has landed in all browsers, here's a quick tip for handling locked scroll

How do you know you're looking at an old website? You may have found a page which has lots of interesting information, but how can you tell it's a modern and relevant result? Some websites don't contain dates in their URls. There may not be a © date or publication date shown on the page. [...]

Headless components for Svelte.

곧으면서도 유연한 산세리프 글꼴 | A Sans-serif font; Geometric with a heart, Humanist with a soul - GitHub - wanteddev/wanted-sans: 곧으면서도 유연한 산세리프 글꼴 | A Sans-serif font; Geometric with a heart, Humanist with a ...

Tailwind makes dark mode styling easy. Here's how to let users toggle light & dark mode in your app

Have you run into a situation where you need the padding of one element to align with the padding of another element? In this article, Brecht De Ruyte demonstrates the issue with a full-width slider component that breaks out of the main page container and shares a couple of techniques to keep it visually aligned with other elements on the page.

...

Collection of fully accessible, unstyled Alpinejs UI components intended to work seamlessly with Tailwind CSS and for free.

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 …