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.
Delving Further Into WordPress Website Accessibility
So you’ve read Eric Karkovack’s post on WordPress accessibility, and now you want to make future sites you work on accessible. Great!
How to Fine-Tune Your Existing WordPress Website for Accessibility
Building websites that are accessible to all users has become a major focus of our industry. Not only do we need to ensure that our creations look great on different browsers and devices, but they also need to work well with assistive technologies like screen readers.
How to Minify and Combine CSS and JS with Autoptimize
How to Prevent Browser Caching of a CSS Stylesheet in WordPress
This video and text Quick Guide explains how to prevent browser caching of CSS files in WordPress. The CSS cache busting tricks here will work outside WordPress, too: you’ll just need your own method of adding query strings.
The Four Languages You Must Know to Understand WordPress
How to Add Custom CSS Styles to Beaver Builder Elements
After reviewing WordPress’s page builders in depth, I’ve found that Beaver Builder is my clear favorite, because it caters to people who want to do things right. Case in point: the Beaver Builder team have made it easy to add custom CSS styles to Beaver Builder elements. As with any front-end system, you can do a lot more with Beaver Builder if you understand CSS, and the software encourages this rather than trying to overcompensate for it.
How to Customize File Upload Inputs
This code demo saved my bacon on a client project that needed a very specifically styled file upload input box.