Some Links About CSS Gradients by @geoffreygraham
https://css-tricks.com/some-links-about-css-gradients/
Say you have a WordPress block that renders external API data on the front end. This post shows how to get it working in the block editor, too.
https://css-tricks.com/rendering-external-api-data-in-wordpress-blocks-on-the-back-end/
The New CSS Media Query Range Syntax by @Preethi39195942
https://css-tricks.com/the-new-css-media-query-range-syntax/
A few more tricks up @ChallengesCSS's sleeve when it comes to fancy image stying using only the image as the selector.
https://css-tricks.com/fancy-image-decorations-outlines-and-complex-animations/
Link: Holographic Trading Cards by @simeydotme
https://css-tricks.com/holographic-trading-card-effect/
A clever approach to clickable cards from @utilitybend that saves a wrapper — use :has() to update styles if _any_ element child in the card is hovered or in focus.
https://css-tricks.com/creating-animated-clickable-cards-with-the-has-relational-pseudo-class/
Is There Too Much CSS Now? by @sachagreif
https://css-tricks.com/is-there-too-much-css-now/
Last week, @ChallengesCSS showed what’s possible for styling with no other hooks but the tag.
This week, he gets all fancy with CSS masks and hover effects.
https://css-tricks.com/fancy-image-decorations-masks-and-advanced-hover-effects/
Instant Articles, Proprietary Syndication, and a Web Built on User Fidelity Preferences by @geoffreygraham
https://css-tricks.com/instant-articles-proprietary-syndication-user-fidelity-preferences/
Here's a great one from @cassiecodes with everything you need to consider for fluid, responsive animations, and options for making them.
https://css-tricks.com/responsive-animations-for-every-screen-size-and-device/
You know the old saying that, to a hammer, every problem is a nail? Well, I like the way @rpsthecoder reaches for a CSS blur() to get a natural shadow effect in this one.
https://css-tricks.com/how-to-make-a-folder-slit-effect-with-css/
Really love the way @mmatuzo breaks down this little snippet he found in one of @ChallengesCSS's demos: margin-inline: max(0px, ((100% - 64rem) / 2));
https://css-tricks.com/manuel-matuzovic-max-trickery/
Pure CSS Bezier Curve Motion Paths by @coolwanglu
https://css-tricks.com/pure-css-bezier-curve-motion-paths/
Behind the CSScenes, October 2022
https://css-tricks.com/behind-the-csscenes-october-2022/
How creative can you get decorating images with nothing but an tag? More creative than @ChallengesCSS? These are awesome.
https://css-tricks.com/fancy-image-decorations-single-element-magic/
Some takeaways from @aneventapart Denver 2022 #aeaden
https://css-tricks.com/some-things-i-took-away-from-an-event-apart-2022-in-denver/
A Pure CSS Gallery Focus Effect with :not by Krzysztof Gonciarz
https://css-tricks.com/a-pure-css-gallery-focus-effect-with-not/
Container style queries aren’t here yet, but they will be! What do you reckon you will use ‘em for?
https://css-tricks.com/early-days-of-container-style-queries/
Rendering External API Data in WordPress Blocks on the Front End by Manoj Kumar
https://css-tricks.com/rendering-external-api-data-in-wordpress-blocks-on-the-front-end/
So, WordPress 6.1 is bringing fluid type to theming — defined ranges mapped to Block Editor controls. Ganesh Dahal has all the nitty gritty details.
https://css-tricks.com/fluid-typography-wordpress-block-themes/
