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’);
What are the Most Common Problems in Website Design & Development?
Category: Newsletter
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 »
Yoast Breadcrumbs CSS Styles for WordPress Templates
Category: Code Snippets
The Yoast SEO plugin is great and offers a nice breadcrumbs snippet. Unfortunately, there is not an easy way to add a wrapper ID or class to the breadcrumbs for styling. Follow the steps below to change that.
