Everybody has habits. Some habits are tied to something specific about you: your family, your job, your hobby; while others are very behavioural and effervescent, sneaking into almost all aspects of your life.
Read More
Almost all of the text and box fragment designs I’ve seen online use SVG, and maybe even JavaScript, which is great – and resourceful – but I wanted a simpler method (by simpler, I mean CSS 🐒) to show a plain fragment effect 💔
Read More
Using auto margin to center an item in both the horizontal and vertical axes is tricky — unless that item is a grid item.
Read More
I’ve known about :target for a while and have always found it to be quiet useful, but I think with an added animation spin to it, it can be truly profitable 👍
Read More
For the codepen output, if you want to add fonts, like google fonts, you can do that in more than one way.
Read More
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.
Read More
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.
Read More
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.
Read More
Generally, we do a fixed width (ex. pixels) or container-relative width (ex. percentage) for a block element like div. So, to size the width of an element based on its content, instead, hasn’t always been a usual or straightforward thing to do.
Read More
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…
Read More
