Does your project call for you to insert an ad, graphic, or some other type of content between posts? If so, there’s a very easy solution. A typical loop looks like this, taken from the twentyfourteen theme: if ( have_posts() ) : while ( have_posts() ) : the_post(); get_template_part( 'content', get_post_format() ); endwhile; else : get_template_part( 'content', 'none' […]

Find out how to use your design system's color tokens directly in Tailwind CSS, and how to keep those token colors updated in all Figma components and your code.

Quickly create Design System tokens and get JSON, CSS and SASS code. Use our Design Tokens generator to quickstart your next project!

A tiny, efficient fuzzy search that doesn't suck. Contribute to leeoniya/uFuzzy development by creating an account on GitHub.

CSS Color Module 4 adds oklch(), and we gain P3 wide-gamut support, boost code readability, and improve developer-designer communication.

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

The MapLibre GL JS API documentation to render interactive maps from vector tiles and MapLibre styles.

How to create a complex but highly customizable background gradient that can be modified easily using CSS custom properties.

A look at integrating Cloudinary image processing with Eleventy

Develop components in isolation with just an iframe

What is WebC and what does it have to do with Eleventy?

How to use CSS-only Type Grinding to allow your design tokens written in your CSS to be transformed into any other values without relying on JavaScript!

A strategy for smooth page transitions on Astro MPAs.

Open source content management for your Git workflow

Let’s take a look at how we can progressively enhance the color experience on the web, accessing color spaces such as display-p3.

My first attempt working with Eleventy's new Web Component plugin

The Stable Diffusion search engine

In this article, Adrian Bece will show how to create same-document page transitions for Single Page Apps using Shared Element Transitions API and check out its future implementation and potential for creating cross-document transitions in Multi-Page Apps.

The blog of Scott Hansen (aka ISO50 / Tycho)

A placeholder web component that uses dynamic SVGs.

There’ve been some new tutorials popping here on CSS-Tricks for working with WordPress blocks. One of them is an introduction to WordPress block development

Extending elements beyond the content area with CSS Grid and named grid lines

🔺 Triangles, arrows, diamonds, tooltips, bubbles, etc. 57 free CSS shapes, ready to use, click to copy.

Randomness in the browsers without using JavaScript? Check out how to generate random numbers using just CSS and make some generative art!

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

Click on any component and go from your app to component's code.

Astro is a new Static Site Generator, that focuses on shipping less front-end JavaScript. It’s also very simple to use and connect with different APIs. That’s why in this tutorial I’m going to show how to connect WordPress REST API together with Astro. Advertisment LMS created by e-learning experts LearnDash LearnDash is taking cutting-edge e-learning […]

Explaining the background and design variations of the Rotae NFT collection, released on Art Blocks