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.

In yesterday’s article, I mentioned that I recently worked on a pretty big vanilla JS app. On some pages, we needed to wait for multiple API requests to complete before rendering content. Today, I want to show you a simple way to do that with the Promise.all() method. How I learned this As I was trying to figure this out, I discovered that Steve Griffith (who’s video on composition vs.

var startDate = new Date("2015-08-04"); var endDate = new Date("2015-08-12"); var resultProductData = product_data.filter(a = { var date = new Date(a.ProductHits); return (date = startDate && date = endDate); }); console.log(resultProductData)

If I have an array of urls: var urls = ['1.txt', '2.txt', '3.txt']; // these text files contain "one", "two", "three", respectively. And I want to build an object that looks like this: var text ...

This tutorial will walk through examples of how to send Javascript fetch with GET query parameters. Free code download included.

Retrieve data from a paginated API using recursive method in NodeJS/Javascript

I have a stupid question. I need to filter data from variable. I have a var a: var a = "Name: Kevin, DoB: 16 May 1987, Hobby: Bikes" Now i want to assign to var B the result from var a but only ...