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.
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…
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.
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.
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.
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
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!
The length of an array is often misunderstood as the tally of the number of items we’ve added to the array, when it’s not! It’s got something to do with the indices, actually.
Browsers can automatically add quotations in pages for the HTML q element. The default quotes are the double quotations at the top of the text. This, however, is changeable.
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…