Delicious

Generating social share images with a serverless function and headless browser

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

Fluiditype a simple fluid typography css helper for reading experience - Fluiditype/fluiditype

Get an unrepeatable pattern in a couple of clicks: choose a pattern idea, refine upon it or create a new one in minutes.

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Wepback

JavaScript - Conditional JavaScript, only download when it is appropriate to do so

This is a type scale generator using clamp() css property

Turbo accelerates links and form submissions without requiring you to change your server-side generated HTML. It lets you carve up a page into independent frames, which can be lazy-loaded and operate as independent components. And finally, helps you make partial page updates using just HTML and a set of CRUD-like container tags. These three techniques reduce the amount of custom JavaScript that many web applications need to write by an order of magnitude.

The first composable CSS animation toolkit

## Build Setup

The Frugal Developer is using static websites and the JamStack. He will help you create high performance and low-cost web applications. Come by and have a visit

Few problems I faced using Nuxt framework with VueJS

The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML. - javve/list.js

4 Important CSS tips for faster page rendering

In this article we show an example of how to integrate an external API in Wordpress using a custom page template. The third party API will populate a page.

A collection of my weird web projects.

This error exists in both 14.x and 15.x branches, and has a one-line tested fix, so presenting that here rather than in multiple pull requests. Issue: In either branch latest, graphql fails immedia...

This error exists in both 14.x and 15.x branches, and has a one-line tested fix, so presenting that here rather than in multiple pull requests. Issue: In either branch latest, graphql fails immedia...

This simple psychological trick could vastly reduce tech's carbon footprint.

There was a time when I felt overwhelmed by how fast the web developed. It seemed like not a single day passed without a new plugin, framework, technique,

WCAG 2.1 Recommendations rolled out in 2018. It’s been a couple years now and there are some new Success Criterion. In this article, I will discuss Label

An introduction to Sass maps along with a number of use cases so you can see how beneficial they are in making your code more compact.

One of the powers of utility classes lies in giving you access to every small concept of your design system, in a slew of contexts. If your main color is roy...

Learn all about the Gutenberg color settings for text, background, and gradients. Learn how to configure them, and how to remove them.

Generative color harmonies. The random color expolorer

This is overview article how WordPress and Eleventy works together. I’m writing this article in WordPress block editor as usual but front-end is now served by Eleventy. In other words back-end is still WordPress. front-end is static using Eleventy. site (foxland.fi) is hosted in Netlify. Code can be found in Github: Foxland Eleventy site. Foxland …

Even though more and more people get access to the internet every day, not all of them have fast gigabit connections or…