5 Important Things to Keep in Mind When Making a Responsive Web Design?

1. Write your CSS mobile first Write as though you are only targeting a mobile device. 2. Work in gradual stages Once the mobile device looks good add styles in media queries for larger viewports in stages working your way to larger sizes. 3. Keep your media queries grouped by component and not in a… Read more »

Continue Reading

Category: Articles

Why Is Responsive Web Design Good?

I believe responsive web design is good because it solves the mobile friendly website challenge in the least amount of time/cost. One stylesheet for all devices Can be setup by one designer/developer Easy to maintain and update Less expensive – Does not require server side device detection or complicated mobile app programming Does not require… Read more »

Continue Reading

Category: Common Questions

Web Design Trends and How They are Influenced By Large Brands

Design Trends Think about all of the things you look at everyday: websites, movies, billboards, menus, youtube videos… Your eyes and brain are constantly absorbing information. All of this visual content is influencing your frame of reference. Some streams of images are more powerful and persistent than others. Take for example your computer, you could… Read more »

Continue Reading

Category: Articles

Style Guides are Important but Often Ignored

“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   Style Guides are Important but Often Ignored Recently at work, one of our websites was redesigned to be mobile responsive. It was developed by… Read more »

Continue Reading

Category: Articles

Code Comments Hierarchy

 

Continue Reading

Category: Code Snippets

Get URL parameter string – jQuery

 

Continue Reading

Category: Code Snippets

Add class to body based on the URL – jQuery

 

Continue Reading

Category: Code Snippets

Bootstrap 4 Grid Flexbox Tutorial with Layout Examples

The most important element of any CSS framework is the grid system. The Bootstrap 4 grid system 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… Read more »

Continue Reading

Category: Tutorials

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

5 Common Problems Web Developer Beginners Face and How to Fix Them

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