Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator
Learn how to use cutting edge CSS features like animation-timeline, color-mix, and trigonemtric functions to build a sleek progress indicator.
CSS God Rays
3D parallax effect on hover
Gorgeous animated gradient borders using only CSS
Typography Manual by Mike Mai
Inner Radius Design Tip with CSS Custom Properties
Adding Callouts to a MDX-Powered Gatsby Blog
A big part about blogging for me is making my content accessible for folks. A way for me to do that is highlighting important information with a callout.
velvette
Documentation for velvette
Cobalt | Cobalt
Use Design Tokens Community Group tokens to generate CSS, Sass, JS/TS, universal JSON, and more.
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. [...]