Delicious

Litebox is a simple, modern and lightweight vanilla JS lightbox to showcase your images.

Lightweight and Accessible Lightbox that supports CSS or GSAP animations out of the box. - PerplexDigital/Perplex.Lightbox

An accessible, open-source lightbox with no dependencies. - midzer/tobii

I have a bunch of JPEGs inside a DIV and want jQuery to randomly pick one of the IMGs on page load to give it an inline display: block class - all IMGs on load have display:none. This way only 1 of...

A starter site for creating a responsive image gallery using Eleventy. - tannerdolby/eleventy-photo-gallery

I'm not very good with string manipulation in JavaScript, and I was wondering how you would go about shortening a string without cutting any word off. I know how to use substring, but not indexOf or

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

This is about a wildly specific combination of technologies — Eleventy, the static site generator, with pages with images on them that you ultimately want

Super simple way to randomly load new images on refresh via Jquery and DOM injection. Great for banners. · GitHub

I want to have a div that randomly displays content after refresh. I found a code that kind of worked, but it doesn't 100% work, so I'm trying to find the error here. I was asked to post this as a...

If you’re a designer or developer with intermediate knowledge of HTML and JavaScript, and know your way around GitHub and the command line, this tutorial is for you. We’re going to walk step-by-step through converting a WordPress site into a static site generated from Markdown.

You might know a few ways to create charts with pure CSS. Some of them are covered here on CSS-Tricks, and many others can be found on CodePen, but I

It's sounding more and more likely that we're actually going to get real container queries. Google is prototyping a syntax idea from David Baron and

I am writing about my experiences as a naval navel-gazer.

Using display block on script and style blocks is a simple way to make HTML tutorials easier.

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

[Experimental] Source data from anywhere, for Next.js, Nuxt.js, Eleventy and many more. - egoist/mordred

Web articles can be made easier to navigate with a table of contents. They can be tedious to create and maintain, so let Javascript take the strain

In HTML the heading elements represents 6 levels of titles from h1 for the most important to h6 for the least important. Some Content Management Systems offer the possibility to automatically generate a table of contents from an article on the server side. But here I’m implementing a reusable

and zero width ​characters with buttons for copying to clipboard, short mnemonics and usage comments

The A11Y Project is a community-driven effort to make digital accessibility easier.

List of the best coding fonts with live preview & themes 😍 https://devfonts.gafi.dev/ by @imGaafar

A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if

How I used Google Forms and Sheets to build a client-side application.

Many people have described how to obtain the RSS data feed for a Facebook page. For example: http://ahrengot.com/tutorials/facebook-rss-feed/ The following URL provides the feed for Coca-Cola's pa...

How to get a token that doesn’t expire that retrieves posts and events from your page