Delicious

Very realistic smartphone and tablet simulator with several models available to test your responsive site. iPhone 13, Galaxy S21, Google Pixel 6, iPad Air and many more.

Learn what htmx is, how it simplifies dynamic web development, and how you can harness its potential to enhance your web development process.

Create and share shader graphs with the world

Kreative Scroll is an innovative and easy-to-use JavaScript animation library, ideal for bringing your website to life.

Thanks to the brilliance of those who came before me, I now have tags on my site.

In this tutorial blog, I showed how custom data can be send inside RSS feed and retrieve them to show inside styled Web Feed page. The tutorial is based on Astro + XSLT + @astrojs/rss, sanitize-html and marked NPM packages.

Join Temani Afif on experiment with modern CSS features to create an array of colors. The goal is to define a comma-separated list of colors and iterate through them using an index.

a11y-dialog is a lightweight yet flexible script to create accessible dialog windows.

Learn to build remarkably fast websites with Astro ✨

The complexities of containment, overflow, and 'propagation'

Get started with Flynt, the WordPress Starter Theme with a perfect Google PageSpeed score. Learn the setup, development, and creating unique components.

Install Now Explore Add incredible versatility to your editor without bloating it with tons of one-dimensional blocks. With GenerateBlocks, you can learn a handful of blocks deeply and use them to…

A SvelteKit template for building CMS-free editable websites - michael/editable-website: A SvelteKit template for building CMS-free editable websites

Simple instructions on how to add social media sharable links on your website by using JS and Astro Components! - GitHub - ReyWins/SocialShares: Simple instructions on how to add social media shara...

I did not find anything for diagonal hatching on the internet either, so I'll share my solution here: <pattern id="diagonalHatch" patternUnits="userSpaceOnUse" width="4&...

We used to say ems were the best unit to use in media queries. Is that still the case in 2023?

As a grotesque sans serif, MacPaw Fixel was designed to be a variable typeface with a human touch.

Say hello to Core Framework - a FREE modular CSS framework platform. It's a simple, modern, and easy-to-use modular utility framework with a powerful visual interface to configure for every build.

Codeium offers best in class AI code completion & search — all for free. It supports over 70+ languages and integrates with your favorite IDEs, with lightning fast speeds and state-of-the-art suggestion quality.

Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face

Web component JS frameworks overview by their syntax and features: Svelte, React, Vue 3, Angular, Lit, Vue 2, Ember, SolidJS, Alpine, Mithril, Aurelia 2, Qwik, Marko, Aurelia 1

Pines is a library of animations, sliders, tooltips, accordions, modals, and more!

Learn how to use the new View Transitions API, which offers an easier way to animate between DOM states and even between page loads.

Fluid typography allows each font size in a modular scale to vary responsively between a min and max. Learn the math behind fluid typography and how to programmatically generate a fluid type scale with CSS clamp and Sass.

Within Drupal 10 core, we’re implementing a new auto-filling CSS Grid technique that I think is cool enough to share with the world.

An open-source Svelte component library for building high-quality, accessible design systems and web apps.

A component UI library for Svelte and UnoCSS offering both styled and headless components.