Share This
Get in Touch
Scroll Down
//Blog

Alvaro Montoro: CSS One-Liners to Improve (Almost) Every Project

These sorts of roundups always get me. My wife will flip through Zillow photos of the insides of homes for hours because she likes seeing how different people decorate, Feng Shui, or what have you. That’s her little dip into Voyeur-Land. Mine? It could easily be scrolling through CSS snippets that devs keep within arm’s reach. Alvaro was kind enough to share the trustiest of his trusty CSS: Limit the content width within the viewport Increase the body text size ..

Read more
  • 0 Comment

CSS Stuff I’m Excited After the Last CSSWG Meeting

From June 11–13, the CSS Working Group (CSSWG) held its second face-to-face meeting of the year in Coruña, Spain, with a long agenda of new features and improvements coming to language. If 2023 brought us incredible advances like out-of-the-box nesting, container and style queries, or the has: selector, then 2024 is going to be even more packed with even more ground-breaking additions. Whether a new feature like inline conditionals is just starting or long-term projects ar..

Read more
  • 0 Comment

Sara Joy: Everybody’s Free (To Write Websites)

Sara Joy’s adaptation of the song “Everybody’s Free (To Wear Sunscreen)” (YouTube) originally by Baz Luhrman with lyrics pulled directly from Mary Schmich‘s classic essay, “Wear Sunscreen”. Anyone who has graduated high school since 1999 doesn’t even have to look up the song since it’s become an unofficial-official commencement ceremony staple. If you graduated in ’99, then I’m sorry. You might still be receiving ongoing treatment for the earworm infecti..

Read more
  • 0 Comment

CSS Selectors

Overview CSS is really good at many things, but it’s really, really good at two specific things: selecting elements and styling them. That’s the raison d’être for CSS and why it’s a core web language. In this guide, we will cover the different ways to select elements — because the styles we write are pretty much useless without the ability to select which elements to apply them to. The source of truth for CSS selectors is documented in the Selectors Module Le..

Read more
  • 0 Comment

“If” CSS Gets Inline Conditionals

A few sirens went off a couple of weeks ago when the CSS Working Group (CSSWG) resolved to add an if() conditional to the CSS Values Module Level 5 specification. It was Lea Verou’s X post that same day that caught my attention: A historical day for CSS 😀🎉If you write any components used and/or styled by others, you know how huge this is!background: if(style(–variant: success), var(–green));Even if you don’t, this will allow things like: padding: if(var(–2x..

Read more
  • 0 Comment

Transitioning to Auto Height

I know this is something Chris has wanted forever, so it’s no surprise he’s already got a fantastic write-up just a day after the news broke. In fact, I first learned about it from his post and was unable to dredge up any sort of announcement. So, I thought I’d jot some notes down because it feels like a significant development. The news: transitioning to auto is now a thing! Well, it’s going to be a thing. Chrome Canary recently shipped support for it and that’s..

Read more
  • 0 Comment

Poppin’ In

Oh, hey there! It’s been a hot minute, hasn’t it? Thought I’d pop in and say hello. 👋 Speaking of “popping” in, I’ve been playing with the Popover API a bit. We actually first noted it wayyyyy back in 2018 when Chris linked up some information about the <dialog> element. But it’s only been since April of this year that we finally have full Popover API support in modern browsers. There was once upon a time that we were going to get a brand-new &lt..

Read more
  • 0 Comment

CSS Meditation #8: .work + .life { border: 10px solid #000; } originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter...

Read more
  • 0 Comment

CSS Meditation #7: Nobody is perf-ect. originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter...

Read more
  • 0 Comment

CSS Container Queries

Container queries are often considered a modern approach to responsive web design where traditional media queries have long been the gold standard — the reason being that we can create layouts made with elements that respond to, say, the width of their containers rather than the width of the viewport. .parent { container-name: hero-banner; container-type: inline-size; /* or container: hero-banner / inline-size; */ } } .child { display: flex; flex-direction..

Read more
  • 0 Comment
Get in Touch
Close