February 2, 2015
It’s been over a year since I created Grid. The feedback from the community was amazing and I learned so much about what could be improved. Today, I wouldn’t use Grid on client work, mainly because it was intended to...
March 2, 2014
Unlike positioning, floats are helpful for creating layouts without changing the flow of a web page. If you don’t clear floats, however, they will misbehave. Un-cleared floats stack next to one another or collapse the height of their parent container...
August 1, 2013
One of the things that makes 8th Light so special is its apprenticeship program. Regardless of prior experience, everyone here goes through an apprenticeship before being hired and there are many benefits. I wanted to share what I believe creates...
July 7, 2013
Having a clear, easy-to-use navigation is essential to good web design. A navigation is often one of the most useful parts of your website, so it’s really important to get it right. Having too many navigation items can overload the...
May 30, 2013
Pseudo-classes allow you to do more with less code. Since pseudo-classes add no markup, they look “invisible” to the user because everything is done through CSS. You’re basically gaining one or more “free” elements that you would otherwise have to...
May 9, 2013
A logo can embody a unique identity that can help promote you and your brand by making it easily recognizable. What, exactly, is a logo? A logo is a graphic mark or emblem commonly used by commercial enterprises, organizations and...
May 1, 2013
Pairing when coding produces higher quality work and minimizes mistakes. When designing, collaboration can also increase creativity. I find my designs to be stronger and more polished when I pair. The constant feedback from my pair makes for a better...
April 5, 2013
Color is a great way to make your website beautiful while enhancing its usability. Color plays an important role in design in general. However, you have to be more mindful of color when you use it on the web, as...
March 28, 2013
Writing better CSS can be easy. Remember to normalize, organize and alphabetize! Steps to writing better CSS (I couldn’t help myself with the naming): Normalize Organize Alphabetize DRY and write reusable CSS Normalize Resets remove the default styles for all...
March 21, 2013
Wireframing is a useful first step in the design process, allowing you to focus on defining the information hierarchy and user experience. What is wireframing? A basic visual guide used to suggest the layout of fundamental elements in a web...
March 14, 2013
I’ve been learning some Sassy CSS and wanted to talk about three awesome features that it provides: variables, nesting and mixins. At a high level, Sass is simply a CSS preprocessor with two syntaxes: The most commonly used syntax is...
February 1, 2013
When using images on the web, always remove unnecessary bytes. Here are a few simple guidelines when using Photoshop: Always use the Save for Web option Try to find a balance between image quality and file size Use High if...