Joshua Johnson

Graphics / 27 Oct 2010

Photoshop Blending Modes: Beginner’s Tips and Tricks

Photoshop’s blending modes are a source of constant confusion for many designers. There aren’t really any sort of built-in examples for you to see and the blending mode names are no where near intuitive suggestions of what the effect actually does to the appearance of your document.

Today we’ll help remove a little of the mystery by discussing how a few key blending modes work in addition to some hints for how to use them effectively.

Critique / 24 Oct 2010

Web Design Critique #24: Adminizio

Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is Adminizio.

Critique / 23 Oct 2010

Web Design Critique #23: Kuenstler

Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback both through comments and by voting in our design poll.

Today’s site is Künstler.co.at.

HTML / 22 Oct 2010

How to Build a Website With Flux 3: A Coder’s WYSIWYG

Flux is a WYSIWYG website editor for Macs. Now, before you curse under your breath about how much you hate WYSIWYGs, you should know that Flux is different and is both powerful and flexible enough to be used by professional web developers.

Today I’ll introduce you to Flux by creating a super simple web page from scratch (no annoyingly rigid templates). Along the way we’ll see what a typical workflow looks like and why it just might be the best visual web editor I’ve ever used.

Typography / 21 Oct 2010

Ultimate Web Font Resource Roundup: 50 Awesome Sites

The idea that web designers ignore typography is officially dead. In recent years countless tools and services have sprung up to meet the need of making the web a more type-friendly place, and they’re succeeding.

Today we bring you a huge list of awesome websites for all things related to web fonts. You’ll find sites offering free fonts, web font services, font building tools, previewing utilities, and a lot more!

CSS / 20 Oct 2010

CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste

By now you’ve probably seen enough lengthy CSS3 tutorials to last a lifetime. You’re probably starting to become familiar with what CSS3 has to offer and are ready to move past basic theory and see some practical design examples that you can copy and paste right into your code without without wading through tons of commentary.

Well you’re in luck because that’s exactly what we have for you today! Below you’ll find seven fun and attractive CSS tricks that you can grab and insert right into your own projects and customize at will. Keep in mind that since this stuff is still cutting edge, older browsers won’t support most of it. I’ve tried to ensure graceful degradation where possible so that you can provide a working experience to all users and a better experience to those with using webkit.

Critique / 17 Oct 2010

Web Design Critique #22: Primolights

Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well as well as those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is Primo Lights, an online holiday light retailer.

Critique / 16 Oct 2010

Web Design Critique #21: Billy.com

Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is Billy.com, an online savings club.

Layouts / 15 Oct 2010

Create a Stunning Wooden Website Template in Photoshop

Today we’re going to build an awesome website template in Photoshop utilizing a number of advanced techniques.

I’ll take you through the entire process in ten easy steps and provide you with a link to download the finished template. Let’s begin!

Graphics / 14 Oct 2010

5 Super Easy Illustrator Typography Tricks

Beautiful typography goes much further than finding the right font.

Today’s post will help you break out of the nasty habit of simply typing out a headline and calling it a day by showing you how to craft standard text in Illustrator into something more interesting and unique.

Below you’ll find a fairly random collection of tricks that I’ve picked up in the last few years. Each method is highly open to interpretation and you should definitely try to tweak and customize them to your own preferences.

CSS / 13 Oct 2010

Introducing the LESS CSS Grid

In the past we’ve taken a look at several CSS grid systems. We’ve also gone over how LESS.js can add a lot of flexibility to the way you style web pages. Today we’re going to combine these two ideas and create a grid system that utilizes LESS.

Read on to see why on Earth we would do such a thing. If you understand the concept, you can also skip the tutorial and go straight to the download. Let’s get started.

Critique / 9 Oct 2010

Web Design Critique #20: The Inspiration Blog

Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well as well as those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is The Inspiration Blog, a site very similar to this one dedicated to visual design inspiration.