Search Results For: actions

How to Build a Brand Bible & Visual Style Guide

Graphics / 13 May 2013

How to Build a Brand Bible & Visual Style Guide

Every brand, from the smallest website or startup, to corporate giants such as Nike or McDonald’s, need a set of branding guidelines and rules to maintain their identity. This document, which can range from a couple of pages, to several hundred, is the thread that holds together what the public sees from a company.

A brand bible establishes the voice and personality of a company, as well as who the public will see, and it governs every aspect of communication from the company. The brand bible is the basis for all interactions on behalf of a company – personal communications, social media, advertising and design. While a brand bible focuses on many things, we are really going to look at how it affects design.

How to Creatively Market Yourself as a Designer



Business / 27 Mar 2013

How to Creatively Market Yourself as a Designer



Sometimes it seems like every time you jump online, you read about a talented new designer who’s making it big with their latest project. There are a lot of wonderful designers out there, and the constant showcasing of others’ skills makes it feel all the more like you’re lost in the crowd. It’s not enough anymore to have a solid portfolio and work experience; if you really want to stand out in today’s market, going the extra mile in marketing yourself can make all the difference in landing the perfect job, or getting some great freelance projects going.

When you’re considering all the ways that you could market yourself, the most important thing to take into account is how much of a time commitment you can realistically make. Don’t overstretch yourself with a daily blog entry or illustration unless you think you’ll be able to do a great job on it. There are many different levels of requirement for projects that can make a difference in your career; choose what works for you.

The New Arby’s Logo: Better or Boring?

Inspiration / 15 Oct 2012

The New Arby’s Logo: Better or Boring?

Everyone’s favorite roast beef sandwich fast food chain (ok, maybe the only roast beef fast food chain anyone can name) just jumped headlong into a brand refresh. Their new logo, menu and website is meant to bring the admittedly old-timey restaurant into the 21st century.

The question of course is, did they succeed? Follow along as we take a look at the logo and website to see what we think.

How to Design the Perfect Twitter Header Image

Graphics / 20 Sep 2012

How to Design the Perfect Twitter Header Image

Twitter recently rolled out an updated design for profile pages, which allows you to insert a new “header photo” that sits on top of your feed, much like Facebook’s timeline cover image.

Today we’re going to dive in and see some examples of good Twitter profile images and discuss how you can design your own. I’ll even toss in a free template so you can get started right away.

The Master Guide to the Photoshop Layers Panel

Software / 10 Sep 2012

The Master Guide to the Photoshop Layers Panel

The Layers Panel in Photoshop is one of the single most important aspects of the software’s UI. Odds are, you’ve spent a good chunk of your life staring at and interacting with the Layers Panel, but how well do you really know it?

Today we’re going to take a deep dive into what the Layers Panel has to offer and how to make the most of it in your workflow. We’ll learn about everything from keyboard shortcuts to obscure customization features. Whether you’re a beginner or a pro, you’re bound to learn a few new tricks!

Good Design Taste Test: Three Fast Casual Restaurant Websites Compared

Graphics / 2 Aug 2012

Good Design Taste Test: Three Fast Casual Restaurant Websites Compared

Fast food restaurants are notoriously bad with web design, but the emerging market of “fast casual” eateries thus far is proving to be much better in this area.

Today we’re going to look around the web at the websites for some of the most popular fast casual restaurants to see who is doing the best work and what we can learn from them. Warning: this post will make you hungry!

How to Organize Your Shoots and Catalogs in Lightroom

Lightroom Presets / 5 Jul 2012

How to Organize Your Shoots and Catalogs in Lightroom

Typically I stick to strictly design related topics, but today we’re going to stretch that a bit with a quick discussion on Adobe Photoshop Lightroom. Tons of designers take photos for their projects whether they consider themselves “photographers” or not so I’m sure lots of you will find this to be a useful topic.

The main struggle that I see with Lightroom users is simply organization. How can you keep multiple shoots separate? Where should you import your files? These are important questions and the answers aren’t very intuitive so today I’ll walk you through my basic process for keeping various shoots organized.

Are Hover Events Extinct?

Mobile / 26 Apr 2012

Are Hover Events Extinct?

Odds are, :hover was the very first pseudo class selector that you ever learned. Heck, it might be the only one you ever learned. We all love this lovely little feature and use it constantly as a way to create enriched user experiences.

My question today could change the way you think about hover forever: “Does the ubiquity of touchscreens render hover events obsolete?” Put another way, did the iPhone kill :hover? Read on to see how iOS handles a CSS hover event, what that means for you as a developer, and how you should or shouldn’t be using hover events in your designs.

What’s the Deal With :target in CSS?

CSS / 10 Apr 2012

What’s the Deal With :target in CSS?

I’ve been seeing a lot of tutorials lately that utilize :target in CSS to perform some fancy feat so I thought I’d take the time to really dig in and discuss how and why this syntax works. Instead of blindly following someone else’s code, you should be able to wield this tool with the knowledge of what’s happening how it affects browser support.

Read on to learn all about the basic functionality associated with the :target pseudo class and how you can stretch that ability to perform all kinds of crazy stuff with pure CSS. Along the way we’ll build some great navigation and slideshow examples for you to learn from.

Use Gridpak to Roll Your Own Responsive Grid

Mobile / 6 Mar 2012

Use Gridpak to Roll Your Own Responsive Grid

I love finding free tools that are capable of making my job (and yours) just a little bit easier. The web developer community is positively overflowing with talented people who are more than willing to share their creations with the world while asking nothing in return.

Today we’re going to look at one such tool from Erskine Design called Gridpak. With it we can quickly and easily generate our own responsive grid for building web pages that work well on lots of different screen sizes. It’s a little tricky to implement though so we’ll help you figure out how to set up your styles after you grab the download.

Create Five Awesome Hover Effects Using CSS Multiple Backgrounds

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.