Pre-order Bootstrap 4 Quick Start Book

Bootstrap 4 includes a lot of new features and changes to help web designers and developers be more efficient building responsive websites. But staying up to date on what is new with each version release can be a challenge. This is why I am creating a book and resources to help you save time learning… Read more »

Continue Reading

Category: Quick Updates

Sparky Bootstrap 3 Sass Starter Project and Tutorial

It was a challenge for me to understand Grunt, Sass, and GitHub. So I decided to share a starter project I use for each Bootstrap 3 Sass project as well as a video tutorial series to help you learn the workflow.. Sparky: A Bootstrap 3 Sass starter project I created a starter project that provides… Read more »

Continue Reading

Category: Quick Updates

Starting Front-end Development with Bootstrap Sass

“It’s through mistakes that you actually can grow. You have to get bad in order to get good.” – Paula Scher, designer Good Reads Ways to Make Bootstrap Columns the Same Height JavaScipt for Web Designers: DOM Scripting [tool] I just heard about Adobe XD which looks like a great way to build prototypes other than… Read more »

Continue Reading

Category: Newsletter

How to Reorder Columns with Bootstrap 4 Push Pull Classes

With Bootstrap 4 column ordering it is best to start out understanding how the natural or default column ordering works. When your browser reads your HTML code it reads from the top and works its way down reading left to right. So in a two column grid, the first column will be the first one… Read more »

Continue Reading

Category: Quick QA

Bootstrap 3 PSD Grid Template – Photoshop Download

Do you design websites in Adobe Photoshop or in the browser? Personally, I recommend designing websites in Photoshop because it removes the design imposed by default styling of browser CSS and frameworks like Bootstrap. This will help websites look less like Bootstrap and more customized. The templates I created contain the minimum information you need… Read more »

Continue Reading

Category: Quick Updates

Bootstrap 4 Grid System Explained with Examples

The most important element of any CSS framework is the grid system. The Bootstrap grid has been used on many websites worldwide which makes it extremely stable. This cross-browser support is why you probably are considering using Bootstrap for your website (it was for me). In this post I will provide an overview of the… Read more »

Continue Reading

Category: Code Close Up

How to Customize Bootstrap Colors

A common Bootstrap customization request is changing the default color scheme. You have a few options depending on how you are using Bootstrap in your project. 1. Link to CDN – Find and Replace Colors If you are linking to a pre-compiled version of Bootstrap I recommend looking at the raw source and using search and replace… Read more »

Continue Reading

Category: Quick QA

5 Common Problems Web Design Beginners Face

When I began learning web design, I built websites using Adobe Dreamweaver because I could see a visual output of what I was building. This was familiar to me because I was used to designing in Illustrator and Photoshop. However, when the site wasn’t working I had no choice but to use the source code tab and… Read more »

Continue Reading

Category: Opinion

How to Run JavaScript When Bootstrap 3 Breakpoints Change

Have you ever wanted to trigger some javascript at a certain media query value? Relying on document.width() has problems because it includes browser scrollbars. A simpler and more accurate solution is to rely on CSS to trigger the javascript. Bootstrap 3 has some nice responsive visibility classes that are triggered at the various breakpoints. What… Read more »

Continue Reading

Category: Tutorial

10 Things Every Etsy Shop Owner Should Have

Have you noticed a drop in your listing views on Etsy? Competition on these marketplaces have made it extremely difficult to receive listing views and exposure of your products. Your listings might be perfectly optimized for SEO with the proper use of keywords and tags but it still receives little to no views. You might… Read more »

Continue Reading

Category: Opinion