Authors ›
Joshua Johnson

Joshua Johnson

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

CSS / 14 Dec 2011

Four Simple and Fun CSS Button Hover Effects for Beginners

Today we’re going to take a step back from advanced discussions about CSS preprocessors and return to some good old basics. We’ll work up four super simple CSS buttons, each with a unique animated hover effect.

Follow along with me and create your own fun button styles. Also feel free to grab my code and use it on your projects. If you’re a CSS newbie looking for a good way to make your buttons more interesting, this article is for you!

CSS / 5 Dec 2011

10 LESS CSS Examples You Should Steal for Your Projects

LESS, Sass and other CSS preprocessors represent an awesome way to extend CSS to be everything a programmer ever wanted. Variables, mathematical operations, mixins and a lot more make these tools invaluable to coders who can appreciate the benefits of typing less while accomplishing more.

One of the most major hurdles to getting started with these tools is simply figuring out just what the heck you’re going to do with them. We’ll help you out in a big way today by hooking you up with ten incredibly useful LESS snippets that you can drop into your projects today.

Layouts / 1 Dec 2011

The Evolution of Apple.com

The Apple design team is widely regarded as one of the most talented group of designers in the industry today. The trends that they set are followed by not only every other major tech company, but by web designers in every conceivable product and service niche.

Follow along as we embark on an exciting journey through time and witness the evolution of Apple’s design style. You’ll get several amazing glimpses at Apple.com dating all the way back to 1997 as we witness the rise and fall of several important design trends.

Software / 30 Nov 2011

Designing a Website With IM Creator

In the ever expanding world of online website builders, it’s pretty difficult to find anything that’s worth spending more than ten minutes with. This market is flooded with clunky interfaces, hideous templates and brutal freeform design restrictions.

I recently came across a product called IM Creator that stands out though both in style and functionality. Does it live up to its promises or join the rest of the sites in this market and fall short of a decent DIY website solution? Read on to find out.

CSS / 29 Nov 2011

Create Five Awesome Hover Effects Using CSS Multiple Backgrounds

Today we’re going to have all kinds of fun with the CSS multiple backgrounds feature. You’ll learn how to use multiple backgrounds in a simple way and how to go much further by combining the technique with hover actions and CSS transitions to create some really cool effects.

Follow along as we code five different applications of this idea that you can copy and paste to create your own awesome hovers.

Graphics / 22 Nov 2011

Three Quick Design Tricks: Break Out Screenshots, Easy Starbursts and Vector Grunge Textures

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.

I’ll show you a quick way to make a software screenshot more interesting, how to create awesome vector grunge textures and a super fast way to build a vector starburst.

Software / 21 Nov 2011

5 Simple Steps to Stunning Portraits in Photoshop

Today’s article points out a harsh but true reality: just because you know how to use Photoshop for design work doesn’t mean you know how to edit photos. Fortunately, we’ve got you covered.

Follow along as we show you five simple and lightning fast steps you can take to transform your plain, boring portraits to stunning images that look straight out of a professional photographer’s portfolio. Along the way you’ll learn several important tips such as how to properly sharpen an image and how to draw the viewer’s attention to where you want it to go.

Business / 17 Nov 2011

The Ten Commandments of Writing Copy That Wins Clients

Web design companies and freelancers should never underestimate the power of good copy. Likewise, they should never doubt how much bad copy can hurt their chances of winning clients.

Follow along as we discuss then ten commandments of writing simple and effective copy that will convince your potential clients that you can successfully meet their needs and blow away their expectations.

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.

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.