Delicious

Open source calendar components for selecting single dates or date ranges. Framework-agnostic, themeable, localizable, accessible.

A blog about CSS, front-end development, the web, and beyond.

Last week, Jeremy Keith wrote about what he calls HTML Web Components. Some people treat Web Components like JS library components, where everything is rendered with JavaScript. But Jeremy has a different suggestion… Try not to bring React’s mindset with you… Think about composibility with existing materials. Do you really need to invent an entirely new component from scratch? Or can you use HTML up until it reaches its limit and then enhance the markup?

A dependency-free Web Component that generates progressively-enhanced collapsible regions using ARIA States and Properties. - jgarber623/aria-collapsible

In this comprehensive guide, Temani Afif explores different techniques for creating common shapes with the smallest and most flexible code possible.

Create Hexagonal, Square and Radial grid dotted/pixelated patterns for free. PNG and SVG export available.

Amit Sheen demonstrates using `:has()` to apply styles conditionally when a certain `` in a `` element is chosen by the user and how we gain even more conditional styling capabilities when chaining `:has()` with other pseudo-classes, such as `:not()` — no JavaScript necessary.

A framework for mostly-reusable graphics with svelte

A blog about CSS, front-end development, the web, and beyond.

Unleash the power of templates to generate, modify, and visualize JSON data with ease.

A Tailwind plugin to easily generate fluid clamp() values with every utility.

Learn about our Oklch Palette Generator, a tool designed to simplify creating gradient palettes by ensuring uniform lightness and vibrant colors.

Create new colors based on another color's channels and values.

Description

Style queries will unlock many doors. An ability to alternate a value of any variable that I presented in my previous article might seem to be trivial by itself, but what if there is a hidden depth in how we can utilize it? One interesting case is the ability to emulate `inherit()` — a way to access the previous state of a custom property.

I’ve been having a lot of fun creating reusable Web Components, so here are three that I’ve built and been using this so far this year.

Alternative to Netlify/Decap CMS. Modern, fast, lightweight, Git-based headless CMS. Free & open source. UX-driven development. Made with Svelte. - sveltia/sveltia-cms

Primo is a visual CMS that makes it a blast to build pages, manage content, and edit code - one block at a time.

南小国の名産である小国郷の杉や檜を使用した建築材（構造材、内装材）の製造、販売を行っています。物件ごとの細かいサイズにも小ロットで対応しています。小国杉は、江戸時代、熊本を治めていた細川藩から各戸に25本ずつ苗木が渡されたことに始まると言われている杉で、含まれる油分による独特な艶と淡い桜色が特徴です。

A blog about CSS, front-end development, the web, and beyond.

The one where I reject JavaScript UI libraries

Convert any webpage to a clean markdown w/ images downloaded.

This is the 3rd post in a small series we are doing on form accessibility. If you missed the 2nd post, check out Managing User Focus with :focus-visible. In this post we are going to look at using a screen reader when navigating a form, and also some best practices.

srcset, sizes, picture, source, and how they all fit.

In this article, I am sharing the next evolution of space & cyclic toggles, which allows us to create and apply optional mixins in CSS with the help of custom cascade layers, available today in every browser that supports them.

A wide collection of CSS tips and tricks. The best place to keep up to date with the new CSS features