An Astro JS component that turns a website into an SPA and boost performance using various techniques - RafidMuhymin/astro-spa: An Astro JS component that turns a website into an SPA and boost perf...

What if I need _data/stuff.json sometimes and _data/thing.json other times?

I love little touches that make a website feel like more than just a static document. What if web content wouldn’t just “appear” when a page loaded, but instead popped, slid, faded, or spun into pl…

Show me a 10ft paywall, I’ll show you a 12ft ladder.

👑 A tiny yet powerful tool for high-performance color manipulations and conversions - GitHub - omgovich/colord: 👑 A tiny yet powerful tool for high-performance color manipulations and conversions

An SVG generator to make fluid gradient backgrounds that feel organic and motion-like. Perfect to add a feeling of motion and fluidity to your web designs.

In praise of dials, toggles, buttons, and bulbs. A companion blog to the Control Panel group on Flickr. Your panelists: Stephen Coles and Norman Hathaway.

Add highlighting to vue search results.

I’m Kitty Giraudel, a non-binary web developer based in Berlin, focused on accessibility and inclusivity.

We cannot talk about web development without talking about Responsive Design. It’s just a given these days and has been for many years. Media queries are

How to use astro's getSaticPaths to add versions of your docs pages in other languages.

Learn RegEx, step by step, zero to advanced. Playground and Cheatsheet.

Introduction As web and mobile applications become more mature and complex, software engineers invent clever new ways of improving the…

The icon solution in pure CSS.

Jamstack has been in the website world for years. Static Site Generators (SSGs) — which often have content that lives right within a GitHub repo itself —

Tips, tricks and tutorials on the web’s most beautiful language.

Automate your work on any website

I recently* built this really cool feature for my personal website that allows me to use Netlify Functions to show my most-recently-listened-to tracks from Spotify. Here's how I did it!

Upon hearing "sticky footer" these days, I would think most people imagine a position: sticky situation where a footer element appears fixed on the screen

Documentation and samples for Netlify Labs features. - labs/README.md at main · netlify/labs

Learn what a headless CMS is and how to take advantage of it with Astro

A guide on how to build design systems that scale easily and sync with GitHub, with the help of a plugin called Figma Tokens.

Generate beautiful images of code.

Although traditionally used in art and architecture, the golden ratio can be referenced to design aesthetically pleasing interfaces.

Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled. 7.9 kB minified and gzipped!