Vanilla Breeze: Convert Tailwind CSS to Semantic CSS
Auto-Generated Last Modified Date in Astro
If you have a page that you want to show the last modified date on, Astro and remark can do it for you automatically.
Tailwind CSS Color Generator | UI Colors
Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.
Ideal Layout Component in Astro
Virtual Garden, complete with fragrance of past and future ambitions!
Myself Sukhpreet Singh host of this garden
Introduction to HTMX | refine
We will explore what HTMX is and its capabilities.
typicode/lowdb: Simple and fast JSON database
Simple and fast JSON database. Contribute to typicode/lowdb development by creating an account on GitHub.
A Blog Post With Every HTML Element
Patrick Weaver’s Website
thewebforge/astro-og-images
Automatically generate OpenGraph images for your Astro site
Creating OpenGraph preview images with Astro — Merlin Mason
Learn how to generate Open Graph preview images with Astro
How to use `astro-og-canvas` with Astro | Aidan Kinzett
Use `astro-og-canvas` to automatically generate Open Graph images for your blog posts.
How to Use Laravel to Get Data from WordPress - Adeva
Learn how Corcel can help developers to easily fetch, manipulate or communicate (doing CRUD operations) with the data from your WordPress blog.
Hide text in CSS pseudo elements from screen readers with this one weird trick - Salma Alam-Naylor
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.
Twitter ruined your link previews: here’s how Cloudinary can help - Salma Alam-Naylor
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.
The devil is in the details: a look into a disclosure widget markup - HTMHell
A collection of bad practices in HTML, copied from real websites.
Flavio Copes
I help people learn to code.
Epic Easing
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 Home
Fraîche Design Thinking is a creative consultancy rooted in research, corporate strategy, product innovation, brand expression, and architectural design.
imgit • Convert media links to optimized HTML
A VitePress site
Introducing Webtrotion
Learn about and how to use this theme here!
Locking scroll with :has() - Robb Owen
Now that :has has landed in all browsers, here's a quick tip for handling locked scroll
Using date-based CSS to make old web pages *look* old
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. [...]
Introduction - Bits UI
Headless components for Svelte.
wanteddev/wanted-sans: 곧으면서도 유연한 산세리프 글꼴 | A Sans-serif font; Geometric with a heart, Humanist with a soul
곧으면서도 유연한 산세리프 글꼴 | 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 ...
Dark Mode controls with Tailwind & AlpineJS - Mike Healy Web Design
Tailwind makes dark mode styling easy. Here's how to let users toggle light & dark mode in your app
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study — Smashing Magazine
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.
View Transitions: Messages Application with Stack Navigator (SPA)
...
xnui-ui Alpinejs Components
Collection of fully accessible, unstyled Alpinejs UI components intended to work seamlessly with Tailwind CSS and for free.
itsfaqih/bind-ui
Collection of unstyled and accessible AlpineJS components inspired by Headless UI.
Prebuilt Tailwind Components | Kutty
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.
Transitioning to Height Auto (Two Ways)
Yes, there is now a way to transition an element to height auto with CSS alone.