Rainbow Selection in CSS
::selection is cool, but scoping it to selectors like :nth-child(5n+2) is even more fun, especially on a love filled ay like Valentine’s Day.
::selection is cool, but scoping it to selectors like :nth-child(5n+2) is even more fun, especially on a love filled ay like Valentine’s Day.
I think it’s fun to take stock of the tools we use as developers. You know, so we can look back and laugh at our primitive setups. And actually, to inspire you to share yours so I can steal all your better tools. Here’s a rundown of stuff I use, focused mostly on literal apps […]
All sorts of great stuff coming up for all our members. Intermediate React, Complete Go, CSS Basics, TypeScript Monorepos, and so much more.
There is some low-hanging web performance fruit with images. Serving them in the right format, from a CDN, with the right HTML can be a big perf win.
The & is a powerful addition to CSS, allowing us to craft selectors without repetition and helping organization and understanding.
The typical approach for these inputs is using multiple HTML inputs, one for each character. But is that a good idea?
There are A LOT of options these days for getting AI help right in your code editor. What seemed to begin with plugins has morphed into a lot of VS Code forks.
Leaflet.js is a free open-source mapping library. We’ll look at how to use it to create a basic map with location points of cats up for adoption.
Just four declarations in CSS can handle this nicely, while avoiding the vertical scrollbar issue.
We’ll get into layered content, clip-path, and the :has() selector to build a responsive slider with live videos. We can do it by hand, but a few SCSS loops will help make it more manageable.
Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.