1. Authors
  2. Joshua Johnson

Joshua Johnson

Joshua Johnson

Equal parts editor, writer, designer, and photographer. Hit me up on Twitter, or check out my photos.

10 Ways Photoshop Actions Can Improve Your Workflow

Photoshop Actions / 16 Nov 2011

10 Ways Photoshop Actions Can Improve Your Workflow

Photoshop actions are an extremely easy way to automate all of the mundane daily tasks that have made their way into your design workflow. Whether you’re in web or print design, odds are there are a few repetitive tasks that you could let Photoshop handle for you.

Perhaps the biggest hurdle to automating your workflow is simply coming up with ideas for where Photoshop actions could help you out. Today we’ll help you solve that problem by going over 10 ways Photoshop actions can improve your workflow.

6 Things I Learned About Print Stylesheets From HTML5 Boilerplate

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.

Going Global: Leveraging Cultural Dimensions for Better Design

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.

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

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.

How to Design a Tour Page: Examples and Best Practices

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.

Design History: The Art of Playing Cards

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.

Build an Animated Sliding Menu With Pseudo Selectors and CSS3

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!

What Is CSS? Back to Basics

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?

Establishing a Hierarchy of Goals for Everything You Design

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.

What Is HTML? the Anatomy of an HTML5 Document

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.

What Is HTML? Back to Basics

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.

Five Fascinating Things You Didn’t Know About Famous Car Logos

Graphics / 5 Oct 2011

Five Fascinating Things You Didn’t Know About Famous Car Logos

Automobile logos represent some of my favorite emblems. I recently became curious as to the origins of several of these popular icons and came across some incredibly interesting facts!

Join us as we look back at some of the most well known logos around and uncover some of their unbelievable secrets!