Many web designers and front end developers have been stumped by this dilemma before. When you have a parent div with only floated child elements inside, how do you give the parent element the height of the floated child elements? Before we look at the answer, let’s look at why this is a problem in […]
HTML: Give Parent Div 100% Height Of Child Floated Elements
Published January 27th, 2016
11 Comments on HTML: Give Parent Div 10011 Height Of Child Floated Elements
Create A CSS Sticky Footer
What is a sticky footer? And why would you need one? As you may already know, the footer is the area at the bottom of a web page. This area usually contains copyright information, social media and other links, and sometimes contact information. The problem is that occasionally, your site may have pages where the […]
Using The More Tag In WordPress
The More Tag is one feature of WordPress that is still misunderstood by many users. The More Tag is what triggers the Read More or Continue Reading type of links on an archive page of blog posts or other post types. Most themes have a default link text for when the More Tag is displayed. […]
CSS: Using :nth-of-type() To Style Repeating Items
If you’re a developer, you’ve probably encountered a situation where you need to style items in a list. Oftentimes, you might be called on to set up a repeating pattern of items in a grid — like mini-profile bios on an About Page, for example. Let’s say you have a grid where each row has […]
Styling WooCommerce Review Stars
WooCommerce is the leading e-commerce solution on WordPress, and powers millions of online stores. However, customizing certain elements in WooCommerce isn’t always as obvious as one might presume. This tutorial looks at how to change one of those elements, the review stars.
Adding Custom Styles To Google Maps
You may have seen examples of stylized Google Maps before. These Google Maps look different than the default styles that come with Google Maps. There is an example of one of these stylized maps at the bottom of my Contact page. You may be wondering “How do I get my own Google Map to look […]
Code Highlighting via Prism.js
Every once in a while, I share code snippets or development tutorials on the blog. Up until recently, I was using a plugin to handle code highlighting. (That’s where the code blocks have their own fancy code styling.) But then I discovered my plugin was causing a conflict with another part of my site, so […]
Add Name Attribute To Contact Form 7
Contact Form 7 is one of the most widely used free plugins on the WordPress platform. It’s a very extensible way to create a basic contact form that doesn’t require any conditional logic. The trouble is, straight out of the box, this contact form will cause your HTML pages to no longer be valid. The […]
Load Google Fonts Asynchronously For Page Speed
Web developers who are mindful of user experience, performance, and SEO pay attention to page speed. If you’ve ever tested your website on
Dublin Core Markup: Specialized Structured Data
In Part One of our miniseries on metadata, we examined Schema.org. In part Two, we looked at microformats. Today, we’ll close this series by looking at Dublin Core. The Dublin Core Metadata Intiative (DCMI) first began in 1995 in Dublin, Ohio. Since 2000, it has been used alongside other specialty markup languages, such as RDFa. […]