Delicious

Small project? Learning GraphQL? Apollo might be an overkill

I can't find the JSON object in the http response I am trying to develop a react app which uses the spotify API to get artist's information. I use fetch to generate the GET request This request s...

In this guide, we will show you how to add HTTP Security Headers to your domains with OpenLiteSpeed and DirectAdmin using the virtualhost configuration file.

We built divRIOTS.com with Astro. ‟Here we go, another framework is out and another dude is making a website and blogging about it” — Let's see if we can make this interesting. 😉

In this article, you're going to learn how GraphQL works. I'm going to show you how to create a very well-designed, efficient, powerful API using GraphQL.

...

Collection of free CSS clip-path code examples from Codepen and other resources.

Discover the best free fonts from Google and across the web. See beautiful examples, recommended pairings, OpenType features, and more.

You can use ReSizer.in to double the size of your image while reducing noise.

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.