ResourcesMix.info » Web design

Secret Code Phrases to Get What You Want from Your Graphic Designer

admin — Tue, 24 Aug 2010 09:20:44 +0000

Pixels, white space, focal points and sans-serif. Designers have their own language, and it’s baffling if you’re not used to it.

It’s almost like we have a “secret code,” and we reserve our best work for the clients who know it. When you speak with us, you might feel like you need a translator to communicate what you want and get marketing materials that stand out.

But the good news is it’s simpler than it sounds.

In the end, you don’t need to know the difference between points and pixels to get the best work from your designer. You just need to know a few secret code phrases to help you describe what you want and avoid the red flags that set graphic designers on edge.

Code Phrases to Avoid:

Say the phrases below at your peril.

When we hear these come out of your mouth, we immediately start either formulating how we can say “no” to working with you, or calculating how much more we should charge for the project so that we can cover the additional time it will take to deal with you.

1. “I’ll know it when I see it.” When you say this, we have visions of parading design after design by you as you sit passively and observe. Design is a two-way process. Your participation and guidance are key to coming up with a final product that meets your needs.

2.”Here, I made a layout for you.” On the other hand, we don’t want you to do our work for us. Tell us about your conversion goals and the market you want to reach, let us know if there is a certain mood you want to create or an image you want to convey, and then step back so we can do what we do best: solve communication problems visually. When you try to do our work for us, you limit our ability to deliver the best solution.

3. “I had a huge falling out with my last designer.” This one puts us on edge. We wonder why? Was it them, or was it you? Were you impossible to work with? Did you not pay your bills?

4. “I don’t have much to spend now, but there’s more work coming.” Whenever you don’t have money set aside for design, it’s like telling a designer that you don’t value good design or well-planned marketing, and you won’t appreciate the impact it will have on sales. It’s a red flag that you’ll be hard to deal with, won’t pay invoices on time, and might even be out of business within a few months or years — none of which are qualities top designers are looking for.

5. “How much does cost?” Designers sometimes have standard prices for projects that have a tight description and don’t vary much. These could include website headers, HTML emails of a particular length, and even logos. But for any project that’s complex, such as a free report, corporate website, or product packaging, we need to gather information before we can give you a price. Experienced business people know this, so asking for a “ballpark figure” before giving details just makes you look like a beginner.

6. “I want to show this to my .” There is nothing wrong with asking for feedback, but this one still makes designers nervous, and here’s why: none of these people are inside your business. If you want to talk with a marketing director or your business partner, that’s fine, because they probably understand your business and marketing goals, but when you go outside of your company for feedback, what it really tells us is that you can’t make a decision on your own.

Code Phrases to Use:

The phrases below are music to our ears. Clients who understand the value a designer brings to the table and know the importance of well-planned marketing say things like this:

7. “What do you recommend we do?” The simplest way to get inspired work out of anyone is to make it clear that you value their opinion. Graphic designers are no exception. Instead of starting a project with your deliverables set in stone, give us a chance to think about it and make recommendations. Sure, it might take an extra day or two, but you’ll often be amazed at the ideas top designers give you. It can be the difference between a mediocre marketing campaign and one that makes you millions.

8. “How much time do you need?” This question tells us you know good work takes time, especially for new clients. First projects always take the longest because we are inventing the “look” of your company from scratch. It takes a lot of thought, back-and-forth, and revisions, all of which take time. But if you’re willing to be patient, it’s worth it.

9. “What’s the best way to communicate?” Some graphic designers are impossible to reach by phone, while others prefer it. Some are happy to talk with you at 10 PM, while others can’t. Before you start your project, it’s important to know how your graphic designer prefers to communicate, and then do your best to accommodate it. You’ll have less mixups, more fun, and a designer who loves working with you — all of which lead to higher-quality work.

10. “Here’s the information you need. Here’s the target market. Here’s how we’ll approve your proposals. Go to work!” The ultimate designers’ fantasy: a client who has all of their text and photos organized; who knows their target market and overall goal for the piece; who has a clear approval process in place; and who is willing to give us the time and authority to do our work. If you learn nothing else from this article, learn these phrases, because they cover everything we want to hear.

The biggest secret of all?

Clients who are easy to work with and use the secret code phrases on a regular basis don’t just get our best work. They also get the lowest invoices, because we can work efficiently and don’t have to fight our way through the process.

How about you? Do you have a good working relationship with a designer? What makes it work? Or have you had nightmare experiences?

Related Resources:

ArtK Design – City Icons

Jane — Thu, 14 Jan 2010 07:05:38 +0000

ArtK Design -Illust Icon Series – City Icons
File : 1 AI&EPS Vector File | 50 Icons | 16.7 MB | RS&FF

Download : FileFactory

Related Resources:

iLeopard Icons Pack

Jane — Sun, 10 Jan 2010 07:01:04 +0000

iLeopard Icons Pack
Auther : ~kampongboy92
File : PNG File

Download : Mediafiles

Related Resources:

Awesome Navigation Menu Design Collection

Jane — Sun, 03 Jan 2010 09:05:12 +0000

Navigation menus are, of course, important for usability purposes and creating a user-friendly website, but they also provide opportunities to add some visual appeal to the design. In this post weâ€™ll showcase 40 examples of attractive navigation menus, including a variety of different types and styles.

Mission Community Church

Sushi & Robots

Wonderbra Ultimate Strapless

Organic Supermarket

Pasadena Symphony and Pops

West Coast Poppin

Veer

The Invoice Machine

Tennessee Vacation

Ekklesia 360

Show & Tell Consignment Sale

Inner Metro Green

Apple Reviews

Looking to Hire a Designer or Developer?

PostÂ job listing to the Odesk job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. – Post a job for free.

Related Resources:

How To Design An Effective Web Form

Jane — Sat, 02 Jan 2010 08:00:16 +0000

When your users have dedicated enough time on your website to be interested in your service or product, and want to learn more, there is no bigger turn-off than an inaccessible, unusable form. A form can be anything from a sign-up form, to an email opt-in form, to a contact form, and more. You want to make sure that these forms are convenient, easy to use, and of course, good looking, for any of these visitors that are interested in what you do.

In this post, I want to explore the countless tools and resource for designing forms, and I want to show you how you can use these tools to your benefit to create the perfect form that will help to maximize conversions, sales, subscribers or for whatever else you may be using your form.

What To Consider When Designing The Perfect Form

The following sections are meant to inspire you with new ideas to create the perfect form for your own website. Remember, each site has its own purpose and needs when it comes to forms, so while reading this post, keep your audience, site genre, and form purpose in mind.

I want to emphasize simplicity in this post â€“ forms are all about making it as easy as possible for people to give you their time, their money, or their interest. If you have a complicated form that is hard to use, you will lose your readersâ€™ attention.

Less Is More

When creating your form, remember that less is more. The fewer fields your visitors have to fill out, the more of them will actually complete the submission process. Letâ€™s take a look at some online web forms to explore what makes them float or sink.

Facebook

Facebookâ€™s sign up form has only three main text input fields with two additional information objects (birth date and sex). This simplicity has made it easy for millions of people to sign up for their service.

On the other hand, take a look at MySpaceâ€™s sign up form.

First and foremost, this form is on an interior page meaning that users had to first visit the home page, then click â€œsign up.â€ Second, take a look at how big this form is â€“ I counted fourteen information areas (including the CAPTCHA) for users to fill out. Fourteen! No wonder Facebook has already far surpassed MySpace (according to Alexa).

Twitter

Even though Twitterâ€™s sign up form is on an interior page of the site, I give them respect for making their form extremely simple and easy to fill out. With only four fields and a captcha, signing up is a breeze.

Context & Assistance

Forms can be made easier and more usable through the use of context and field assistance. What this means is that as you are filling out each field, the form is providing feedback to help you make sure you are doing everything correctly. The only true way to understand this is to check out the following picture:

Last.fm uses context assistance to help users identify when they have properly filled out a form. As you can see in the above picture, I got a green check mark for my username and passwords, but a red exclamation for my incomplete email.

These types of assistance save time and help users know that they are using your form correctly. Here are more examples:

Break

Digg

Prominence On The Page

Even if your form is simple and easy to use, it wonâ€™t do you any good if your users canâ€™t find it on your site. Having a prominent form, or a link to the form, is essential for streamlining the workflow of your visitors. Letâ€™s take a look at some websites that have found places on their website that make it easy for users to find and use their forms:

WordPress.com

WordPress puts a big button right to their sign-up form at the top of their site, giving it the most prominence, color, and attention.

Once a user clicks through to the sign-up page, the form takes up the entire screen. This form is big, easy to read and use, and simple. With only four fields to fill out, and a check box to click, it really is possible to have an account in seconds.

Netflix

Netflix puts their trial sign-up form right on the home page, right where it counts. With only four fields to fill out, Netflix has made it extremely fast and easy for new visitors to get started on a free trial right away. This has contributed to the companies phenomenal success, having delivered over 1 billion movies.

Letâ€™s compare this to Blockbuster who tries to offer a very similar service.

Take a look at their very content-heavy, image-overloaded homepage. So you want to sign up eh? Here are the options that they give you: a tiny link below the navigation and an image placed among advertisements on the right side. Thatâ€™s it. Who do you think has more members?

Once you get to the registration form, youâ€™ll find what appears to be a quick and easy form to fill out.

Distractions

Distractions can make or break a form. Ideally, once you have a user filling out a form, you want it to be quick and easy to fill out. The last thing you want is for the user to see another link of interest that takes them away from your form. These distractions often come when a website fails to optimize their registration page to reduce the distractions to a minimum.

When you are designing your form, keep in mind that you want people to actually finish filling it out. The fewer distractions that prevent them from doing this, the better. Often times this means getting rid of your sidebar, footer, and in some cases, a header, in order to give your form the most attention on the page.

Letâ€™s take a look at Deviant Art. This website, normally packed with images and links, really cleans up its form page to remove any distractions, giving visitors straight, unblocked access.

A website that does similarly well in reducing distraction is Fresh Books. Stripping away every part of their website aside from their logo, navigation, and contact number, Fresh Books really puts emphasis on their forms to maximize registrations.

Windows Live follows suit by stripping away every link on the site and leaving only their logo and their form, front and center on the page.

Finally, Yahoo does a wonderful job of putting focus on their sign-up form for their mail service. Leaving only their logo and the form, users are pushed to complete the registration process.

Modals

Modals are a very new, and growing way, to build a unique, usable, and aesthetic form. A modal is a pop-up window that dims or darkens the background elements to reduce distractions and put maximum emphasis on the form. When done well, this method of form design will provide for a great experience for users and make registration a breeze. Letâ€™s take a look at some websites, that are using modal windows to house their forms.

Reddit uses a modal window for both a login and registration form. Also keep in mind the â€˜less is moreâ€™ rule when looking at Redditâ€™s form, which only has five fields.

The form on Hall Pass uses a very simple, minimalist modal form with only four fields to fill out! Not only does the form look great, but it is also very easy to use.

Meebo also uses a modal form. One minor thing that detracts from this modal window is the left half of the pop-up. It provides reasons for why people should be registering, but it is logical to assume that if someone has clicked the register link, they know why they want to sign up and what service they are signing up for.

Resources For Working With Modals

Modal Dialogues Using CSS & Javascript
jqModal : Minimalistic Modaling For jQuery
WordPress Plugin: SimpleModal Contact Form (SMCF)

Modals are a great way to work with forms, but be careful about your audience when using them. Older, less tech-savvy users may be less familiar with modals and might be inclined to think that it is some sort of pop-up advertisement.

Modern Examples Of Forms + Best Practices

To help you get ideas and inspiration for your own personal form, Iâ€™ve compiled a list of web forms organized by the type of site that they are on. When looking through these forms, keep in mind a few things:

Simplicity â€“ how many fields are required?
Audience â€“ who is the form targeted to?
Prominence â€“ where is the form on the page? Is it hard to find, or easy to see?
Distractions â€“ how much focus is put on the form?

Contact Forms

Contact forms get their own section in this post because they are different than any of the other sign up/registration forms that have been featured thus far. Contact forms serve a different purpose â€“ getting in touch with someone â€“ thus needing their own design style and rules.

Often times people figure that all a contact form needs is a few fields and a submit button. True, but why not be creative and try something different? Through the use of colors, icons, and other design styles, you can make your contact form stand out from the crowd and make it more usable and user-friendly.

Here is a collection of 20 beautiful and unique contact forms. While looking through these forms, keep the following in mind: color, layout, spacing, icons, text positioning, and the design of the submit button. Each of these elements help to make a contact form original and creative. Find a style that you like, and work with it to make it your own.

Frexy

Fling Media

Created 201

Chemistry Recruitment

Alex Cohaniuc

Intuitive Designs

Ordered List

Five Cent Stand

Swiths

Pixel Resort

Design Disease

Veerle

Sidebar Creative

Qwert City

Swfir

Web Forms : Tutorials and Resources

I have compiled a brief list of tutorials and online resources to help you get started creating the perfect form. Be sure to check out the online resources at the end of this section that offer great form creation for very low prices.

Form Development

Prettier Accessible Forms

A CSS Stylesheet Collection For Web Forms

Semantic Horizontal Forms

Trimming Form Fields

Functional Pretty Forms

Styling Web Forms Using CSS

CSS: Fun With Forms

Ajax Auto-Suggest Auto Complete Text Field

Really Easy Field Validation

Online Tools

Wufoo

Jotform

Icebrrg

Related Resources:

Great CSS3 Articles, Cheat Sheets and Tutorials Collections

Jane — Sat, 03 Oct 2009 12:00:15 +0000

CSS3 is introducing endless of new and agitative functions and appearance like text-shadow, box-sizing, opacity, assorted backgrounds, border-radius, border-image. It is accepted that CSS3, already it is absolutely developed and supported, will leads to greater adaptability and accomplish it simpler to actualize circuitous and activating beheld effects. Even admitting it is not currently all the arch browsers that abutment new CSS3 appearance some of them has been alien in latest versions of browsers like Firefox, Safari and Chrome.

It is time to alpha investigating CSS3 and get accustomed with it but be acquainted that CSS3 appearance are not yet accessed anon in best browsers and in some it is not alike implemented at all, ex. Internet Explorer. Firefox use a prefixed with -moz-, consistent in fx. -moz-box-sizing. Safari 3 / WebKit uses -webkit-box-sizing and Opera aloof accepts apparent box-sizing. Coding CSS3 is accordingly currently a bit acid as you accept to address the aforementioned cipher assorted times with altered prefixes. Anyway arena with and compassionate the opportunities that new appearance in CSS3 will action is is account the effort. In this commodity we provides a ample accumulating of CSS3 resources, Cheat Sheets and Tutorials to get web designers started.

CSS 3 Cheat Sheets and support matrices

CSS 3 Cheat Sheet (PDF)

There are not a lot of CSS 3 Cheat Sheets accessible by now but Smashing Magazine accommodate a abundant one for Free. This is a charge accept if you plan to alpha application some CSS 3!

W3C â€“ Cascading Style Sheets, Current Work

If you appetite to chase the development of CSS3, this folio is the abode to start.

CSS support in Opera 9.5

CSS 3 Support In Firefox 3.5

CSS3 Getting started Articles

Introduction to CSS3 â€“ Part 1: What is it?

This article marks the first of several, providing an introduction to the new CSS3 standard which is set to take over from CSS2. It is starting from the very beginning â€“ taking you from not having even heard of CSS3, to feeling ready to hit it running as various features start to become more widely adopted. Other articles is this series.

Take Your Design To The Next Level With CSS3

In this article, weâ€™ll look at the advantages of CSS3 and some examples of how Web designers are already using it. By the end, weâ€™ll know a bit of what to expect from CSS3 and how we can use its new features in our projects.

Wikipedia on CSS 3 â€“ as always wikipedia is a great source for getting information on a new subject.

An introduction to CSS3 â€“ CSS3 is not new, nor is it just round the border-radiusâ€™s corner! It patiently sits, all ready to make its debut, sipping coffee and waiting for the browsers to provide the red carpet. You see, it is the browsers that need to catch up.

W3Câ€™s CSS3 Roadmap â€“ An introduction to CSS3 by the W3C, and where itâ€™s headed.

CSS3 Tutorials

7 New Essential CSS 3 Techniques Revealed

This article presents 7 New CSS3 techniques that every web designer and developer should be aware of.

Push Your Web Design Into The Future With CSS3

A good intro to CSS3 by Smashing Magazine

CSS 3: Exciting Function and Features: 30 Useful Tutorials

This articlegives a good overview of the new possibilities in CSS 3 and show you how to use them yourself.

5 CSS3 Techniques For Major Browsers using the Power of jQuery

This is a Combi of really great CSS 3 and jQuery techniques that can be used to achieve the same results.

CSS3 Previews: CSS3.info

Here you will find showcases of various CSS3 features that browsers currently support.

70 Must-Have CSS3 and HTML5 Tutorials and Resources

Below are seventy resources, tutorials, and articles to get you started with CSS3 and HTML 5. Many of the techniques discussed are already supported to some extent in some some modern web browsers (Safari and Firefox have the most extensive support), so you can get started right away.

css3.com

This site is dedicated to CSS3. CSS 3 reference guide, tutorial, and blog

20 Useful Resources for Learning about CSS3

As a web developer, itâ€™s crucial to be well-informed about modern and future web standards. To help you stay ahead of the curve â€“ here are 20 excellent resources on the topic of CSS3.

Liquid faux columns with background-size the CSS3 way â€“ How background-size is going to make your life a lot easier.
Css3 Attribute selectors â€“ A technical tutorial on how to use the advanced attribute selectors in CSS3
A mock-up interface using CSS3 Colour â€“ Really cool example of whatâ€™s possible with CSS3 Colour. Read the article and then check out the demo.
Semantic code: put more in, get more out with CSS3 â€“ A quick tutorial on how to use semantics so that you get more out of
Border-radius: create rounded corners with CSS â€“ A demo of of how border-radius works
Border-image: using images for your border â€“ How to use border-image
Box-shadow, one of CSS3â€™s best new features â€“ A demo of how to use box-shadow
RGBA colors â€“ How to add transparency to your colors
Making an image gallery with :target â€“ How to use the new CSS3 selector Tooltips with CSS3 â€“ How to make use of the :before (or :after) pseudo element and
Using CSS 3 selectors to apply link icons â€“ A quick tutorial on how to add handy icons to links.

HTML 5 and CSS 3: The Techniques Youâ€™ll Soon Be Using

A useful tutorial that walks you through building an HTML 5 site and adding CSS3 features

And a few moreâ€¦

CSS3 Opacity â€“ How to add opacity to your images and text
CSS3 Text-Wrapping â€“ How to properly use the text-wrap property in CSS3
Introducing the CSS3 Multi-Column Module â€“ The W3C multi-column module is a CSS level-three working draft, proposed by the W3C to extend the current CSS box model. This article from A List Apart shows you how to use it.
Rounded Corner Boxes the CSS3 Way â€“ A useful article on 24ways that explains how to build rounded corners with CSS3 pseudoâ€>:target pseudo-class
CSS 3 selectors explained â€“ A good intro by 456 Berea St.
CSS text shadows and background sizing â€“ A good tutorial from Dev.Opera that will show you how to use text-shadow and background-size.
How to get @font-face to work in IE â€“ A hack that allows you to use font embedding in Internet Explorer
Web Fonts â€“ A great article on font embedding from A List Apart
Styling Forms with Attribute Selectors â€“ A great tutorial from Dev.Opera
content property, combined with the :hover pseudo class to create nice tooltips.
Stay on :target with CSS3 â€“ Our very own tutorial on using the :target pseudo selector
CSS3 and International Text â€“ An overview of the CSS3 modules currently in development that will introduce a large number of properties designed to support non-Latin text.
CSS3 selectors.
Fonts available for @font-face embedding â€“ Ignore the ugly styling of this page â€“ itâ€™s a great list of currently available fonts for @font-face
The CSS3 border-radius property â€“ One of the CSS3 properties designers have been longing the most for is undoubtedly the border-radius property. With CSS3 border-radius property itâ€™s possible to create the so popular rectangles with rounded corners exclusively via CSS â€“ no images needed.
CSS3 box-shadow property â€“ This tutorial will show you how to use the CSS3 box-shadow property to add shadows to a box. Box means each HTML element is included in by the CSS box model.

Related Resources:

Start Web Designing System with payment plan

admin — Mon, 28 Sep 2009 17:03:21 +0000

Discoverâ€¦ How YOU Can OUTSOURCE TO YOUR OWN TEAM OF EXPERTS to Make
$10,000+ Every *30 Days*
â€¦And Only Work 3-4 Hours Per Week YOURSELF!

Iâ€™ve been profiting from this unique system for the last 2 years and now itâ€™s time for me to let you know how you can tooâ€¦

- Work Less And Do The Things YOU Want
- Earn More And Do The Things YOU Want
- Run A Sustainable Business And Do The Things YOU Want
- And Most Importantly Live The Life You REALLY Want!

Youâ€™ll receive everything you need to make this system work, to change your financial future forever!

â€œLet Me Show You How You Too Can Build A
*SUSTAINABLE BUSINESS*
Which Allows You To Work Just 3-4 Hours Per Week LeavingÂ Your Own Experts To Do ALL The HARD Work While You Enjoy Your Life!â€

All you need is 3 – 4 hours per week to make this system work for you and if you follow the system to the letter you can make $10,000+ per month quicker than you can imagine.

Know More and Get the System

Related Resources:

Awesome Samples of Three Column Blog Design Inspiration

Jane — Tue, 15 Sep 2009 18:43:43 +0000

In this post ResourcesMix.info will look at 25 examples of Three-Column Blog Designs. Some have the content in the middle with a sidebar on each side. Some have the content on the left with two columns of sidebars on the right. And others use some creative combinations.

Lord Likely

Hell Yeah Dude

Luova

Duirwaigh Studios

Citizen Wausau

Schneeballschl18.com

Related Resources:

Best of Travel & Hotel Website Designs for web design inspiration

Jane — Thu, 10 Sep 2009 20:36:09 +0000

Travel websites often feature large, attractive photos because of their emphasis on visual appeal. In this post weâ€™ll look at 37 well-designed sites from the travel industry for your own design inspiration. Some are state or government tourism websites, and others are for hotels or business involved in the travel industry.

Experience Washington

Villa Bianca Hotel

Jacksonville Landing

MacAllan Ridge

Trapp Family Lodge

Monterey, CA

Service Plus Inns and Suites

Club Manche Attractive

Visit Snowy Mountains

Hotel Paradiso

Trent Cruising

Lanyon Holiday Cottages

West City Hotel

Baja Vacations

The Porches Inn

Vacation Rental Station

Visit San Antonio

Tennessee Vacation

Signature Attractions

Fall for Tennessee

Summertime in Tennessee

Springtime in Tennessee

Tennessee Winter

Lanikai Properties

Visit Cascadia

Lake Crackenback

Adventure Trekking

Design Hotels

Assaroe Falls

Related Resources:

Awesome Collection of JavaScript for Web Designers

Jane — Mon, 07 Sep 2009 01:01:00 +0000

I just found awesome collection for JavaScript from â€œWebDesignerWallâ€, really according to todayâ€™s trend JavaScript is must have enhancement of all web designers. Rather than the flash web designers can create flashy effects using low KB JavaScript and most useful thing it helps a lot in SEO if we use JavaScript for animation rather than Flash.

Here is that great listâ€¦

Image Zoom and Popup

Lightbox

Youâ€™re probably very familiar with Lightbox â€” a light Javascript used to display overlay images on the current page. The original Lightbox
was released in 2005. Since then, there are many scripts released with
similar features using different approaches and Javascript libraries.

jQuery lightBox Plugin

This is exactly the same as Lightbox JS, but written on top of jQuery library.

Thickbox

Thickbox is a jQuery plugin that is very similar to Lightbox, but
comes with more features. It allows you to display: single image,
multiple images, inline content, iframed content, or content served
through AJAX in a hybrid modal.

Note: Web Designer Wall uses Thickbox to display the gallery images and tutorial demos.

Highslide JS

Highslide JS serves the same purposes as Thickbox, but it has the zoom effect and allows you to drag the overlay window.

FancyBox

FancyBox is a jQuery plugin that is designed to replace the overused
Lightbox. It has similar features, but better transition effects (the
design is Mac-like).

jQZoom

jQZoom allows you to show a magnified image of the thumbnail. This
technique is commonly used in eCommerce websites (check out the Gap site for a sample).

Gallery and Slideshow

Slideshow 2! for Mootools

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website.

SmoothGallery

Using mootools v1.11, this javascript gallery and slideshow system
allows you to have simple and smooth (cross-fadingâ€¦) image galleries,
slideshows, showcases and other cool stuff on your website.

jQuery Galleria

Galleria is a javascript image gallery written in jQuery. It loads
the images one by one from an unordered list and displays thumbnails
when each image is loaded. It will create thumbnails for you if you
choose so, scaled or unscaled, centered and cropped inside a fixed
thumbnail box defined by CSS.

Noobslide

NoobSlide is a MooTools class that lets you create timed slideshows and sliding panels. Visit the website to view the demos.

Product Slider (demo)

This shows a demonstration of a slider widget from the jQuery UI library used to create the product slider as seen on the Apple – Mac website.

Carousel

jCarousel

jCarousel is a jQuery plugin for controlling a list of items in
horizontal or vertical order. The items, which can be static HTML
content or loaded with (or without) AJAX, can be scrolled back and
forth (with or without animation).

YUI Carousel Component

The carousel component manages a list of content (HTML LI elements
within a UL) that can be displayed horizontally or vertically. The
content can be scrolled back and forth with or without animation. The
content can reference static HTML content or the list items can be
created dynamically on-the-fly (with or without Ajax).

DynamicDrive – Carousel Slideshow

Carousel Slideshow is a fabulous DHTML script for the showcasing of
images on your site. It displays images in a 3D, carousel fashion.

iCarousel – MooTools

iCarousel is an open source (free) javascript tool for creating
carousel like widgets. You can use iCarousel as news ticker/scroller or
image gallery slider.