Delicious

I have set up a Gallery field in the Options section which includes 5 images. I then have an image header on my site where I want to grab a single random image from that gallery field. Is that possible? If so, could anybody guide me. At the moment I use the following code to […]

A simple script that uses Math.random() to load a random image everytime the webpage refreshes - randomImageLoader/index.html at master · ywting/randomImageLoader

Create an 11ty static site from WordPress using WPGraphQL - most-useful/11ty-wordpress-graphql

Learn how to create your WordPress website as a static website using eleventy and WPGraphQL

Sliders are SEO and conversion killers. We said it before and will say it again: they don't work. Rethink your slider/carousel. Here's why!

If you are optimizing Largest Contentful Paint, preload can be a game-changer for speeding up late-discovered hero images and resources, loaded via JavaScript.

Perhaps unavoidably so, Flickity drags my site down with a significant Cumulative Layout Shift (CLS) score during Lighthouse and web.dev tests. Has anyone found a way around this?

Web app accessibility appears difficult because it seems that there is little information on the subject available online. Let’s take a closer look at the accessible use of framework features, concrete Vue.js traits, as well as community initiatives and vetted patterns.

Dynamically scaling CSS values based on the viewport width is hardly a new topic. You can find plenty of in-depth coverage right here on CSS-Tricks in

We sent out an email the other week that ultimately had a in the HTML markup. We send the newsletter by creating it here in the WordPress

simple 'scroll to reveal' tmpl for user profile using 3js....

In this article, we will particularly look at the average page load time in 2021 and importance of web vitals with additions web vital tips.

Recently I needed a way to detect support for a media query in CSS and Javascript. To detect if a browser supports a certain CSS feature, you can use @supports () { ... }, but that doesn’t work for media queries. In this article I’ll show you how you can detect support for media queries […]

get rid of the grid!

By the end of this tutorial, you will be able to collect emails that are send by the frontend users to your email box ( eg: [email protected]…

Tips, tricks and tutorials on the web’s most beautiful language.

Here's a pen with some generative plants and shapes. I kept the paths as simple as possible and then transformed them using SVG filters (feTurbulence a...

In JavaScript, attaching an event listener to constantly fire a callback on scroll can be performance-intensive. But there is a better way with Intersection Observer.

PHP code snippet to remove the "block-library/style.min.css" file from loading on your WordPress site. Useful to disable the Gutenberg block library CSS.

Apache mod expires mod expires is an Apache module that can send additional expiry information about a server file to a browser. If the expiry date is set to a far future date, then the browser will fetch the file from its cache on next request and will not contact the server. This will speed... Read More »

Listing of Content Security Policy Examples, Tips and Tricks

A Gridsome setup for my personal blog site. (Formerly headless WordPress; currently static.) - josh-collinsworth/joco-gridsome

Extract structured metadata from any webpage in JSON/LD format as standardized by Schema.org

Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this article, we’re looking at ways to make writing Vue.js a breeze.

Please help us evaluate an idea!

Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you're using a JavaScript framework

The Open Source Alternative to Firebase.

How to add a database to your web project with Supabase and interact with it using serverless functions

Ever heard of favicons made with SVG? If you are a regular reader of CSS-Tricks, you probably have. But does your website actually use one? The task is