Joshua Johnson

Graphics / 3 Sep 2010

10 Tips for Designing Presentations That Don’t Suck: Pt.1

Powerpoint has produced more bad design in its day that perhaps any other digital tool in history with the possible exception of Microsoft paint.

In this post we’re going to address the epidemic of bad presentation design with ten super practical tips for designer better looking and more professional presentations. Along the way we’ll see a number of awesome slide designs from Note & Point along with some custom examples built by yours truly. Let’s get started!

Graphics / 2 Sep 2010

25 Brilliantly Simple Web Page Designs

Sometimes a site can be visually stunning not so much because of the content but because of the lack of content. Though often attractive, this is a tricky style to pull off correctly without just looking like you’ve got a boring page.

Today we’ll look at 25 sites that we think got it right. First we’ll discuss why these designs work well under certain circumstances and then we’ll jump into the examples.

JavaScript / 31 Aug 2010

Build an iPad-Themed Image Slider With jQuery

If you’re not a seasoned web developer, it can be quite intimidating to approach a project where your client is looking for something trendy and interactive such as an Apple-centric slideshow.

Today we’ll teach you how you can create just such a project in mere minutes using some awesome free resources from around the web. We’ll walk you through ten super simple steps so even if you have little to no web experience, this project should be a breeze!

Graphics / 27 Aug 2010

Design101: Utilizing Strong Alignments

Today we’re going to examine one of the most basic principles in design: alignment. This deceptively simple topic is actually quite complex and is among the most notably lacking proficiencies in designers today.

A strong grasp of how and when to use certain alignments will instantly make you a better designer and will remain a foundational building block for everything you create throughout the rest of your career.

CSS / 26 Aug 2010

Create a Fun Animated Navigation Menu With Pure CSS

In recent years jQuery has become the easiest and best supported way to implement simple animations online. JavaScript is exceptionally good at what it does and this article is in no way an argument against it.

However, CSS3 offers a glimpse into a possible future where basic animations are performed with straight CSS completely independent of scripting. Today we’ll take a look at how to use CSS3 to create a fun and unique navigation menu that uses @font-face, transforms and transitions.

CSS / 24 Aug 2010

715 Awesomely Simple and Free CSS Layouts

Frustrated with the quality of free CSS templates online but aren’t quite to the level of building your own? Tired of spending hours trying to customize lame pre-fab designs?

Today we bring you over seven hundred freely downloadable CSS templates that focus on providing you with only a basic layout to build upon. Using these cross-browser layouts you can avoid endless CSS positioning woes and focus on what you’re good at: design.

Graphics / 20 Aug 2010

A Practical Guide to Designing With Faces

One of the principal functions of professional design, if not the central function, is to draw the attention of the viewer. Everyone has a message that they want to get across, but getting people to actually stop and take that message in is no easy task.

Designers are therefore tasked with attempting to use every human’s natural attraction to aesthetic beauty in such a way that it becomes possible to capture the attention of an audience almost without them even realizing it.

With this goal in mind, faces are a magic design element.

Inspiration / 13 Aug 2010

Designing in the Dark: 10 Dark Sites and Their Color Schemes

What goes well with a black website? Today we’ll find out but taking a look at some excellent examples of dark web design along with their primary color palettes.

Each website will have a screenshot along with a brief description, a visual representation of the color scheme, and a link to download the Photoshop color swatches from Pictaculous.

CSS / 12 Aug 2010

Using Less.js to Simplify Your CSS3

LESS is an amazing little tool that extends CSS with the addition of variables, mixins, operations and nested rules. What this means is that you can write leaner code very quickly. And with the recent rise of complex CSS3 properties, we have a few glaring examples of code that could definitely stand to be simplified a bit.

Today we’ll take a look at how to use the newest JavaScript implementation of LESS to simplify lengthy CSS3 markup. One of the key features we’ll be looking at that I haven’t seen discussed elsewhere is how to deal with multiple variables in mixins. It’s fairly simple but can be confusing if you’ve never tried it.

Graphics / 10 Aug 2010

Battle of the Burgers: American Fast Food Sites Compared

Today’s post will be an intense battle as we compare the design and usability of nine major American burger joints.

These corporations pull in millions making me obese with their irresistibly tasty grilled double heart attacks with cheese and should have plenty of revenue to invest into solid web designers. Let’s see how they fare against my inscrutable eye for ugly web design.

Graphics / 6 Aug 2010

An in-Depth Guide to Working With Typography in Illustrator

Adobe Illustrator is a fantastic application for crafting typographical masterpieces. However, whether you’re creating a simple paragraph for a print ad or a complex typographical piece of art for a website, there are several tips and techniques you should know for how to manipulate type within the program.

Below you’ll find a brief overview of some of the basic commands you should familiarize yourself with as well as some must-know keyboard shortcuts and even a few obscure features that you may not even know exist. Let’s get started!

CSS / 30 Jul 2010

27 Utilities for Saving and Sharing Code Snippets

You’ve got countless bits of HTML5, CSS3, JavaScript, and PHP rolling around in your head and on your hard drive that you are forced to try to recall each time you start a project. It’s time to get organized.

This post will briefly point you to 27 great utilities that not only help you store your favorite snippets both locally and in the cloud, but also make sharing with others a breeze. Enjoy!