--- title: Best CSS-Tricks posts — December 2022 | daily.dev description: The most upvoted CSS-Tricks posts from December 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/css_tricks/best-of/2022/12 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/css_tricks/best-of/2022/12 og:type: website og:site_name: daily.dev og:title: Best CSS-Tricks posts — December 2022 | daily.dev og:description: The most upvoted CSS-Tricks posts from December 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of CSS-Tricks — December 2022 1. 1 [](https://daily.dev/posts/css-infinite-and-circular-rotating-image-slider-css-tricks-ysxmmq370 "CSS Infinite and Circular Rotating Image Slider | CSS-Tricks") Article CSS-Tricks · 4y CSS Infinite and Circular Rotating Image Slider | CSS-Tricks CSS Infinite and Circular Rotating Image Slider Image sliders are everywhere. There are a lot of CSS tricks to create the common slider where the images slide from left to right (or the opposite) It's the same deal with the many JavaScript libraries out there that create fancy sliders with complex animations. 25 2. 2 [](https://daily.dev/posts/css-is-ok-i-guess-css-tricks-eymns35s3 "CSS is OK, I guess. | CSS-Tricks") Article CSS-Tricks · 4y CSS is OK, I guess. | CSS-Tricks The little song Una did for memorizing for JavaScript’s. and methods at the end of this article comes to mind for sure. The best is this Pen you can use to sing along… The littleSong Una does for memorize for JavaScript's. 23 1 3. 3 [](https://daily.dev/posts/thank-you-2022-edition-css-tricks-dfplaqsx9 "Thank You (2022 Edition) | CSS-Tricks") Article CSS-Tricks · 4y Thank You (2022 Edition) | CSS-Tricks The first one was published in 2007, the same year CSS-Tricks began, and it continued all the way through 2021 without missing a beat. This is the last post we’re publishing this year as we hang up our Gone Fishin’ sign for the holidays. We published a wayyyy less content this year. 15 1 4. 4 [](https://daily.dev/posts/css-infinite-3d-sliders-css-tricks-9moltc-j "CSS Infinite 3D Sliders | CSS-Tricks") Article CSS-Tricks · 4y CSS Infinite 3D Sliders | CSS-Tricks The idea is that we can use the same markup but different CSS to get wildly different results, no matter how many images we toss in. We started with a circular slider that rotates infinitely, sort of like a fidget spinner that holds images. The logic for this slider is very similar to the circular slider from the first article. 14 [See all CSS-Tricks archives](/sources/css%5Ftricks/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/css_tricks/best-of/2022/12#page","url":"https://daily.dev/sources/css_tricks/best-of/2022/12","name":"Best CSS-Tricks Posts — December 2022","description":"The most upvoted CSS-Tricks posts from December 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/css_tricks/best-of/2022/12#items","numberOfItems":4,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/css-infinite-and-circular-rotating-image-slider-css-tricks-ysxmmq370","name":"CSS Infinite and Circular Rotating Image Slider | CSS-Tricks"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/css-is-ok-i-guess-css-tricks-eymns35s3","name":"CSS is OK, I guess. | CSS-Tricks"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/thank-you-2022-edition-css-tricks-dfplaqsx9","name":"Thank You (2022 Edition) | CSS-Tricks"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/css-infinite-3d-sliders-css-tricks-9moltc-j","name":"CSS Infinite 3D Sliders | CSS-Tricks"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"CSS-Tricks","item":"https://daily.dev/sources/css_tricks"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/css_tricks/best-of"},{"@type":"ListItem","position":5,"name":"December 2022"}]}]} ```