What Is the Best Way to Learn Web Development?

Category: Newsletter

Learning Web Development is Like Learning How to Paint Let’s say you wanted to become a painter. Where would you start?   How would you feel if your first painting looked like the one below?   I believe painting by numbers teaches the mechanics and joy of painting to beginners. It quickly builds confidence. You… Read more »

Continue Reading

Web Hosting Options and What I Recommend

Category: Common Questions

It can be hard finding a good web hosting company. I have used some good ones and some really bad ones. Below are my recommendations based on the following criteria. Provide quality customer support Based in the USA. I want my server to be in the same country as my audience to improve the speed… Read more »

Continue Reading

What is Visual Hierarchy in Web Design and Why is it Important?

Category: Articles

When designing a page layout it is important to consider the overall visual hierarchy of the page. In other words, what grabs your eye first, second, third? What are the goals of the page and how can you make those goals easier to achieve? Your design can use size, color, position, and proximity to define… Read more »

Continue Reading

What are the differences between CSS and SASS and what are its advantages and disadvantages?

Category: Common Questions

Sass stands for syntactically awesome stylesheets. Sass is a scripting language that is compiled into regular CSS. It was created to help writing CSS easier and more efficient. CSS is great but it lacks the ability to do advanced programming and calculations. Sass is CSS with superpowers but browsers like Chrome cannot read Sass files…. Read more »

Continue Reading

Take Command of CSS Flexbox

Category: Tutorials

As a kid I loved playing with toy plastic army men. I would line them up and pretend to be in command giving orders to my soldiers in order to defeat the enemy. Since I was in full command, the soldiers would look to me for their orders. Sometimes a hot shot recruit would overstep… Read more »

Continue Reading

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

Category: Articles

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

Why Is Responsive Web Design Good?

Category: Common Questions

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

5 Things Businesses Should Consider Before a Website Redesign

Category: Articles

Think about all of the things you look at every day: 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 easily… Read more »

Continue Reading

Style Guides are Important but Often Ignored

Category: Articles

“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

Code Comments Hierarchy

Category: Code Snippets

/* #################################################### L E V E L – O N E #################################################### */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::: Level – Two */ /* Level three */ <!– #################################################### L E V E L – O N E #################################################### –> <!– :::::::::::::::::::::::::::::::::::::::::::::::::::: Level – Two –> <!– Level three –> /* #################################################### L E V E L – O… Read more »

Continue Reading