Articles - Page 179

CSS / 15 Nov 2011

6 Things I Learned About Print Stylesheets From HTML5 Boilerplate

Print stylesheets can be a pain if you don’t know what you’re doing. Before you even approach one you need to make sure to do some solid research into how to go about it.

Today we’re going to help you along by first discussing the conceptual considerations that you need to keep in mind when creating a print stylesheet. Then we’ll dive into some code from the famous HTML5 Boilerplate to see some modern solutions for addressing the problems that arise when printing from the web.

Business / 14 Nov 2011

Going Global: Leveraging Cultural Dimensions for Better Design

The world is a widely varied place and it’s naive to imagine that a design that resonates well with one group of people will be equally effective with another group on the other side of the globe.

Today we’ll show you how to wield Geert Hofstede’s Cultural Dimensions to better tailor your designs to different cultures through a basic understanding of the values that they tend to pursue.

Inspiration / 10 Nov 2011

Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches

Long before web UI mockups came along, print designers would hone their ideas using a tried and true method called thumbnail sketching. This practice seems to be somewhat of a lost art so we’re going to shed some light on it!

Today we’ll briefly discuss what thumbnail sketches are, some tips for creating them and how to effectively implement them into your already busy workflow.

Layouts / 8 Nov 2011

How to Design a Tour Page: Examples and Best Practices

Tour pages are one of the most important components for websites advertising apps and/or services. The tour page is often where interested users will either make the firm decision to sign up or move on to something else.

Needless to say, there’s a lot of pressure as a designer to get this right! Fear not however, many talented designers have gone before you and we can learn a lot by looking at their examples. We’ll dive into tour pages from giants like Mozilla, 37Signals and Mint.com and see what common tricks they all use to win conversions.

Layouts / 7 Nov 2011

Design History: The Art of Playing Cards

Great design inspiration is all around us. Sometimes the best examples are so common that we see them all the time without a second thought. The cars we drive, the advertisements in our mailbox, the cover art on that new album you just downloaded, all of these are teaching their own little design lessons and if we would but listen, we just might learn something.

Today’s subject is playing cards. At least one pack can be found in almost every home in America, which means they’re a perfect example of ubiquitous design that we take for granted. We’ll take a fresh look at why they’re so perfectly designed and learn a little history along the way.

CSS / 27 Oct 2011

Build an Animated Sliding Menu With Pseudo Selectors and CSS3

Today we’re going to have all kinds of fun. First we’ll build an animated menu using some shiny new CSS3 while learning how to implement pseudo selectors in a practical way on a real project. Then we’ll follow that up with how to build the same thing without pseudo selectors for better browser support. Finally, we’ll end with a look at how to scrap all that fancy CSS in favor of some good old fashioned jQuery.

Join us as we examine not one but three ways to tackle a CSS sliding navigation menu!

Navigation / 25 Oct 2011

The Ins and Outs of Dynamic Navigation Menus

All web designers go through phases struggling with creative ideas. It’s a natural part of the creation cycle, but it can become frustrating as you’re stuck on a website project for more than a few days. There isn’t any one-size-fits-all solution. But we can take a moment to analyze the design process for better solutions.

The main goal of any website is to lead visitors through your pages. This is accomplished via a navigation of some type, most commonly links. You can build tab bars, banners, block elements, or even float a nav menu off to the side.

Follow us in the guide below as we look through common trends in web navigation menu design. Both designers and developers have come up with tricks for expediting the process of building websites. And we hope to do the same by offering some unique tips for UI navigation.

CSS / 24 Oct 2011

What Is CSS? Back to Basics

This is the third article in our back to basics series where we’re taking a look at the absolute beginning concepts of web development. If you’re a designer with little to no knowledge of web programming, this series is for you.

In our first article, we went over what HTML is and in our second article we outlined the basic anatomy of an HTML document. Today we’ll jump to a new topic and answer a very important question: What is CSS?

Graphics / 20 Oct 2011

Tips for Designing Sleek iPhone App UI Layouts in Photoshop

Graphic design for the web has been a popular trend for ages. And with the invent of Apple’s iPhone back in 2007 the app store has grown a tremendous amount. Now we have iOS app designers and developers coming together to build some really fantastic conceptions into reality.

But if you’re not fond of learning Xcode and programming Objective-C, Photoshop may hold more interest. Below I’ll offer some of the tips I’ve picked up for designing killer iOS app mockups. And since there are always new trends emerging the design community is constantly redefining how to create apps. Think of this as more of a beginner’s resource guide to designing for Apple devices.

Business / 10 Oct 2011

Establishing a Hierarchy of Goals for Everything You Design

What one thing above all else makes for a great design? Where should your focus lie? More importantly, is it possible or even desirable to focus on a single goal at the expense of others?

Today we’ll take a look at why goal-oriented design is good design and discuss how being a designer means weighing several competing factors. We’ll also discuss how to decide which goals are the most important and how establishing a hierarchy for each project will make for a better experience for the client, the user and the designer.

HTML / 10 Oct 2011

What Is HTML? the Anatomy of an HTML5 Document

This is the second article in our series on the absolute fundamentals of web development. Our first article explained in detail what HTML is on a conceptual level. We looked at what a markup language is, what tags are and how HTML compares to other important pieces of the web development puzzle such as CSS.

Join us today as we move on and take a look at each basic piece of an HTML document. I’ll explain all that stuff at the top of an HTML file that confuses you and outline the basic structure that you’ll follow for creating your own HTML files.

HTML / 8 Oct 2011

What Is HTML? Back to Basics

Since I have a background in print, I’m always eager to help designers from other areas get a start in web design and basic development. I know from experience that the transition is an extremely intimidating one that many people simply don’t think they can manage.

Fortunately, I can also attest to the fact that it’s probably not as difficult as you might imagine. In the world of hardcore coding, HTML and CSS rank pretty low on the barrier to entry scale.

Today we’re going to start a series that examines the basic building blocks of web development. HTML, CSS, JavaScript; if you’re a complete and utter beginner who might not even have a basic grasp of what these technologies are much less how to wield them, then this series is for you.