Delicious

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 ...

From Futura to ITC Bauhaus, our survey of Bauhaus type continues with a look at typefaces that adopted the school’s simplified, geometric ideals.

Recently I was faced with the following problem. I had to build a layout that consists of several rows. In each row are two images with a fixed aspect ratio. The two images should have the same height and fill the entire row.

brycewray.com — Observations, opinions, geekery.

Generate font size variables for a fluid type scale with CSS clamp. Grab the output CSS and drop it into any design system.

agoodmovietowatch is the world’s first portal of highly-rated but little-known movies and shows. Curated by humans and not algorithms.

Creates and solves problems. Sometimes in that order.

Ever wanted to nest Markdown in HTML? In 11ty, you can easily do this with paired shortcodes and a custom Markdown library parser.

Working with content data (e.g. Markdown files or CMS) is a surprisingly difficult and laborious task when developing modern sites (e.g. with Next.js). Contentlayer is a content SDK that aims to make content easy for developers.

Free JSON storage service hosted on your Github Gist, access with JSON CRUD API and Dashboard, with Private and Public JSON.

Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG. Available for copypasta or as a tree-shakeable React component library.

Discover 30+ insanely useful websites that will come in handy someday. You should bookmark these insanely useful sites because you may need them someday.

Thanks to FormData, it's pretty easy to apply Progressive Enhancement onto forms.

The web home of Eric A. Meyer, CSS guy; and his wife Kathryn, doctor of nursing.

I'm Mattia Astorino, UX Engineer in Milan and member of Open Source Design.