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 […]
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. […]
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 […]
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 […]
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 […]
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 […]
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 […]
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.
7 Steps to Build a Website for Your Business
Category: Articles
1. Dream This is the most challenging and the most fun step in the process. Here you can picture what your website looks like, how it works, what pages will be included, etc. Visit multiple websites and look at their navigation, pictures, colors, and overall presentation. What things did you like and dislike? 2. Plan […]