All posts tagged: css

CSS Counter and Radio Buttons

webdev

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

How to Use Emojis as Icons

webdev

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.

Vertical Alignment for Inline Boxes

webdev

I’ve seen CSS vertical-align used only in table cells before, also, in the centering technique where an element with a display:table parent gets display:table-cell and vertical-align:middle to center its contents, vertically. But who knew, this property is even more useful in a place that’s not a table cell…

CSS Visibility Option: Collapse

webdev

You’re probably already familiar with the visibility CSS property. We use it to hide or show something on the page by toggling its value between visible and hidden. But there’s a third value you might not have noticed yet.