Fallback Font Generator
Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face
Home | D2 Documentation
D2 is a modern DSL that turns text to diagrams.
Astro Remark
MiniSearch
Documentation for MiniSearch
HTML DOM — Phuoc Nguyen
Astro Markdoc: Readable, Declarative MDX Alternative 📚
Astro Markdoc 📚 trying Stripe’s customizable, readable, declarative Markdown extension designed for 🖋️ creating documentation content.
Astro Picture Component: adding Responsive Images 🖼️
Astro Picture Component 🖼️ using Astro in-built tooling to add next-gen (WebP & AVIF), responsive images to your 🚀 Astro Markdown blog.
Add comments Section to your Astro blog
A quick guide on how to add comments section to your astro blog
Nightwind
An automatic, overridable, customisable Tailwind dark mode plugin.
Color Conversion - TailwindMate
Convert standard color codes to their Tailwind equivalents with TailwindMate. Streamline your Tailwind CSS development process with our color conversion tool.
GitHub - Ryczko/FormsLab: 😊📊 Form builder for anonymous surveys, polls, and collecting feedback. Experience management solution.
😊📊 Form builder for anonymous surveys, polls, and collecting feedback. Experience management solution. - GitHub - Ryczko/FormsLab: 😊📊 Form builder for anonymous surveys, polls, and collecting feedb...
Transition animations: a practical guide
Principles that can be used immediately by anyone in their design process.
Svelte by Example
ScraperAPI - The Proxy API For Web Scraping
ScraperAPI handles proxy rotation, browsers, and CAPTCHAs so developers can scrape any page with a single API call. Web scraping with 5,000 free API calls!
Normalize.css - The best CSS reset library in 2023
This reset library precisely targets only the styles that need normalizing to make browsers render all elements more consistently.
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
Robin Rendle — The Smallest CSS
The website of Robin Rendle, a designer and writer from the UK.
GitHub - jensimmons/cssremedy: Start your project with a remedy for the technical debt of CSS.
Start your project with a remedy for the technical debt of CSS.
Adding Search to an Eleventy Site Without Client-side JavaScript - Philip Renich
10 of the Best Nuxt 3 Tutorials
This article is compilation of 10 amazing tutorials to help you get started with Nuxt 3 or help you on your Nuxt 3 journey.
Dynamic Pages and Route Params in Nuxt 3
Nuxt 3 routing builds on the functionality of Nuxt 2 by giving you more ways than ever before to express your dynamic routes. Get more information on new features as well as what got dropped!
From zero to blog: Building with Nuxt 3
Create a professional-looking blog with Nuxt 3 using my simple, yet effective guide. With our step-by-step instructions, you'll be able to build a fully-functional blog in no time.
Demo
VOV.CSS
Hamburger menu — Phuoc Nguyen
Create different hamburger menu animations in CSS — Phuoc Nguyen
Good Movies as Old Books — the Design Office of Matt Stevens - Direction + Design + Illustration
An ongoing personal project, I envision some of my favorite films as vintage books. Not a best of list, just movies I love. These illustrations are available in a self-published book for sale here . Individual prints can be purchased here .
Cabin | Privacy-first, Google Analytics alternative
No cookies, no consent banners, no ad networks, 100% GDPR & CCPA compliant, low footprint web analytics. The best alternative to Google Analytics.
Astro Responsive Image - Matt DeKok
A responsive image component for Astro using srcset and sizes.
Circle progress bar with pure CSS and HTML
One benefit of using a circle progress bar over a regular (horizontal) progress bar is that you can fit more progress bars in one row, thus displaying more d...
Sprite your SVGs
Transform and optimize your SVGs by generating an efficient sprite.
blog-cells Demo