Delicious

Find inspiration for naming things – be that HTML classes, CSS properties or JavaScript functions – using these lists of useful words.

To learn more about the behaviors of container query units, we'll explore three fluid typography techniques applied via a "mixin" using custom properties. These upgraded methods will produce truly responsive typography, regardless of context.

In this article, Ganesh Dahal explains how the features have evolved since reusable blocks were officially released in WordPress 5.0 — and how the two have converged in WordPress 6.3 to form a powerful feature capable of allowing content creators to sync content and design patterns consistently in pages and posts.

With the help of calc(), clamp() and CSS vars, we can create composable, responsive, and fluid type scales that smoothly adapts to viewport and container widths.

Father, husband, developer relations and web standards expert, and cat demo builder.

Pagefind is a fully static search library that aims to perform well on large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure.

With Nuxt 3's rendering modes, you can execute API calls and render pages both on the client and server, which has some challenges. For example, we want to avoid duplicate network calls, efficient caching, and ensure that the calls work across environments. To address these challenges, Nuxt provides a built-in data fetching library ($fetch) and two composable (useFetch and useAsyncData).

A powerful React/Vue/Vite/Astro alternative

MDXEditor is an open-source React component that lets your users edit markdown documents naturally, just like in Google docs or Notion.

A case for abandoning web analytics

With things to keep in mind, strategies and practical techniques to convince stakeholders to support and promote accessibility efforts.

Convert and optimize SVG icons to React, Vue, and Svelte components

I don’t get to work on a lot of new sites nowadays, but I recently got the opportunity to set one up from scratch. For most sites I built when I was still running an agency, I would use some form of CSS Reset, most often Normalize.css, but I figured that this time round I […]

building progressive dynamic forms with JAMstack on Netlify

Contribute to Instrument/instrument-sans development by creating an account on GitHub.

Father, husband, developer relations and web standards expert, and cat demo builder.

Wide gamut Color 4 compliant CSS gradient builder.

A lot has changed about programming since the CSS lobotomized owl selector was introduced in 2014. Learn to use it in a modern context here.

Relative URLs has some benefits: smaller page size (and thus download time) and making the site more portable when you move to another domain. The 2nd problem o

I do software development and stuff.

🌳 Tiny & elegant JavaScript HTTP client based on the browser Fetch API - GitHub - sindresorhus/ky: 🌳 Tiny & elegant JavaScript HTTP client based on the browser Fetch API

No more boring page reloads in MPAs. The View Transitions API makes website navigation smoother, like in mobile apps or SPAs. Plus, This API removes a lot of the complex JavaScript SPAs needed for these transitions.

I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.

The era of custom elements SSR is upon us. Let’s take a look at how to spin up a simple Node server and use custom elements as templates in three popular formats, and what this means for the future of web components.

Get thumbnail images from any public video URL via API or browser. 100% free, no login required.

Clone of Spotify with Astro View Transitions integration for fluid navigation - GitHub - igorm84/spotify-astro-transitions: Clone of Spotify with Astro View Transitions integration for fluid naviga...

CASE allows developers to install, develop and deploy a crud app in minutes

The self-hosted drag and drop editor for React. Contribute to measuredco/puck development by creating an account on GitHub.

Learn how to easily render your Astro markdown content for overviews using Astro.glob() in this blog post.

Hello, I have created a Relationship field where the user chooses 3 pages which will be featured on the homepage. Each should show the page title, the page link and the content from that page. I used the example basic loop on from this page - http://www.advancedcustomfields.com/resources/field-types/relationship/ - to get started and it works for […]