Delicious

My first time building a (very) simple web component.

Utilizing icons in user interface elements is helpful. In addition to element labeling, icons can help reinforce a user element’s intention to users. But I

Original Article: Stroke Text CSS - The Definitive Guide In this tutorial I will show you...

Example of nested dynamic-routing

A foundational overview of how to establish a dynamic and configurable color scheme

Svelte Headless UI is an awesome unopinionated component library.

SvelteKit is an opinionated full stack framework that ties the frontend and backend together delivering the best developer and user experience.

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript.

An accessible, open-source image lightbox with no dependencies. - deoostfrees/Parvus: An accessible, open-source image lightbox with no dependencies.

If you like using Eleventy, but would love to leverage Vue syntax in your templates, here's a guide on how to do that.

You may wonder how adding a text shadow creates a cool hover effect but we’re actually not going to use "shadows" for these text hover effects.

I think it’s a little known fact that you can use video with alpha transparency on the web. Perhaps because the use cases are few. However, with UI I have been prototyping lately, I have found great utility in it when I want a fancy animation that I can’t easily re-create with SVG. The sort...

The idea came while watching a mandatory training video on bullying in the workplace. I can just hear High School Geoff LOL-ing about a wimp like me have to

Phil Wolstenholme's personal site

Why you should start using the color-scheme property today, and how you can get the browser to automatically apply dark mode for you.

Independent Web Developer + Maintainer on https://astro.build + Creator of https://bundlejs.com

Lazy loading, infinite scrolling, scroll based animations, and performant scroll events are all perfect examples of Intersection Observer in action.

Random entries

And how to include it in Angular, React, Svelte, or Vue apps

In this tutorial, we'll check how we can style audio elements with their pseudo-element selectors, and how we can style them completely from scratch.

Here is the step by step guide to customize the HTML5 audio player with CSS and JavaScript. You can view demo and download code.

A customizable, extensible, accessible and framework agnostic media player.

A simple HTML5 media player with custom controls and WebVTT captions.

The ultimate guide to finding everything you've ever watched on Netflix, Prime Video, Apple TV+, Disney+, Hulu, Peacock and other streaming services..

Smart SVG techniques, from generative SVG grids to SVG paths with masks, grainy SVG gradients, cut-out effects and fractional SVG stars. Let’s look at some magical SVG techniques that you can use right away.