Hide decorative text generated by CSS pseudo elements from screen readers, so that your weird and wonderful designs don't interrupt the flow of the text.

Learn how to overlay text on your Open Graph images using the Cloudinary API and SDKs when Twitter hides the title and meta description in shared links.

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

I help people learn to code.

Quickly and easily generate easing curves for ease, spring, and bounce animations. Utilize animation presets or create your own custom animation curve, spring, or bounce. Instantly export to CSS, SCSS, Objective-C, and Swift.

Fraîche Design Thinking is a creative consultancy rooted in research, corporate strategy, product innovation, brand expression, and architectural design.

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