Search

Nalezeno "parents": 54

Not All Advice is Good Advice


From the time we’re children, we’re trusting people. We rely on those close and older than us to point us toward success and “the right way”. One of the toughest days of our lives is when we realize our parents, or people we look up to, aren’t always perfect...

What I’m Thankful For: 2020


My parents loathe when I use poor language but luckily they don’t read this blog so I’ll just be blunt: 2020 has been an absolute shit show. COVID-19 has been a world-wide source of devastation to lives, jobs, and our quality of life. That said, I’ve found myself feeling...

Full Bleed


We’ve covered techniques before for when you want a full-width element within a constrained-width column, like an edge-to-edge image within a narrower column of text. There are loads of techniques. Perhaps my favorite is this little utility class: .full-width { width: 100vw; position:...

CSS Viewport Units


Deep dive from Ahmad. I like the coverage of vmin and vmax, which I think I don't reach for as often as I should. I'm thinking that if you are doing something highly directional (e.g. a full bleed trick), then directly using vw is necessary. On the other hand, if you're doing a calculation where...

Full-Width Elements By Using Edge-to-Edge Grid


If you have a limited-width container, say a centered column of text, "breaking out" of that to make a full-width element involves trickery. Perhaps the best trick is the one with left relative positioning and a negative left viewport-based margin. While it has it's caveats (e.g. requiring hidden...

Nested Gradients with background-clip


I can't say I use background-clip all that often. I'd wager it's hardly ever used in day-to-day CSS work. But I was reminded of it in a post by Stefan Judis, which consistently was itself a learning-response post to a post over here by Ana Tudor. Here's a quick explanation. You've probably seen...

Restricting a (pseudo) element to its parent’s border-box


Have you ever wanted to ensure that nothing of a (pseudo) element gets displayed outside its parent's border-box? In case you're having trouble picturing what that looks like, let's say we wanted to get the following result with minimal markup and avoiding brittle CSS. The desired result. This...

Steam Removes Game About Hiding Porn From Your Parents


At first glance, You Must Be 18 or Older to Enter doesn’t look like porn. There’s far more ASCII than ass, and the game says its goal is to explore the awkward, scary feelings that accompany a person’s first steps into sexuality. However, last week Valve yanked it because it decided the game...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace