How To Create a Responsive Grid with Flexbox

Ready to make a simple grid system to use for your web development? Flexbox makes it super simple to create a responsive grid system, no longer is there any need to mess with floats. Sure you can use a framework such as Bootstrap for a grid system… but when you just need something simple and light… Flexbox will do the trick. Best of all Flexbox is now supported on all major browsers. The Demo See all the code in this Pen Flexbox Grid System. The CSS With just two classes .row and .column, we can…

Read More

How To Create a Home Page Hero Area

In this post I will show you how to use several CSS features to create a nice looking hero image area for your home page. Here are some of the different CSS features we will be using to accomplish this: image covering entire background area color gradient overlay on image centering test (horizontal and vertical) clip-path to achieve a cool diagonal bottom When complete our page will look like this. Ready? Let’s start with the HTML.

 <header class="header"> <h1 class="heading-primary"> <span class="heading-primary-main">Maine</span> <span class="heading-primary-sub">where adventure awaits</span> </h1> </header> 

Now let’s add the CSS.…

Read More

How To Use Git – A Step By Step Guide

If you are new to using Git, it may seem a bit overwhelming. Don’t worry this post will take you step-by-step through the basics of Git and creating your first repository. What is Git? Git is a version control system that keeps track of the changes made to your source files over time. Remember the days of constantly copying your files and directories (making manual backups) just in case if you had to revert back to some old working code? Well thanks to Git, those days are gone. Not only will Git keep backups of…

Read More

How To Install A WordPress Plugin

In a recent post, I shared with you 15 Must Have WordPress Plugins For Bloggers. But if you are new to WordPress, you may be wondering how do I even install a WordPress plugin? Is it difficult? The good news is that it is super simple to install a WordPress plugin and in this post I am going to take you through the steps to do just that. How To Select A WordPress Plugin Before we talk about installing a WordPress plugins, let’s talk about how to select the best WordPress plugin for the job.…

Read More

10 Must-Have Chrome Extensions Every Blogger Needs

Chrome is my favorite browser and the browser of choice for most bloggers and solopreneurs. It is super fast and offers tons of great extensions that will help you to save time and be more productive. In this post, I share with you 10 of my favorite must have chrome extensions that I think every solopreneur should have installed. 10 Must Have Chrome Extensions #1 The Great Suspender If you are anything like me and tend to have far too many open tabs then you know all those open tabs can slow down your computer.…

Read More

5 Tips For Optimizing Your Images For The Web

A picture is worth a thousand words…. well not if it causes your site to load slowly. Poorly optimized images are often the cause of a slow loading sight. But images and image optimization also plays an important role on your blog: they make the content more enjoyable and easier for the reader to read and understand they affect how fast or slow your site loads they play an important role in the seo (search engine optimization) of your page Anytime you add an image to your website, you want to make sure you have…

Read More