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 »
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 »
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 »
Going from Print Design to Web Design – My Learning Story
Category: Newsletter
Early in my career I worked as a graphic designer for an advertising agency. I mostly designed brochures and sales flyers but on one project we discussed building a website to get leads. After I had the design ready we met with the development team to discuss the project. Half way through the meeting I… Read more »
The Four Stages of Learning
Category: Newsletter
Education is the kindling of a flame, not the filling of a vessel.” – Socrates The four stages of learning Earlier this month I received an email from Henry who shared his experience learning Java and web programming. It was so inspiring I decided to interview him to learn more about his motivation and learning path…. Read more »
How Setting Goals and Losing Sleep Can Help You Learn Programming
Category: Articles
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 »
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 »
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 »
Get URL parameter string – jQuery
Category: Code Snippets
var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = decodeURIComponent(window.location.search.substring(1)), sURLVariables = sPageURL.split(‘&’), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split(‘=’); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : sParameterName[1]; } } }; And this is how you can use this function assuming the URL… Read more »
Add class to body based on the URL – jQuery
Category: Code Snippets
// find the pathname var urlPath = window.location.pathname; //convert to lowercase urlPath.match(/\/(.*?)(\+|$)/)[1].toLowerCase(); // remove the first character urlPath = urlPath.replace(/\//g, ‘-‘).slice(1); //remove file extension urlPath = urlPath.replace(/\.[^/.]+$/, “”); // add class to body $(document.body).addClass(urlPath); // If body has no class its propably the homepage $(‘body:not([class])’).addClass(‘home’);