Tag: front-end
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.
Is WordPress a Good Website Builder?


WordPress isn’t as beginner-friendly as some alternatives, but it offers vastly more potential for customization. Is, and when is, WordPress a good website builder?
How to Create Hero Images with Beaver Builder


This is a guide to creating a hero image on a WordPress site using the Beaver Builder plugin.
WordPress 5.4 May Include Default Image Lazy-Loading


Lazy-loading images is one well-known win for site speed, and at present if you want to implement it in WordPress you have to choose among one of many subtly different plugin options.
See What Fonts an Image is Using with Font Squirrel Matcherator


It’s a funny time to be alive. We haven’t yet reached that part of the technology singularity where rogue nanorobot clouds disassemble us all into carbon dust (bad), or where we transfer our consciousness into massive sentient spaceships and colonize the stars (good?).
How to See What Fonts a Website is Using


If you’ve ever wondered how to see what fonts a website is using, the answer is as simple as opening your browser inspector. Since every bit of a website is interpreted in your browser, if you know how to use your browser inspector properly you can figure out fonts, images, CSS properties, and anything else on the page.
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.
Free Webinar: Understanding Today’s CSS with Algorithms, With Lara Schenck


Last week Fred hosted our first Pro Community-style webinar, on Why Gutenberg Doesn’t Kill Pagebuilders (Yet). We really enjoyed it. It was fantastic to connect more deeply with WPShout readers, and we’ve had very generous and kind feedback on the quality of the teaching and value of the format.
Divi Builder Review: A WordPress Developer’s Perspective


This Divi Builder review is not paid or commissioned by Divi Builder or any other company. This is my honest opinion as a professional WordPress developer, who builds and manages WordPress websites for a living.