Best of CSS-Tricks — October 2021
- 1
- 2
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.
- 3
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.
- 4
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.
- 5
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.
- 6
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.
- 7
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.
- 8
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.
- 9
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.
- 10