September 23, 2013 in Learn
Poka-Yoke: The Quest for Mistake-Proof Designs
What is Poka-Yoke? Poka-Yoke is a Japanese term that means “mistake-proofing”. In other words, the goal is to make an object that prevents the user from messing up. We live in a complicated world, but good design concepts like poka-yoke…
August 27, 2013 in Learn
How To Design Usable Profile Interfaces for iOS Mobile Applications
Mobile social networking apps commonly allow for a robust user profile section. This is where users can login to update their settings, post content, or check their followers/friends list. There are often many other features included with profiles depending on…
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…
July 16, 2013 in Learn
Building Your Ecommerce and Design Business with Shopify
Let’s be honest, you are probably reading this blog because you are a user of Treehouse or thinking about becoming one. You have a thirst for web knowledge and a desire to become better at what you do – right?…
June 24, 2013 in Learn
Startup Design Examples of Login Forms and Signup Pages
There are plenty of great startup websites using signup forms to capture early users. Both email newsletters and user accounts are two methods for bridging new people into your startup. A crucial aspect to a successful registration form is the…
June 12, 2013 in Learn
Fixed Headers and Navigation Bars Used in Web Design
The trend of fixed heading styles in web design has grown exponentially in recent years. I have read a lot of criticism, both for and against these techniques, and generally it boils down to personal preference. Lots of designers have…
March 12, 2013 in Learn
10 Things to Know Before Designing for the Web
The world of web design is one of the most beautiful and rewarding spaces you could possibly enter into. With so many options and such a great community, your path as a web designer is uncharted and wide open. With…
February 21, 2013 in Learn
Adding Motion into Web Design with Animate.css
Lots of frontend web developers have been getting interested in dynamic interfaces using motion effects. This is all too common with many advancements within popular JavaScript libraries. But there has also been a lot of interest in CSS3 animated effects….
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…
December 20, 2012 in Learn
Responsive Design of the Future with Flexbox
In CSS, float and clear serve for layout much the same way as the tables they replaced: As stand-ins that work well enough. But they’re still limited. One proposed solution is called the CSS Flexible Box Layout Module, commonly called…
December 14, 2012 in Learn
What’s the Difference Between Fixed, Fluid, Adaptive, and Responsive Web Design?
As a web designer, it’s important to embrace that your website is going to look different in various browsers and on different devices. Focus on making your website change layout to match the device that your visitors are viewing it…