10 Tips for Awesome Tumblr Theme Design

May 16th, 2012    1 Comment

tumblrtips-f
screenshot

Here at Design Shack, WordPress is our bread and butter, but in the world of blogging platforms, we have lots of love for Tumblr as well. It’s simple, gorgeous, and simply enjoyable to use.

Today we’re going to take a look at what makes a great Tumblr theme. With over 1,300 options in the Tumblr theme garden, it can be difficult to stand out. Why do some themes catch so much attention while others are ignored? Good design holds the answer.

Adobe Muse Test Drive: Is It Worth $15 Per Month?

May 15th, 2012    5 Comments

adobemuse-f
screenshot

Adobe has an interesting relationship with folks who design websites. Photoshop and Fireworks have you covered from a static image perspective, but tools to build live, functioning websites are another story completely. Flash is no longer the poster child of modern web technologies (quite the opposite), GoLive went the way of the dinosaurs and Dreamweaver, though still widely used, is regarded by many to be a bloated mess.

One area that Adobe is intent on pursuing is web design for non-coders. They’ve made it their mission to bring the world of professional website creation to the huge market of designers who can’t write a lick of code. Thus far, they’ve largely fallen short of that goal (Project Rome anyone?). Their latest attempt, Adobe Muse, has finally exited beta and is available as a part of Adobe’s new Creative Cloud service ($50 per month) or as a stand alone product ($15 per month). Is Muse worth your time and money? Will it really allow you to create professional level websites without coding? Read on to find out.

Build a Library of CSS Image Label Options

May 14th, 2012    5 Comments

imglabelibrary-f
screenshot

Today I’m working on another awesome free download for PixelsDaily. Here you’ll be able to see my thought processes, goals and code, and later you’ll be able to download the whole project to use in your own work.

Basically, our goal here is to create a simple effect so that when the user hovers over an image, a hidden text label pops up into view. This is of course extremely easy to do so we’re going to go a step further by building a whole bunch of options for the developer to choose from. This will provide you with some good practice for how to create flexible effects that can be applied in different ways without too much code repetition.

Web Design Critique #80: The New Responsive WebAppers Site

May 12th, 2012    2 Comments

webappercritique-1
screenshot

It’s time for another awesome web design critique, where we take a look at a real website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is WebAppers, a great place to find open source web resources. Let’s jump in and see what we think!

Preparing Your Web Design for Print

May 11th, 2012    2 Comments

printarticlepreview-f
screenshot

When was the last time a client asked you to design something for print? Did you feel comfortable meeting the request? There are a few key standards that you should understand to make the successful jump from online to printed design.

When planning a print project you really have to take the medium, format and printing press in mind when putting together a project. It is also important to understand the differences in how color works, font embedding and other just preparing your flier, magazine cover or business card for print.