Where to Add Custom CSS in WordPress
There will be times when you are working on a WordPress site when you want to add custom CSS.
CSS Grid Generator
Frequent readers my recognize me as the not-great-at-CSS person here at WPShout. So for me, this Interactive CSS Grid Generator from Layoutit! is just such a welcome relief. I can (and have) learned all the different bits of markup and orders for different CSS grid properties. But I also ALWAYS have to look them up when I want to use them.Which one goes first? What’s that one actually called? All those sorts of questions.
How to Create a WordPress Theme from Scratch
When it’s time to choose a WordPress theme for your website, you have tons of options. Perhaps the most powerful is to forego the readymade themes on the market and build your own. Building your own theme puts you in complete control when it comes to looks and functionality. It can take your project up to that next level. That’s why today, we’re going to show you how to create a WordPress theme from scratch.
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.