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.

Quickly create presentations by writing a simple markdown document.

We share a collection of CSS and JavaScript snippets that will allow you to enhance and expand the capabilities of your hamburger menus.

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.

Walkthrough of what steps are required to migrate a Gridsome blog to Nuxt and highlight potential problems with the migration.

A quick video detailing how destructuring works with nested objects and arrays. Check out my https://ES6.io course for more!