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

...

Dark Mode Toggle Buttons should be a browser feature. Thanks to the Web Preferences API, that might become a reality someday.

The biggest logo design library for designer. Explore over 400 logo design on Logo System.

The place for content that isn't suitable for the official docs, for all Astronauts!

Remember the HTML `` element? It’s deprecated, so it’s not like you’re going to use it when you need some sort of horizontal auto-scrolling feature. That’s where CSS comes in because it has all the tools we need to pull it off. Silvestar Bistrović demonstrates a technique that makes it possible with a set of images and as little HTML as possible.

There are many ways to approach a “Dark Mode” feature that respects a user’s system color scheme preferences and allows for per-site customization. Henry Bley-Vroman walks through a new possibility that leans into cutting-edge CSS, with minimal JavaScript to support persisting the user’s color scheme preference across pages.

TabPanel Widget is a Semantic, Accessible, Responsive, Adaptive, and Versatile solution to create TabPanel and Accordion Widgets for the Web.

Tailblocks - Auto-convert Tailwind HTML to WordPress Block code with editable Gutenberg styles. Tailwind to WordPress converter tool/service.

AI companies are crawling the open web to, ostensibly, improve the quality of their models and products. This process is extractive and accrues the benefit to said companies, not the owners of sites both small and large.

There are many ways to approach a “Dark Mode” feature that respects a user’s system color scheme preferences and allows for per-site customization. Henry Bley-Vroman walks through a new possibility that leans into cutting-edge CSS, with minimal JavaScript to support persisting the user’s color scheme preference across pages.

Remember the HTML `` element? It’s deprecated, so it’s not like you’re going to use it when you need some sort of horizontal auto-scrolling feature. That’s where CSS comes in because it has all the tools we need to pull it off. Silvestar Bistrović demonstrates a technique that makes it possible with a set of images and as little HTML as possible.