Articles - Page 179

Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.

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!

Accessibility / 28 Jul 2010

Tips for Designing for Colorblind Users

It’s estimated that about 8% of males and 0.5% of females are born colorblind. That may seem like a low number but if you’re designing for a large audience, having a site that’s unusable for eight out of every hundred males is definitely less than desirable.

Fortunately, you can fairly easily make sure that your site is colorblind friendly by always keeping in mind the information below. We’ll take a look at what colorblindness really means and how you can tweak your designs based on a few simple principles.

Graphics / 23 Jul 2010

50 Fantastically Clever Logos

I know everybody and their brother does logo roundups so you’re probably sick of them, but I don’t believe I’ve ever done one and there is a particularly impressive brand of logo design that I wanted to point out.

Today we’ll look at 50 logos that are the result of going beyond the typical thought process and injecting a little wit and hidden symbolism into the design process.

CSS / 15 Jul 2010

30+ Innovative Icon-Based Navigation Menus

Here at Design Shack we love a good navigation menu. Lately we’ve noticed a trend arising around menus that use icons either exclusively in place of text or as a support of additional textual information.

Adding icons to your navigation can not only give you an aesthetic boost but actually make for a quicker visual read of the link. Here’s a collection of over thirty icon-based navigation menus that we found online. We’ll conclude with a few resources you can use to snag some free icons to create your own fancy menus.

CSS / 13 Jul 2010

Rapid Blueprint CSS Layout With Boks

Today we’ll take a look at Boks, an awesome little tool that will help you spec out a basic site layout in no time flat.

We’ll go through what it is and how you can use it to speed up your development as well as what the limitations and downsides are that you’ll want to be aware of before you download the app.

CSS / 10 Jun 2010

HTML and CSS Debugging Tools

Whether you’re a beginner or a pro, troubleshooting your HTML and CSS can be a real pain if you’re not equipped properly. Today we’ll look at a few tools to help you force that pesky web page into submission.

CSS / 8 Jun 2010

Create a Moveable Sticky Note With MooTools and CSS3

I recently came across a neat tutorial at Woorkup pointing out a MooTools feature that allows you to turn any item on a web page into a positionable element.

Today we’re going to use this technique to create a simple and fun sticky note that a user can play with and move anywhere on the page. Along the way will be using lots of CSS3 so make sure you’ve got a decent browser!

Graphics / 4 Jun 2010

6 Apps for Collecting Digital Inspiration

The online design community is simply overflowing with inspiration. Every day countless blog posts are being published showcasing 30-100 amazing examples of “insert item here.” Further, CSS galleries like our own contain hundreds or even thousands of great site designs.

With all this inspiration being tossed at you all the time, you need a way to catalogue and store it. Today we’ll look at a few tools out there that do exceptionally well at this very thing.

Graphics / 2 Jun 2010

Create Stunning 3D Text Free With SketchUp

Everyone loves 3D text.

Unfortunately, not everyone can afford the 3D modeling software necessary to build it. Today I’ll teach you how to create some awesome 3D text using only Photoshop and a free app from Google. Intrigued? Read on!