css

An article discussing how to build a textlog application without using JavaScript, emphasizing alternative web technologies like HTML and CSS.

An open-source project that creates an interactive watercolor sketchbook of Singapore using a single HTML file with page-turning effects and a magnifier, showcasing advanced web development techniques.

The article advocates for using 'ch' and 'ex' CSS units instead of 'px' to improve readability and proportional design in web development.

HTMLcat is a resource offering small, native web tricks for HTML, CSS, and JavaScript, including examples and notes on browser support and accessibility.

An analysis of the top 5,000 websites reveals that 90.5% have at least one HTML error, only 2.6% are fully valid, and accessibility failures are widespread.

The article explains how the HTML image element can overflow its container due to CSS properties like object-fit, border-radius, and object-position, and discusses manipulating overflow behavior.

A pure CSS implementation of sunlight streaming through a window, featuring progressive blur, billowing leaves with SVG filters, and sunrise/sunset transitions. Includes detailed code explanations for each visual effect.

The author critiques Lea Verou's two-state dark mode toggle design, proposing a three-state approach where clicking the active theme button returns to the system default.

A blog post about a CSS/JS technique and a small tool that properly centers a div while accounting for browser sidebars and devtools, correcting the position using pointer events.

Ling-3.0-flash's weights are now downloadable under MIT (~128GB FP8), demonstrating ability to generate webpages across multiple design styles using pure code—CSS gradients, SVG paths, typography, and layout—without external images.

This is a Vibe Coding visual dictionary (Part 1), systematically explaining web layout, page structure, navigation, and common component concepts, use cases, and prompts that can be directly copied to AI, helping developers generate web pages that better match design intent.

Promotion of the book 'Math for Web Design' which teaches mathematical principles for precise web layout and animation, covering CSS, JavaScript, and responsive design.

Awesome DESIGN.md is an open-source project that collects over 70 visual rules curated from real websites to help AI generate more natural web designs.

Safari Technology Preview 248 is now available with various fixes and new features for accessibility, CSS, and editing.

Justif is a JavaScript library that brings Knuth-Plass text justification and microtypography to the web, enabling publication-grade typesetting in browsers.

A tutorial on using the CSS oklch() function and relative colors to dynamically generate full color palettes from a single hex code, simplifying color management on websites.

A creative project that builds a DOS-like computer interface entirely with CSS, showcasing the power of modern frontend styling.

The Proportional Web is a CSS stylesheet and design guide inspired by Robert Bringhurst's classic 'The Elements of Typographic Style', aiming to implement book-like typography and layout for the web. It is an open-source project by Oskar Wickström, released under MIT license.

A curated collection of 57 pure-CSS text animations available for free, with copy-paste CSS snippets and optional AI prompts to recreate each effect.

A comprehensive guide to the CSS Anchor Positioning API, explaining how to anchor elements to other elements with `position-anchor` and `position-area` properties, covering common use cases like tooltips and dropdown menus.