--- title: Best CSS-Tricks posts — June 2022 | daily.dev description: The most upvoted CSS-Tricks posts from June 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/css_tricks/best-of/2022/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/css_tricks/best-of/2022/06 og:type: website og:site_name: daily.dev og:title: Best CSS-Tricks posts — June 2022 | daily.dev og:description: The most upvoted CSS-Tricks posts from June 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 — June 2022 1. 1 [](https://daily.dev/posts/great-web-development-books-you-can-read-free-css-tricks-j1n6nm-ov "Great Web Development Books You Can Read Free | CSS-Tricks") Article CSS-Tricks · 4y Great Web Development Books You Can Read Free | CSS-Tricks The Magic of CSS by Adam Schwartz is a great primer on complex CSS concepts. Resilient Web Design by Jeremy Keith is an approach for building the websites of the future. Beginning CSS Web Development: From Novice to Professional is a guide to the fundamentals of CSS. 53 1 2. 2 [](https://daily.dev/posts/my-dumbest-css-mistakes-css-tricks-kvt8mo5k7 "My Dumbest CSS Mistakes | CSS-Tricks") Article CSS-Tricks · 4y My Dumbest CSS Mistakes | CSS-Tricks We all make mistakes in our code. It happens! I know if I had one of those “Days Since Last Mistake” signs hanging over my desk, a big ol’ goose egg would be hovering above me all the time. It doesn’t have to be big mistakes, either. My clumsy self has committed small errors to repos ranging from typos all the way to complete module directories. 38 1 3. 3 [](https://daily.dev/posts/bunny-fonts-css-tricks-fzk8xdue5 "Bunny Fonts | CSS-Tricks") Article CSS-Tricks · 4y Bunny Fonts | CSS-Tricks Bunny Fonts bills itself as the “privacy-first web font platform designed to put privacy back into the internet” It offers the same open source fonts and holds the same API structure used by Google Fonts. The possibility of Google collecting data through its Fonts API is hardly unsurprising or even unexpected. 14 4. 4 [](https://daily.dev/posts/single-element-loaders-the-spinner-css-tricks-6twxnvojp "Single Element Loaders: The Spinner | CSS-Tricks") Article CSS-Tricks · 4y Single Element Loaders: The Spinner | CSS-Tricks In this article, we will see how to make a single element loader writing as little code as possible. I have made a collection of more than 500 single div loaders and will share the tricks I used to create many of them. We will cover a huge number of examples, showing how small adjustments can lead to fun variations. 11 [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/06#page","url":"https://daily.dev/sources/css_tricks/best-of/2022/06","name":"Best CSS-Tricks Posts — June 2022","description":"The most upvoted CSS-Tricks posts from June 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/06#items","numberOfItems":4,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/great-web-development-books-you-can-read-free-css-tricks-j1n6nm-ov","name":"Great Web Development Books You Can Read Free | CSS-Tricks"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/my-dumbest-css-mistakes-css-tricks-kvt8mo5k7","name":"My Dumbest CSS Mistakes | CSS-Tricks"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/bunny-fonts-css-tricks-fzk8xdue5","name":"Bunny Fonts | CSS-Tricks"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/single-element-loaders-the-spinner-css-tricks-6twxnvojp","name":"Single Element Loaders: The Spinner | 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":"June 2022"}]}]} ```