--- title: Best CSS-Tricks posts — October 2021 | daily.dev description: The most upvoted CSS-Tricks posts from October 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/css_tricks/best-of/2021/10 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/css_tricks/best-of/2021/10 og:type: website og:site_name: daily.dev og:title: Best CSS-Tricks posts — October 2021 | daily.dev og:description: The most upvoted CSS-Tricks posts from October 2021, 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 — October 2021 1. 1 [](https://daily.dev/posts/can-i-include-facs1ua3p "Can I Include") Article CSS-Tricks · 5y Can I Include This site helps you understand which tag you can include in another using the WHATWG HTML specification. Check when a tag can be included in another tag. Based on HTML spec | Last Updated 8 October 2021\. Swap tag names ? Pairing tag names with other tags is possible. 80 2 2. 2 [](https://daily.dev/posts/scroll-shadows-with-javascript-wr1u33mzu "Scroll Shadows With JavaScript") Article CSS-Tricks · 5y Scroll Shadows With JavaScript scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. You can actually pull it off in CSS, which I think is amazing and one of the great CSS tricks. Except… it just doesn’t work on iOS Safari. 49 3 3. 3 [](https://daily.dev/posts/less-absolute-positioning-with-modern-css-zvpohk2b8 "Less Absolute Positioning With Modern CSS") Article CSS-Tricks · 5y Less Absolute Positioning With Modern CSS Each time I work on a component that needs absolute positioning, I ask myself: is it really necessary? I started to notice a few use-cases where using position: absolute isn’t needed. I thought about documenting the use-case that I usually came through while working on front-end projects. 32 1 4. 4 [](https://daily.dev/posts/conditional-border-radius-in-css-e9gha8p6b "Conditional Border Radius In CSS") Article CSS-Tricks · 5y Conditional Border Radius In CSS A while ago, I was inspecting facebook.com home page feed to learn and see how they build things out. I noticed a very, very interesting border-radius value for the card component in the main feed. In this article, I will try to highlight the problem, and explain how the solutions work. 30 5. 5 [](https://daily.dev/posts/vite--h6zzp6lyb "Vite + _____") Article CSS-Tricks · 5y Vite + \_\_\_\_\_ Vite, “Next Generation Frontend Tooling” from Evan You, has been capturing a lot of attention. Vite works great with Vue, but Vue doesn’t seem to be the only first-class citizen of Vite. The plugins support Vue and React just the same and it looks like configurations for lit, Preact, and Svelte are easy. 29 6. 6 [](https://daily.dev/posts/jamstack-developers-favorite-frameworks-of-2021-3pdx8woyy "Jamstack Developers’ Favorite Frameworks of 2021") Article CSS-Tricks · 5y Jamstack Developers’ Favorite Frameworks of 2021 Jamstack has gone mainstream and the ecosystem is thriving. More than 60% of survey respondents use Figma and are happier with it than the users of any other design tool. For 55% of developers, JavaScript is their primary language, but TypeScript is coming from behind with a growing share. 24 7. 7 [](https://daily.dev/posts/links-on-react-and-javascript-ii-otdphndok "Links on React and JavaScript II") Article CSS-Tricks · 5y Links on React and JavaScript II React is the web's most popular framework. Frontend Masters has the best courses on the web for React. Includes a complete learning course from the best teachers in JavaScript. Wanna learn React deeply? Take our React deep learning course. Back to Mail Online home. back to the page you came from. 14 8. 8 [](https://daily.dev/posts/branching-strategies-in-git-0tjxmmr2r "Branching Strategies in Git") Article CSS-Tricks · 5y Branching Strategies in Git This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles!Almost all version control systems (VCS) have some kind of support for branching. In a nutshell, branching means that you leave the main development line by creating a new, separate container for your work and continue to work there. 13 9. 9 [](https://daily.dev/posts/what-if-you-could-use-visual-studio-code-as-the-editor-of-in-browser-developer-tools--0cbe5opal "What if… you could use Visual Studio Code as the editor of in-browser Developer Tools?") Article CSS-Tricks · 5y What if… you could use Visual Studio Code as the editor of in-browser Developer Tools? Starting with the next version of Microsoft Edge, we are running an experiment that allows you to use Visual Studio Code as the editor of the in-browser Developer Tools. It is an experiment you need to turn on in DevTools by choosing the gear icon. If you do a change in VS Code and save the file it also syncs live in the browser. 11 10. 10 [](https://daily.dev/posts/css-in-typescript-with-vanilla-extract-74vi-ukms "CSS in TypeScript with vanilla-extract") Article CSS-Tricks · 5y CSS in TypeScript with vanilla-extract vanilla-extract is a new framework-agnostic CSS-in-TypeScript library. It’s a lightweight, robust, and intuitive way to write your styles. It was released this year and has the benefit of being able to leverage some recent trends. 10 [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/2021/10#page","url":"https://daily.dev/sources/css_tricks/best-of/2021/10","name":"Best CSS-Tricks Posts — October 2021","description":"The most upvoted CSS-Tricks posts from October 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/css_tricks/best-of/2021/10#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/can-i-include-facs1ua3p","name":"Can I Include"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/scroll-shadows-with-javascript-wr1u33mzu","name":"Scroll Shadows With JavaScript"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/less-absolute-positioning-with-modern-css-zvpohk2b8","name":"Less Absolute Positioning With Modern CSS"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/conditional-border-radius-in-css-e9gha8p6b","name":"Conditional Border Radius In CSS"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/vite--h6zzp6lyb","name":"Vite + _____"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/jamstack-developers-favorite-frameworks-of-2021-3pdx8woyy","name":"Jamstack Developers’ Favorite Frameworks of 2021"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/links-on-react-and-javascript-ii-otdphndok","name":"Links on React and JavaScript II"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/branching-strategies-in-git-0tjxmmr2r","name":"Branching Strategies in Git"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/what-if-you-could-use-visual-studio-code-as-the-editor-of-in-browser-developer-tools--0cbe5opal","name":"What if… you could use Visual Studio Code as the editor of in-browser Developer Tools?"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/css-in-typescript-with-vanilla-extract-74vi-ukms","name":"CSS in TypeScript with vanilla-extract"}]},{"@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":"October 2021"}]}]} ```