Joshua Johnson

Graphics / 9 Aug 2011

Tips for Designing With Multiple Photos

Photography is one of your most powerful resources as a designer. Here we’ll take a look at some clever and unique ways to create photo-centric designs using multiple images.

Graphics / 5 Aug 2011

Separating Content: 10 Ways to Draw the Line

The story is as old as graphic design itself: you have two different sections and you need a way to visually separate them. As a designer, I frequently spot myself reverting to the same old one or two tricks to pull this off. Why not mix it up a bit?

Today we’ll show you ten awesome ways to create two distinct sections of content. Each example is from a real website so you can click through to see it in action.

Typography / 4 Aug 2011

7 Quick and Easy Ways to Jazz Up Your Headline Typography

Headlines are one of the most important elements on your page and are often the starting point that sets the tone for the entire design. So why not make them great?

Today we’ll take a look at seven different design techniques that you can implement in a minute or less that will boost your headline from plain to awesome.

Graphics / 3 Aug 2011

Designers, Do You Really Know Anything About Design?

Does learning the requisite software make you a designer? Just because you know CSS and HTML, can you really call yourself a web designer?

Today we’re going to explore the idea that, while you may be a Photoshop wizard, you might lack in fundamental design training that could drastically help you in your every day career.

CSS / 2 Aug 2011

Return of the Loading Bar: Are CSS3 and HTML5 the New Flash?

Today we’re going to discuss a little bit about how and why Flash came to be regarded in a negative light and how we can avoid running down the same path with the modern technologies replacing it.

Graphics / 28 Jul 2011

Three Quick Design Tricks: Sliced Text, Metal Knobs and Curled Stickers

Today we have a small collection of completely random but very useful design tricks that you should keep in the back of your mind the next time you need a new idea.

We’ll be showing you how to slice up some text in Illustrator to give it an edgy feel and how to build a metal slider and a curled sticker in Photoshop.

HTML / 27 Jul 2011

Embedding Google Maps Into a Web Page: A Beginner’s Guide

Google Maps is one of the best utilities to ever hit the web. It has become the standard way for people to get directions online, view satellite and terrain imagery and perform any other map-related task.

There are a number of reasons that you would want to embed a Google Map into your web page, whether it be for functional purposes, such as guiding users to your physical location, or aesthetic purposes, such as using map for a background graphic. Today we’re going to look at two ways you can go about this task: the quick and easy way and the powerful, flexible API route.

CSS / 25 Jul 2011

Achieving Multi-Step Animations With CSS Transitions

Multi-step CSS animations are easy with keyframes, but what if we want to use plain old transitions to achieve a similar effect? Further, how do we take a single hover event and translate that into multiple animations on different elements?

The answer lies in using buried hovers, a simple and effective trick you should definitely try out.

CSS / 22 Jul 2011

How to Implement Some Slick Icons Using a Font and CSS

Using an image-based font can be a fun and quick way to implement icons across your site. It’s a super easy process that gives you complete freedom to go back and re-size your icons at any time.

Today we’ll use the excellent Pictos font to build a simple web page so you can get a feel for the process.

Layouts / 20 Jul 2011

Ditching the Grid: Alternative Layout Strategies and Tips

Are you tired of creating building websites using the same old grid-based layouts for every project? Have you been itching to break away from the norm and attempt something a little more organic?

Today we’ll take a look at a few sites that have done just that to see what we can learn about alternative layout methods and how they can be successfully implemented.

Graphics / 14 Jul 2011

Build Awesome Color Palettes Effortlessly in Illustrator

Here at Design Shack we can’t get enough of good color schemes. We recently discussed some Awesome and Unusual Places to Steal Color Palettes From and today we’ll follow up that discussion with some tips on how to build your own awesome color sets in Adobe Illustrator.

We’ll go over the extreme basics of working with color in Illustrator and jump into how to use the excellent built-in Color Guide to get you on the path to lightning-fast generation and manipulation of custom color schemes.

Graphics / 12 Jul 2011

5 Quick & Simple Design Tricks to Liven Up Any Project

Sometimes you have a perfectly good layout, but your design needs a bit something extra to finish it off. Unfortunately, it’s easy to get stuck and become completely void of ideas.

Today we’re going to help you solve this problem by highlighting five random design ideas that you can incorporate into your back of design tricks. Let’s get started!