A nice big ol’ roundup of custom scrollbars from @SyntaxE85827144.
https://css-tricks.com/classy-and-cool-custom-css-scrollbars-a-showcase/
Here we go, @ChallengesCSS with some wild experiments making image galleries with clever grids, custom shapes, and hover effects!
https://css-tricks.com/css-grid-and-custom-shapes-part-3/
Hey folks! We are currently experiencing some issues with the site and are working with the right people to resolve it. You can check out our status page for updates:
https://status.digitalocean.com/incidents/t7bdg701r8rt
WordPress 6.1 brings us much closer to a time where all theme styles could be written in JSON. Ganesh shows us what that looks like.
https://css-tricks.com/managing-css-styles-in-a-wordpress-block-theme/
A Couple Changes Coming in Chrome 108
https://css-tricks.com/a-couple-changes-coming-in-chrome-108/
The Difference Between Web Sockets, Web Workers, and Service Workers by Aisha Bukar
https://css-tricks.com/the-difference-between-web-sockets-web-workers-and-service-workers/
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/
