@css-tricks.bsky.social
* A website about making websites: https://css-tricks.com
Most posts brought to you by @geoffgraham.me
@geoffgraham.meReposted by @css-tricks.bsky.socialđ Why CSS-Tricks Has Been Quiet Lately
@css-tricks.bsky.socialQuick Hit #182
Safari TP 252 trials named-feature() and user-select.
@css-tricks.bsky.socialQuick Hit #181
Firefox 157 (Nightly) ships overscroll-behavior: chain.
@css-tricks.bsky.socialQuick Hit #180
Chrome 153 becomes the first to implement scroll-axis-lock, , and .
@css-tricks.bsky.socialQuick Hit #179
Chrome 155 (Dev) implements random() (also available in Safari) as well as symbols() (in Firefox).
@css-tricks.bsky.socialQuick Hit #178
Chrome 155 (Dev) implements margin-trim, following Safari.
@css-tricks.bsky.social@css-tricks.bsky.socialQuick Hit #176
Firefox 155 ships alpha() and advanced attr(), which Chrome also supports (Safari to follow soon).
@css-tricks.bsky.socialLee Meyer: "A person would have to be a special breed of crazy to attempt to polyfill CSSÂ random()." And then he did it.
@css-tricks.bsky.socialWhatâ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...
@css-tricks.bsky.socialQuick Hit #175
Safari TP 251 trials comma-separated @container queries in addition to popover=hint.
@css-tricks.bsky.socialQuick Hit #174
Safari TP 251 trials corner-shape, object-view-box, at-rule(), ident(), inherit(), random(), and random-item().
@piccalil.liReposted by @css-tricks.bsky.socialWe asked @wil.to what it is he likes about JavaScript. Knowing Mat, it's no surprise to hear him talk with affection for all its rough edges. "A little dust on the lens is all part of the charm" as he puts it. We've got a lot of time for this perspective.
@css-tricks.bsky.socialCreating 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.
https://css-tricks.com/creating-web-widgets-using-the-document-picture-in-picture-api/
@css-tricks.bsky.socialMicroLighter: Syntax Highlighter
Syntax highlighting for code blocks without the complicated markup, spans, classes, and bloated JavaScript, courtesy of Uncle Dave.
@css-tricks.bsky.socialVery clever examples from @preethisam.bsky.social animating border-image. Super easy to forget it's animatable in the first place.
That radial gradient one is just... đ
@css-tricks.bsky.socialGet Ready For the Powerful CSS border-shape Property!
We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the...
https://css-tricks.com/get-ready-for-the-powerful-css-border-shape-property/
@css-tricks.bsky.socialQuick Hit #159
Firefox 154 (Nightly) will ship text-box, text-box-trim, and text-box-edge, making them Baseline.
@css-tricks.bsky.socialUsing Scroll-Driven Animations for Opposing Scroll Directions by @silvestar.codes
@css-tricks.bsky.socialJust curious: What do y'all think a paid front-end course needs these days to be *worth* it? Like you or your company would actually pay for it? I'm sure it depends on the learning level, so let's assume it could be different comprehensive courses for beginning, intermediate, and advanced learners.
