Some considerations to keep in mind when building a Chrome extension using Next.js by @ThomasWang.
https://css-tricks.com/nextjs-chrome-extension-starter/
SVGcode for “Live Tracing” Raster Images
https://css-tricks.com/svgcode-raster-to-vector/
Here's an interesting tactic from @daveseidman: straightening the text in a slanted container by reversing the direction of the glyphs in the actual font file.
https://css-tricks.com/css-slanted-containers/
RT Adam Argyle
#CSS color is about to be incredible!!!
✅ relative color syntax for deriving palettes from any color
✅ LCH for perceptually equal lightness across palettes
✅ every hue can be a palette
Here's me prototyping Open Props vNext Color (Safari TP only) 👇🏻
https://codepen.io/argyleink/full/VwrKRrY
No Motion Isn’t Always prefers-reduced-motion
https://css-tricks.com/nuking-motion-with-prefers-reduced-motion/
Replace JavaScript Dialogs With the New HTML Dialog Element by @madsstoumann
https://css-tricks.com/replace-javascript-dialogs-html-dialog-element/
Using Different Color Spaces for Non-Boring Gradients
https://css-tricks.com/color-spaces-for-more-interesting-css-gradients/
Nice!
T. Afif @ CSS Challenges: I made @css with CSS 😊
The logo of CSS-Tricks with one element. 👇
It was tricky with only gradients so I used clip-path as well.
Demo:
#CSS
https://codepen.io/t_afif/full/zYPNrOe
This one from @5t3ph is a clever take on presentation slides, pulling together scroll snap, live coding, and... styling the element.
https://css-tricks.com/css-scroll-snap-slide-deck/
RT Adam Argyle
Safari Tech Preview has experimental CSS gradient colorspaces and I had tons of fun playing around last night with it!
```#css
background: linear-gradient(
to right in var(--colorspace),
black, white
);
```
basic black to white can be so different!
https://codepen.io/argyleink/pen/OJObWEW
Block themes? Full-site editing? WordPress 5.9 was a huuuuge release and Ganesh Dahal did a bang-up job explaining what it means for WordPress developers moving forward.
https://css-tricks.com/a-deep-introduction-to-wordpress-block-themes/
Nice tips from @pedrodanielcsan on making a codebase easy for anyone to pick up and understand.
https://css-tricks.com/building-a-newbie-friendly-codebase/
An Interview With Thierry Koblentz by Pankaj Parashar
https://css-tricks.com/thierry-koblentz-atomic-css/
Building a Scrollable and Draggable Timeline with GSAP
https://css-tricks.com/building-a-scrollable-and-draggable-timeline-with-gsap/
User Registration and Auth Using Firebase and React by @Tammibr25891504
https://css-tricks.com/user-registration-authentication-firebase-react/
The Optional Chaining Operator, “Modern” Browsers, and My Mom
https://css-tricks.com/the-optional-chaining-operator-modern-browsers-and-my-mom/
“Evergreen” Does Not Mean Immediately Available by @ericwbailey
https://css-tricks.com/evergreen-does-not-mean-immediately-available/
Metaphors We Web By
https://css-tricks.com/metaphors-we-web-by/
Notes on Reverse-Scrolling Columns With CSS Scroll-Timeline
https://css-tricks.com/css-scroll-timeline-reverse-motion-preference/
The Relevance of TypeScript in 2022 by Mamta Dalal
https://css-tricks.com/the-relevance-of-typescript-in-2022/
