August 12, 2013 in Learn
3 Simple Design Tests to Improve Your Aesthetics
Developers often use test driven development to write simple and reliable code. Sometimes too much testing can slow down the development of a product, but in general, it’s a smart idea. The web design community doesn’t have a perfect analog to…
August 5, 2013 in Learn
Multiplane Design with SVGs and CSS 3D Transforms
Recently I tweeted about my experimentations with an idea that I’m calling multiplane design. I’ve been experimenting with multi planing using 3D and SVGs: http://t.co/l4h1slT4jK Only works on desktop Chrome/Safari (for now). — Nick Pettit (@nickrp) August 4, 2013 Right…
May 7, 2013 in Learn
5 Reasons Sketching Wireframes in Groups is So Important
When we take that first step in building a new web app we quickly forget about the simple things. We get so immersed in the features and functionality of the application, when we should be focusing on the layout and…
February 13, 2013 in Learn
SVG Path Animation with jQuery and Illustrator
As technology in the web moves forward we are offered new tools to build amazing web applications. Scalable Vector Graphics or SVG’s have been gaining traction in the past year or so as most browsers handle the image file extension…
December 26, 2012 in Learn
5 Design Tips Every Developer Should Know
Great code and great design need each other to work well. Unfortunately, people with poor visual design skills often think they lack natural ability. In other words, there’s a common belief that you’re either born with the gift of aesthetic…
October 5, 2012 in Learn
Quick Tip: How to Achieve Pixel Perfection in Photoshop
In this Treehouse Quick Tip, we’re going to learn how to deal with unwanted anti-aliasing in Photoshop and achieve pixel perfection when working with vector shapes. This method is referred to as pixel-hinting. Using Adope Illustrator and Photoshop, you can…
September 10, 2012 in Learn
Responsive Web Design in the Browser Part 1: Kill Photoshop
If you’re like me, then you’ve had a love/hate relationship with Photoshop for almost a decade. The software is bloated, it crashes right at the moment you forgot to hit save, and it produces a design that is nothing more…
October 5, 2011 in Learn
iOS Design Patterns: Target-action (Part 1)
A design pattern is defined as a solution template to a recurring problem. This is a multi-part series of posts where we’ll look at the fundamental design patterns used within the iOS framework. Anyone getting started with iOS development would…
September 20, 2011 in Learn
Evolution of a Logo
For every beautiful logo, there’s always plenty more nice designs that you don’t always get to see. Before we settled on the new Treehouse logo, we went through several versions. Here are just a few of those iterations from our…
August 9, 2011 in Learn
Beginner’s Guide to Responsive Web Design
Whether you’re a beginner or a seasoned web professional, creating responsive designs can be confusing at first, mostly because of the radical change in thinking that’s required. As time goes on, responsive web design is drifting away from the pool…
May 19, 2011 in Learn
Mediaqueri.es: a collection of responsive web designs
Came across this wonderful site called mediaqueri.es The site contains a curated collection of responsive web designs and is aptly named after a feature of CSS3 which is called Media Queries. You can sort the list of sites by date…
February 10, 2011 in Learn
Gawker Media's Redesign
This past Monday, Gawker Media rolled out a redesign of all the sites in their network. A two-column, app-like interface has replaced their previous layout, placing heavy focus on a “splash” story with scrolling headlines in the sidebar. For reference,…