All posts tagged: tip

Using Base URLs in Codepen Pens

productivity / webdev

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… Advertisements

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.

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.