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
Grouping browser specific CSS code with @supports
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
Naming boolean variables
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
CSS width, relative to the content size!
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 Base URLs in Codepen Pens
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
4 Things Developers are Mistaken To Be by Defacto
Nope. I’m not talking about makeshift “electricians” and “plumbers” that our family think that we are but some other things that even you may’ve been misread as just because you’re a web developer.
Read More
CSS Counter and Radio Buttons
I’ll be honest. The one ☝️ thing I’ve not much used CSS Counter for is numbering headings which ironically is the prime example shown in all its tutorials. Although counting header elements is EXTREMELY useful, I’ve found more use for Counter with other elements.
Read More
How to Use Emojis as Icons
Icons have become an important part of web designs. Granted there are many online resources (both free and paid) for icons, we still should be able to use the one style of symbols we already have and are uber familiar with — emojis, as icons.
Read More
Master CSS Grid With This Simple Step
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
Read More
Socialphobia (2014) – Movie
I like movies that are both entertaining from the get-go and ends with a solid moral lesson. This one checks both the boxes. If you use social media, which I know you do, then trust me you’ll love this one!
Read More
