How Setting Goals and Losing Sleep Can Help You Learn Programming

In this post I will be interviewing Henry Grammy who who has learned the basics of HTML, CSS, C++, C#, and PHP in just 4-5 months. His story is motivational because it shows what can be accomplished when you set goals and challenge yourself to achieve them. If you are just starting out as a… Read more »

Continue Reading

Category: Learning Stories

Style Guides are Important but Often Ignored [Newsletter 2.2017]

“We began to refer to this living document as “a toolkit built in style guide form.” This achieved our goal to communicate our work…” – Mark Otto, creator of Bootstrap Framework Good Reads A comprehensive reading list for young designers Magic of CSS [tool] Unminify code. Helpful when customizing plugins   Style Guides are Important but… Read more »

Continue Reading

Category: Newsletter

How to Learn Bootstrap 4 Fast and Stay Up to Date [Newsletter 1.2017]

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: Newsletter

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: Newsletter

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: Common Questions

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: Newsletter

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: Guides

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: Common Questions

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