Articles - Page 136

Browse our articles, inspiration, news, and tips for the design community.

Create a Moveable Sticky Note With MooTools and CSS3
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!

QuickPost: Installing Internet Explorer on a Mac
News / 6 Jun 2010

QuickPost: Installing Internet Explorer on a Mac

If you’ve ever done web development, you know that the one browser you have to watch out for the most is Internet Explorer. Nine times out of ten, even if you’re good to go on every other major browser, IE will do its best to leave you cursing its downfalls.

Now if you’ve ever done web development on a Mac, you know that testing on IE can be rough. You either have to have Parallels, Boot Camp, or some equivalent installed or use a service like Adobe Browser lab to snag a screenshot. The former involves actually installing windows on your Mac and takes far too much time and hard drive space if all you want is IE, and the latter only allows you too see how things look in IE, not how/if they actually work.

6 Apps for Collecting Digital Inspiration
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.

Web Design Critique #2
Critique / 3 Jun 2010

Web Design Critique #2

Today we’ll be continuing our new series of web design critiques where we take an in-depth look at a live website and point out both its strong points as well as the areas that could use improvement.

Top Test Prep, the site we’ll be viewing today, was our very first customer but the requests have been pouring in so be sure to get on the list soon!

The Importance of Personal Projects
Business / 1 Jun 2010

The Importance of Personal Projects

Working for other people can be a horrible way to spend your life.

Even if you’re doing something that you love, doing it 40+ hours per week for other people has a tendency to ruin the appeal.

One way to ease this problem is to create and maintain personal side projects. Below we’ll discuss why this proves true.

Create an Awesome 3D Slideshow With Cu3er: Part 2
CSS / 28 May 2010

Create an Awesome 3D Slideshow With Cu3er: Part 2

Today we’re going to finish up our two-part cu3er tutorial.

For those who don’t know, Cu3er is an awesome 3D image slider that’s free to use and easy to setup.

This section will examine how to tweak your slideshow using some of Cu3er’s many customization options. We’ll mostly be editing an XML page but don’t worry about it getting too techie. Even if you don’t know what XML is, it’s all pretty straightforward and easy to understand.

Create an Awesome 3D Slideshow With Cu3er: Part 1
CSS / 27 May 2010

Create an Awesome 3D Slideshow With Cu3er: Part 1

Today we’re going to build a simple web page with an amazing and free tool: Cu3er.

Cu3er is a really neat 3D image slider with crazy visual transitions and lots of customization options. Though it’s built with Flash and JavaScript, you don’t really need to know either of these to use it.

In this article, we’ll get the page built and the slideshow up and running. Next time we’ll return and see how to customize some of Cu3er’s many features and variables.

Funny Business and the Lack of Humor in Web Design
Graphics / 22 May 2010

Funny Business and the Lack of Humor in Web Design

In a recent post on things that web designers can learn from print designers, I pointed out that professional web design seems awkwardly void of comedy while other forms of marketing seem to embrace it. I decided to explore this area further and make it into full-fledged post.

So today we’re going to look at the world of funny marketing and why you should add it to your arsenal of design tools.

Web Design Critique #1
Critique / 21 May 2010

Web Design Critique #1

Today we’re going to start a new series where we take a brief but in-depth look at a particular design and discuss both the aspects that are done really well and those that could use a little work.

Over the course of these critiques we’ll discuss everything from design and color theory to usability and good coding practices.