Better 'safe' than sorry
Did you know that one of the goals with CSS is to prevent data loss? The goal of CSS is to keep content and elements visible to the user and does this by design, most of the time.
Read vibeHi there!
Good Vibes Only is owned by me, Jessica, and I work as a freelance front-end developer. I write about things I’ve experimented with and thoughts I like to share, focusing on creativity and CSS.
I have a love for CSS because it’s what makes the web look interesting and fun!
Things I have written
Newest vibes
The superpower every developer needs
In every job advertisement in the market, there's a superset of skills we aim to match. A whole bunch of tech references and frameworks. So, which one of them is the most important to have as a superpower? None, if you ask me.
Read vibe
Quick and trix
Latest beat
A new kind of cap?
Loads has changed in the world of CSS and one area that’s developed is CSS Units. One of the newcomers is a relative font unit called ‘cap’. Let’s dig deeper! It’s all about measuring the distance from the baseline to the top of capital or uppercase letters, typically the height of letters with flat tops. A neat use case for this one? Say you want to align an icon next to your text and make sure they’re both the same height and size.
Look at this:
<p>
Good Vibes Only
<svg>SVG icon in here</svg>
</p>p {
font-size: 2rem;
}
svg {
height: 1cap;
width: auto;
}What height will the icon have? It’ll match the height of the font exactly, and the icon will always automatically align with the baseline of the font. No matter if the font grows or gets smaller due to new CSS or browser settings.
Kind of nice!