Skip to content

Standard Reader

CSS-Tricks

CSS-Tricks

@css-tricks.bsky.social

A learning community for front-end designers and developers

17Readers

37Posts

todayLast active

Chrome 155 (Dev) implements margin-trim, following Safari.

Firefox 155 implements progress(), now Baseline.

Firefox 155 ships alpha() and advanced attr(), which Chrome also supports (Safari to follow soon).

Let’s Use the Emergent CSS random() Function in all the Browsers

The journey to create a polyfill for the upcoming CSS random() function that works in all browsers.

CSS functionspolyfill

What’s !important #18: , Syntax ::highlight()ing, named-feature(), and More

Well, that’s a wrap. No, not a flex-wrap, but rather today marks a new day, week, month, season, aaaand new edition of What’s important (#18), bringing you the best content that developers have produced over the last couple of weeks or so.

Safari TP 251 trials comma-separated @container queries in addition to popover=hint.

container-queriesCSS

Safari TP 251 trials corner-shape, object-view-box, at-rule(), ident(), inherit(), random(), and random-item().

Creating Web Widgets Using the Document Picture-in-Picture API

The general idea is that we create a Document Picture-in-Picture window (DPIP window), and then we put HTML, CSS, and JavaScript into it.

JavaScriptpicture-in-picture

Chrome 152 ships the autocorrect HTML attribute, making it Baseline, and the alpha() CSS function (Safari and Firefox are to follow shortly).

alpha()autocorrect

MicroLighter: Syntax Highlighter

Syntax highlighting for code blocks without the complicated markup, spans, classes, and bloated JavaScript, courtesy of Uncle Dave.

custom highlight apiresource

Resolved: CSS Class Prefix Selector

A newly resolved proposal would allow us to select classes that are a prefix for variations with a wildcard, like .prefix-*.

CSS Navigation Matching, Early Days

Apply a style when someone navigates from one specific page to another. The idea being it'd make the sources for cross-document view transitions declarative in CSS rather than managing that stuff in JavaScript.

css navigationview transitions