by Floyd Hartford | Feb 26, 2021 | CSS, Website Development
In this article, let’s learn how to use CSS to embed responsive Google Maps on your website. Out-of-the-box, Google Maps embeds come as fixed-sized iFrame HTML elements. That means there’s a defined height and width that doesn’t change. It’s...
by Floyd Hartford | Feb 24, 2021 | Website Development
Are you having issues with Google search engine results pages (SERPs) showing different text underneath your links than what you have written for your META description? You are not alone, but the fact of the matter is Google does not have to respect META description...
by Floyd Hartford | Feb 23, 2021 | Website Development
LightSlider is one of my favorite responsive jQuery carousel plugins to use. It’s fast, it’s lightweight, and it’s relatively easy to install and use on most websites. However, it’s still dependent upon JavaScript and jQuery, and therefore has...
by Floyd Hartford | Feb 14, 2021 | CSS, Website Design, Website Development
Update: Here’s a simple way to achieve the effect using CSS Flexbox that can be applied to almost any WordPress page builder, blocks, Gutenberg, WPBakery, Divi, etc. Each of those systems allows you to have a row or a group to use as a container for items or...
by Floyd Hartford | Jan 18, 2021 | Website Development
Wondering how to code responsive website images? Normal HTML img tags let you specify and use a single image — they’re screen-size independent. Responsive images kick your website up a notch and take img tags to the next level by incorporating srcset and...
by Floyd Hartford | Jan 1, 2021 | Website Development
Did you know you can use pure CSS to create art? Graphic design using CSS isn’t the easiest. However, the result looks a lot like SVG images. And, having the entire graphic be CSS makes every detail extremely customizable and scalable on the fly, so it’s a...