Firefox Quantum: Developer Edition has a very useful tool to inspect the CSS grid layout in websites. Check out how to access and use it. Advertisements
For the codepen output, if you want to add fonts, like google fonts, you can do that in more than one way.
We’ve heard it all before: healthy diet, regular exercise and stress reduction, the pillars of good health. But even all those combined can’t keep us from the health issues that our work induces in us.
Another quick tip, today! This time it’s about the CSS @supports rule. The rule checks for the browser support, or the lack of it, of a given CSS property/value and applies some style if that check is passed.
Whether you’re naming human babies or variables in code, the struggle is real. Okay, that maybe was a little exaggerated — naming babies is much easier. So, let’s take a look at a naming rule for boolean that most folks follow and is kinda awesome.
Using Codepen more and more, often to experiment and for demos to show the code I’m working with, I’ve learned to make my Codepen workflow smoother with little tacks here and there. One of which is finding a way to avoid repeating a same base URL in the HTML, in Pens. Here’s what I mean…
The answer is, a blueprint! I’m not kidding, this is the single best thing you could include in your Grid workflow (if you got one) that’ll make you master the gridding work
Communication-wise there are three kinds of people, especially newbies, who might come up to you (or not) for help in the workplace.