Make CSS Your Drawing Tool
I really enjoyed this little talk I found while idly browsing YouTube recently. Wentin Zhang, who works at Adobe, draws something I didn’t have any idea CSS could so easily: a mustache. I know, I’ve seen the artisanly drawn CSS, like this portrait of Francine. And that’s cool. It’s also not something I feel I ever would learn from.
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.
How to Use wp_enqueue_style to Load CSS Stylesheets
Stylesheets are at the heart of making HTML pages look good, in WordPress and the web. And the way that we make CSS stylesheets load into the page in WordPress is using the wp_enqueue_style function. It’s not too complicated, but there a few common places that people new to using it will get tripped up. This Quick Guide will cover those, and then get you running in a step-by-step guide.
Adding Custom CSS Classes to WordPress Menu Items
Here’s something that I assumed required a plugin: How can you add one or more CSS classes to a WordPress menu item?
If, like me, you’ve known about CSS flexbox for a long time but don’t really know it, I have something that might help. It’s not the solution — I just finished it and I don’t feel like a flexbox-master — but it is REALLY REALLY good as a learning tool. I now would consider reaching for flexbox when before I wouldn’t have thought to.
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:
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.
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!
How to Customize the CSS on Your WordPress Site
WordPress 4.7, which launched on December 6, 2106, makes customizing the CSS on your site a whole lot easier. Easier enough that I think it’s worth an explanation. So that’s the topic of this Quick Guide. If you want to know even more about the cool new developer-relevant features of 4.7, check out Fred’s post from Tuesday.