Delicious

Download icons, logos, and vector SVGs from any site.

A simple online pattern generator to create repeatable SVG patterns. Perfect for website backgrounds, apparel, branding, packaging design and more.

Luke Channings's blog

Making a network request on a page with Eleventy

Now that cross-browser support is at a tipping point, it's a good time to take a look at logical properties and values. If you're creating a website in

There are some changes being proposed regarding viewport units, finally solving that "100vh in Safari on iOS" issue …

For many years, Yoast SEO has been my go to plugin for optimising WordPress websites. Until recently, I have switched to RankMath which is a feature rich SEO

Hello,

In this knowledgebase article, we're going to walk you through how to use ACF fields in Rank Math's Schema Generator.

Hi,

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

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.

Dialogs are everywhere in modern interface design (for good or for bad), and yet many of them are not accessible to assistive technologies. In this article, we will dig into how to create a short script to create accessible dialogs.

Uses CSS animations to create scrolling text. Create W3C compliant code by using CSS to create your scrolling text. Copy/paste to your website or blog.

If you are creating a WordPress theme to power a website that will be updated by individuals without any knowledge of HTML, you can add custom styles to the visual TinyMCE editor and ensure that...

A CSS-only solution to reveal a scroll-to-top link only on scrolling down the page + animated scroll back to top. Requires position: sticky and scroll...

I'm trying to create a custom "columns" block for Gutenberg with ACF & Wordpress, so what I want is a easy to manage columns block, where user can input some number representating the

Update The solution below has a "SEO friendlier" version: function hyphenize($string) { $dict = array( "I'm" => "I am", "thier" => "their", // Add your own

In this article you will learn how to build an accessible, performant, responsive, and cross-device content slider using native HTML, simple CSS, and some Vue.js to connect the dots. Its base is simple and can be expanded upon later. It has great bones and will serve you well going forward.

I watched Kevin Powell’s video where he was able to recreate a nice typewriter-like animation using CSS. It’s neat and you should definitely check it out

We’re going to walk through the technical process of hooking into Google Drive’s API to source content on a website. We’ll examine the step-by-step

Road testing petite-vue with a simple category filter

Squeezing every last drop of performance out of your website on any platform is an always-changing, never-ending, often addictive battle. Among the several tactics you can employ in this fight, leveraging resource hints is a modern approach that can yield some significant ROI -- with preloading is a particularly impactful...

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!