Category: Articles

Categories

Mastering CSS Reflections in Webkit
CSS / 3 Jun 2011

Mastering CSS Reflections in Webkit

The box-reflect property is just one of many awesome new CSS3 effects that Webkit brings to the table. Unfortunately, it’s not the easiest to use. There’s a lot of syntax that can be confusing and today we’re going to sift through it and explain it in detail so you can get the hang of it.

It’s important to note that, at this point, box-reflect is only supported by Webkit browsers. It’s a superfluous visual effect so you can use it as long as you accept that it’s not going to render in anything but Chrome and Safari.

Weekly Freebies: 20 Awesome and Free UI PSDs
Freebies / 3 Jun 2011

Weekly Freebies: 20 Awesome and Free UI PSDs

This week’s myriad of freebies is a superb collection of layered PSDs that you can download and use in your projects. Each PSD contains a button, form, navigation menu slider or some other UI element that will no doubt prove useful as you build your next site.

50 Examples of Beautiful Typographic Art
Typography / 2 Jun 2011

50 Examples of Beautiful Typographic Art

Everyone loves a good typography roundup. Type is the muse of so many extremely talented designers and the web is simply overflowing with beautiful examples just waiting to inspire you to create your own masterpiece.

Today we’ve got a collection of fifty of the most attractive typographic art pieces we could find from artists all over the world. Take a look!

Get an Awesome Professional WordPress Theme for Just $19!
Deals / 1 Jun 2011

Get an Awesome Professional WordPress Theme for Just $19!

For this week’s Design Shack Deal we’re offering up an awesome WordPress theme from Viva Themes. It’s typically $48, but this week you can get it here for only $19. That’s a 60% savings!

Read on to learn more about why this theme is a must-have resource for your site!

Why Web Design Books Suck and How to Fix Them
HTML / 1 Jun 2011

Why Web Design Books Suck and How to Fix Them

Do you have a list of things that you know you should learn but just haven’t been able to pick up? Have you tried to read through a book or two with no success?

Today we’re going to discuss why you can’t get through those boring web design books, how they should be different and what to look for to leverage the way you actually learn.

Does Your Resume Matter? Landing a Job in a Post-Resume Environment
Business / 31 May 2011

Does Your Resume Matter? Landing a Job in a Post-Resume Environment

More and more lately it seems that design companies are bucking tradition and tossing out resumes as the de facto way to differentiate between and choose candidates.

Should you be concerned about how you look on paper or diverting your efforts towards something more important? Read on to find out.

Creative Gallery of Parallax Website Designs
Inspiration / 30 May 2011

Creative Gallery of Parallax Website Designs

The limiting 2-dimensional aspect of computer monitors today constrain how websites are built. When designing parallax website layouts, these can bring effects and graphics into three-dimensional beauty right before your eyes! Often created with Adobe Flash or JavaScript libraries this effect is not often used but does offer a very unique feeling.

Below are some very creative examples I’ve put together for digital inspiration. Web designers from around the globe can gather ideas for parallax style websites. It’s not a very confusing topic, and once you’ve got a design style set in your mind it’s easy to bust out some graphics and code the whole thing together.

Web Design Critique #52: Goldenboy Media
Critique / 28 May 2011

Web Design Critique #52: Goldenboy Media

Every week we take a look at a new 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 Goldenboy Media, a web design agency in South London.

Build a Responsive, Mobile-Friendly Web Page With Skeleton
CSS / 27 May 2011

Build a Responsive, Mobile-Friendly Web Page With Skeleton

Recently we published an article showcasing 20 Amazing Examples of Using Media Queries for Responsive Web Design. These web pages respond extremely well to different browser window sizes, from huge HD screens to smartphones.

Today we’re going to show you how to use a boilerplate called Skeleton to take the headaches out of designing and building a responsive web page. You’ll be stunned at how easy it is!

Weekly Freebies: 18 Simple and Useful Web Apps for Designers and Developers
Freebies / 27 May 2011

Weekly Freebies: 18 Simple and Useful Web Apps for Designers and Developers

Lately the web has just been bursting with simple, single-purpose tools that help make make our jobs easier by handling tasks such as generating CSS code or providing placeholder images for comps.

Below is a fairly random collection of such tools that I’ve found indispensable recently. All are completely free, extremely useful and super easy to use. Enjoy!

50 Creative and Inspiring Thumbnail Galleries
Inspiration / 26 May 2011

50 Creative and Inspiring Thumbnail Galleries

Thumbnail galleries are one of the most common solutions on the web for showcasing multiple images. The efficiency of this tool can’t be beat, it allows for quick browsing and closer inspection when desired.

Whenever I build a thumbnail gallery, I like to look around the web to see what other designers are doing to make theirs unique. Today we’re collected fifty great galleries for you to check out. Along the way, we’ll also discuss some ideas that you can use in your own galleries.

Create an Awesome Zooming Web Page With jQuery
JavaScript / 25 May 2011

Create an Awesome Zooming Web Page With jQuery

Want to create a really unique and eye-catching effect for your site? How about an animation that zooms into a specific portion of the page when you click on it?

It may sound like a lot of work but with jQuery and Zoomooz.js, it’s a snap! I’ll walk you through the process step by step as we build a stunning zooming thumbnail gallery.