Using the CSS3 vh (viewport-height) Unit
I’ve recently fallen in love with the CSS3 vh property. (vh stands for “viewport-height.”) It lets you make things a certain percentage of the height of your browser window itself—whether that “viewport” is a tablet screen, a phone screen (in portrait or landscape), a laptop, a desktop, a smart fridge(?), or what have you.
A Complete Guide to Flexbox
If you’re still hesitant to learn CSS’s Flexbox module, today’s the day. This Flexbox guide from CSS-Tricks is so beautifully clear and so visual that, in my experience, Flexbox almost learned itself—you just need to point your open eyes toward the screen.
Some Cool CSS Tricks on Quora
A Quora feed hits my email everyday, and it’s mostly “Why was Thanos afraid of ___ when he defeated ___?” content. I’m not sure why that’s what’s in my feed, but there you have it and feel free to ask me anything about why Thanos is afraid of people.
I recently needed to create a number of masonry layouts for a WooCommerce website I’m building for a friend. I didn’t want to resort to jQuery, and that’s how, at long last, I found CSS3’s columns property. It lets you do CSS-only layouts that look like this:
Browser-Relative Heights with CSS3 Viewport Percentage
In the first of a few “Whaaaat I had no idea CSS3 did that” posts from me: You can set elements to be a percentage of the height of your browser window!