#CSS

[ follow ]
#css
Web development
fromCSS-Tricks
6 days ago

What Can We Actually Do With corner-shape? | CSS-Tricks

The CSS corner-shape property extends border-radius to create bevels, squircles, and snipped corners, requiring Chrome 139+ and use with border-radius properties.
Web development
fromCSS-Tricks
1 week ago

Compiling Multiple CSS Files into One | CSS-Tricks

Many core Sass features now exist in CSS, enabling gradual migration away from Sass by compiling multiple partial CSS files with PostCSS or Node.js scripts.
Web design
fromkube.io
in 2 weeks

Liquid Glass in the Browser: Refraction with CSS and SVG - kube.io

Recreate a Liquid Glass UI effect on the web by approximating optical refraction and specular highlights using CSS, SVG displacement maps, and simplified physics.
#web-development
Web design
fromCSS-Tricks
1 week ago

What You Need to Know About CSS Color Interpolation | CSS-Tricks

Color interpolation computes intermediate colors between two points to create palettes, gradients, transitions, and mix colors across color spaces using functions like color-mix().
Apple
fromWebKit
2 weeks ago

Release Notes for Safari Technology Preview 227

Safari Technology Preview Release 227 adds accessibility improvements, animation persistence and bug fixes, and multiple new CSS features for macOS Tahoe and Sequoia.
#html
#javascript
fromjQuery Script
3 weeks ago

jQuery Retro Flip Clock & Countdown Timer Plugin - FlipClock

Flip Clock is a jQuery plugin for creating a clock & countdown timer that displays information in a digital format on a split flap display. The clock & countdown timer can be fully customized via CSS and full-featured developer API. How to use it: 1. Include required FlipClock CSS in the head section of your page. <link rel="stylesheet" href="/path/to/compiled/flipclock.css" /> 2. Create a container for the clock. <div class="clock"></div> 3. Include jQuery library and the jQuery FlipClock plugin at the bottom of the page. <script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/compiled/flipclock.min.js"></script>
JavaScript
UX design
fromCSS-Tricks
1 month ago

On Accessibility Conformance, Design Systems, and CSS "Base" Units | CSS-Tricks

Accessible web experiences require components designed to work collectively rather than in isolation.
Typography
fromOddBird
1 month ago

Designing for User Font-size and Zoom

User font-size preferences can enhance web readability, but defaults and variations create challenges in achieving a universally ideal experience.
#svg
LA food
fromPitchfork
2 months ago

L7 to Celebrate 40th Anniversary With Los Angeles Concert Featuring Lunachicks and CSS

L7 celebrates its 40th anniversary with a special concert in Los Angeles featuring Lunachicks and CSS.
Apple
fromCSS-Tricks
2 months ago

Getting Clarity on Apple's Liquid Glass | CSS-Tricks

Liquid glass is a universal design system by Apple focusing on dynamic user interactions and fluidity across all platforms.
UX design
fromRaymondcamden
2 months ago

Cleaning Up My Print View with CSS Media Queries

Print versions should focus on essential content, omitting irrelevant elements such as ads, comments, and share options.
fromCSS-Tricks
2 months ago

KelpUI | CSS-Tricks

KelpUI is being designed to leverage modern CSS features and Web Components, while emphasizing utility, customizability, and simplicity in naming and specificity.
UX design
UX design
fromAtlaspuplabs
2 months ago

Liquid Glass, but in CSS

Apple's Liquid Glass design language can be approximated using CSS with effort, primarily in Chrome.
The Liquid Glass effect creates an illusion of depth and smoothness using visual techniques.
fromRaymondcamden
2 months ago

Links For You (6/22/25)

I've shared Josh Comeau links many times here and his ability to explain technical matter with incredibly simple and well-built demos is easily the best in the industry.
Web development
#web-design
UX design
fromCSS-Tricks
3 months ago

Exploring the CSS contrast-color() Function... a Second Time | CSS-Tricks

The contrast-color() function simplifies color contrast decisions for web accessibility, but lacks flexibility and current browser support.
#responsive-design
[ Load more ]