Articles Archive

5 Ways to Learn Web Design: Which Is Right for You?

May 1st, 2012    10 Comments

fivewaystolearn-f
screenshot

The web design education industry has exploded from a small niche to a powerful, continually expanding force. Countless people all over the planet are interested in learning about how to build and design websites, and tons of companies are cropping up promising the ultimate solution.

The good news for you is that increased competition in this field is a great thing for customers. You have more options than ever for learning just about anything you want to know concerning web technologies. The big question though is, with so many options available, which is the right one for you? We’ll go over a number of different strategies being used to teach web development and discuss how you can figure out the most appropriate for your unique learning style. We’ll also include some resources to get you started on each available path.

Read More

20 Awesome Resources for Twitter Bootstrap Lovers

April 30th, 2012    17 Comments

bootstraplovers-f
screenshot

Twitter Bootstrap has simply exploded in the web development community. There will always be skeptics and haters but on the whole the project has been a smashing success and can constantly be seen at the top of the Forked and Watched charts at GitHub.

As a result of Bootstrap’s fame, lots of great related resources have been put forth by the development community. Today we’ve collected our favorites into a list of everything you need to get started with Bootstrap. From introductory tutorials to wireframing kits and custom generators, there’s something here for every Bootstrap lover.

Read More

10 Things to Learn From Failure

April 27th, 2012    6 Comments

10failure-1
screenshot

We’ve all had them – the dreaded unsuccessful or failed project – and we’ve all had to bounce back. From graphics busts to web disasters, some good can come from projects you’d rather forget. Even big companies, such as Gap with a logo change and subsequent reversal in early 2011, have had to deal with design snafus.

Start the recovery process by taking a minute to figure out what went wrong and then make a resolution to gain something from the process. Learn how to improve yourself, your team and your next project. Although you should not dwell on it too long, here are 10 things you can learn from failed projects.

Read More

Are Hover Events Extinct?

April 26th, 2012    10 Comments

hoverdead-0
screenshot

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.

Read More

Interesting Trends in UI Design

April 25th, 2012    17 Comments

ds-ui-trends-f
screenshot

I’m always on the lookout for new design trends. It’s fascinating to me how certain ideas get picked up by so many designers and implemented in countless different ways.

Today we’re going to specifically explore the world of user interface design and see if we can spot any currently popular trends. Almost more than any other area of design, interfaces are extremely subject to the ever changing whims of designers and if you’re not in the loop, you could find yourself creating UI that feels outdated. Read on to see what’s trending!

Read More

Code a Fantastic Animated Circular Thumbnail Gallery With CSS

April 24th, 2012    13 Comments

animcirclegallery-f
screenshot

Thumbnail galleries are a constant source of fascination for me. There’s so much more fun to be had than simply creating a grid of squares and calling it a day. Especially since CSS3 gives us so many powerful new tools to work with.

Today we’re going to mix up the boring old standard image gallery by turning it into a series of animated circles. Along the way we’ll learn a ton of helpful CSS knowledge that will help you in all manner of future projects.

Read More

Win One of Three Copies of the Massive Impressionist UI Pack

April 23rd, 2012    33 Comments

ds-impressionistui-f

Great news! We’ve chosen three winners, each of which will receive a copy of the Impressionist UI pack. Read on to see if you were one of the lucky entrants who will be downloading your resources soon.

Read More

The Freelancer’s Secret to Learning Any New Skill

April 23rd, 2012    24 Comments

troublelearning-f
screenshot

As a designer, developer and all around creative person, there are some skills that likely came very naturally to you. The learning experience just sucked you in and you enjoyed yourself enough that you picked up this new talent in an impressively brief timespan.

Other skills however, prove to be more difficult. Sometimes you can feel like your brain is simply full and that there’s no more room for this old dog to learn a new trick. How do you overcome this mental block and force yourself to learn that new skill you’ve been wanting to pick up? There’s a secret that many freelancers know well that is a sure fire way to learn almost anything new in your given field. Read on to see what it is!

Read More

Web Design Critique #79: Chique Drupal Theme

April 20th, 2012    4 Comments

DSCRT-79-f
web design critique

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 Chique, a premium Drupal template from More Than (just) Themes. Let’s jump in and see what we think!

Read More

5 Steps to Drastically Improve Your CSS Knowledge in 24 Hours

April 19th, 2012    26 Comments

css24hrs-f
screenshot

You’ve been coding for a while now and know your way around a CSS file. You’re certainly no master, but with enough fiddling you can get where you want to go. You’re wondering though if you’ll ever get past that point where CSS is such a struggle. Will you ever be able to bust out a complex layout without ultimately resorting to trial and error to see what works and what doesn’t?

The good news is that you can indeed get past that frustrating point where you know enough CSS to code a website, but lack the solid foundation that allows you to code without the annoyance of not exactly understanding how you’re going to get where you’re going, and this point is a lot closer than you think. I propose that there are five topics that will drastically boost your understanding of CSS. Spend some time reading about each over the next twenty-four hours and you’ll change the way you code forever.

Read More