DeveloperFox

Advantages of Using Corners Without Images

admin — Thu, 22 Sep 2011 08:08:18 +0000

In a previous tutorial, we looked at rounding corners with images using CSS. Though, the page can be optimized for loading speed further by using no images. CSS allows us to use styles that can achieve this effect. Rounded corners work well on sites that need to highlight content on the home page such as ads, new products or news.

Here is the result produced by the code given here:

This is so easy to edit for any usage. Here, the use of a DIV tag with the content means that it can be used with content that is positioned anywhere on the page. Expanding or shrinking the size of the DIV box is straightforward. It will automatically adjust itself to fit the content in the box. Rounded corners give pages with text boxes a more attractive appearance.

Now for the code:

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

Corner without images

“r2″>class=”r4″>

Boxes Like This With Corners
Highlight Your Business Benefits

There are many uses for these boxes. Rounded corners can add some spice to an otherwise dull page.

Smooth Boxes
Easy To Set Up
Good for highlighting content

Have you tried rounded corners?

Give it a whirl…and see if it can add some extra visual appeal to your web pages.

class=”r1″>

Try placing the code into several types of pages such as tables and different designs. You will find it easy to use the code in various ways.

Go ahead, round those corners!

8 Tutorials On Creating Mootools Navigation Menu, Dropdown And Sliding Menu

admin — Wed, 21 Sep 2011 08:05:07 +0000

“ MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API ”

In this post I’ve selected 8 Mootools navigation,dropdown and sliding menu tutorials. These tutorials will help you create better web 2.0 effects.

1- Nice animated menu using CSS and Mootools

This tutorial illustrates how to implement a nice animated menu using Mootools and some lines of CSS and HTML code ready to reuse in your project.

2- Creating a Sliding Menu Using the MooTools Framework

Tutorial here will show you how to create a sliding menu using the MooTools framework, you are required to have basic knowledge of HTML, you don’t need to know JavaScript to follow this tutorial, but JavaScript will help you understand what the code actually does.

3- Two CSS vertical menu with show/hide effects

This is the basic example with a simple show/hide effect which you can implement just with some lines of JavaScript code.

4- Creating Drop-Down Navigation with Movable Type

The goal of this tutorial is to demonstrate how to add category driven drop-down menus to your web site.

5- Sliding top panel using mootools

This tutorial explains how to realize a simple sliding top panel (top/down) using mootools, some line of css code and JavaScript.

6- Show-Hide login panel

Add a show/hide login panel to your WordPress theme using Mootools.

7- MenuMatic

MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system.

8- Drop down menu using Mootools 1.2

19 Free Flash Photo Galleries

admin — Tue, 20 Sep 2011 07:52:22 +0000

A Flash Gallery is a free application that allows you to create a slideshow on your website easy and fast. You won’t need any programming skills to install or use it. Just embed it into your website and script will automatically form a slideshow from a specified folder or an XML files or from Flickr photostream.

I’ve seen a lot of flash galleries on the web and there are growing fast, in this post, I’ve put together 19 of the best and most beautiful free flash galleries that have been made ever.

1- Flash Photo Gallery

This gallery is easy to configure and update since you need to change only the XML file.
I’ve mentioned some of its features here:

- Flash Gallery is 100% FREE!
- Easy to implement in your site
- Intuitive navigation
- Cross platform – Windows/Macintosh/Linux
- Lightweight, only 11KB
- Image preloader and effects

2- Flash Gallery

This is a free flash gallery for you.You can download it from www.flash-gallery.org website.

Here are a few of its features:

- easy installation
- forms slideshow automatically
- supports Flickr photostream
- customizable design
- fully resizable

3- Free Flash & XML Slideshow Photo Gallery

You can easily add, edit or delete images and thumbnails by editing an xml file in Notepad.

Features:

- Flash Slideshow Photo Gallery
- Next and Previos Buttons
- Add unlimited number of images
- Add photos and captions easily in an XML file which can be easily edited in Notepad
- Preloader for loading images
- Images are loaded externally from a photos folder
- Neat fade-in and fade-out photo transition effect

4- Free Flash & XML Photo Album with Categories

You don’t need the Flash software for editing the gallery. You can easily add, edit or delete pictures and categories by editing a xml file in Notepad. Creating your own Flash photo gallery has never been easier! You can add unlimited number of categories and photos! You need Flash Player 8.0 to view this Flash Photo Gallery.

Features:

- Add unlimited number of categories
- Add unlimited number of images
- Next and Previous buttons to navigate

- Images are loaded externally from a photos folder
- Nice fade-in and fade-out photo transition effect
- Add categories, photos and captions easily in an XML file which can be easily edited in Notepad

5- SimpleViewer

SimpleViewer is a free, customizable Flash image viewing application.

Main Features:

- Intelligent image pre-loading.
- Intuitive image navigation
- Lightweight (17k).
- Customizable interface – Set text color, frame color and width, navigation position.
- Resizable interface – Interface scales to fit browser window.
- Cross platform – Windows/Macintosh/Linux (requires Flash 8 or higher).
- Flash 8 detection. Users without Flash 8 are messaged to upgrade Flash.
- International font support.
- Keyboard Navigation (Cursor keys, Home, End, Page Up/Down)
- Mousewheel navigation
- Optionally right-click to open image in a new window.

6- Agile Gallery

AgileGallery is a free Flash photo gallery that rips through the XML output from Picasa (a free download from google) and generates the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. It also includes a slideshow feature.

7- XML Image Gallery With Source

Tony’s Photo Album is a open source image gallery, you can check its demo by clicking the link below or download it.

[DEMO]

[DOWNLOAD]

8- FREE Photo Gallery

Photo Album v.2 is a free image gallery, you can download it by clicking the link below.

[DOWNLOAD]

9- Flash Photo Album

It’s an easy to use flash gallery.

Main Features:
- Dynamic Picture loading
- Easy to install and easy to change content
- Show pictures automatically with slideshow
- Integrate to any web site
- No server side scripting or database requirement
- Adds great look and functionality to your web site
- Specify other configuration file like asp or php.
- Showing selected image on thumb and showing selected page of thumbs.
- Ability to show up to 1200 images.

10- dfGallery

dfGallery is a free flash gallery, Take a look to some of features.

Features:

- Flash Gallery to support both Flickr , Picasa , Fotki, Photobucket and Custom Images.
- Enable / Disable “Print Screen” ( requested by Photographers )
- Easily Customizable
- Full Screen mode. ( on the Right Click – Flash Player 9)
- Supports both RSS and Custom Images.
- Liquid Layout – Fits to any size you specify.
- Background MP3 music.
- Multiple language support.
- Notifies if a new update is available. 1.003b

11- Flash Page Flip Photo Gallery template for Picasa

12- Flash Photo Stack Gallery

13- Polaroid Gallery

A FREE, open source flash gallery developed by Christopher Einarsrud. The script loads images and image titles dynamically from an external xml file or a Flickr RSS feed.

14- 3D Flash image viewing

TiltViewer is a free, customizable 3D Flash image viewing application.

15- AutoViewer

AutoViewer is a free, customizable Flash image viewer. AutoViewer is designed to display a linear sequence of images and captions.

16- PostcardViewer

PostcardViewer is a free, customizable Flash image viewer. The interface is based on the real world metaphor of a set of postcards shuffled onto a surface.

17- Zen Flash Gallery

Zen Flash Gallery combines simplicity and elegance.

Main Features:

- Flash component (cs3) and swf-xml versions available
- Elegant author’s design
- Smart usability
- Multiple image folders
- Gallery parameters configuration via XML
- Image captions
- Slideshow mode
- Sound effects
- Gallery code is optimized for high productivity

18- Art Flash Gallery

Art Flash Gallery will organically blend with any design thanks to multiple appearance settings.

Take a look to some of features.

Features:

- Flash component (cs3) and swf-xml versions available
- Advanced appearance configuration possibilities
- Gallery parameters configuration via XML
- Convenient thumbnail bar
- Navigation bar
- Image captions
- Slideshow mode
- Full-screen mode
- Sound effects
- Gallery code is optimized for high productivity

19- Nineteen Free Picasa Flash and HTML templates to showcase your photos

Here are nineteen Picasa web templates to create web Flash and HTML photo galleries and slideshows using Google’s Picasa without any knowledge of Flash, HTML, CSS and Javascript. Use these free templates to showcase your photos and images.

Note: Don’t forgot to subscribe to our feed

13 Excellent Tutorials On Creating jQuery Navigation Menu

admin — Mon, 19 Sep 2011 14:41:53 +0000

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. In this post I’ve selected 13 jQuery navigation menu tutorials for implementing your own jQuery based navigation and have some great effects. Before getting stared you may be interested in looking my post about making navigation menu using CSS and Adobe Photoshop.

[13 hand-picked Vertical and horizontal CSS Menus]

1- How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked. So in this tutorial we’ll recreate that same effect.

2- How to make accordion menu using jquery

In this post I’ll show you how can you create fancy accordion menu using jQuery. In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toggled when the mouse is moved over it.

3- jQuery idTabs

4- Create a multilevel Dropdown menu with CSS and improve it via jQuery

5- Using jQuery for Background Image Animations

6- jQuery & CSS Example – Dropdown Menu

This article is intended to describe an extremely basic, yet extremely powerful, technique for adding dropdown menus in your application user interface or website design.

7- Create an apple style menu and improve it via jQuery

8- Creating a Floating HTML Menu Using jQuery and CSS

9- Drop down menu with jquery

Here’s a drop down animated menu example made with jquery.js 1.2.2

10- Jquery Vertical Slide (Dropdown) Navigation

11- Multi-level drop down menu with jQuery

There are a lot of horizontal drop menus around the web today and they are becoming more and more popular. If you have ever seen these menus and wondered how they work, then today is your lucky day! Here I will be discussing my thoughts as I build a drop down menu from scratch and add some jQuery to it to make it just that little bit more unique and special.

12- Seven jquery plugin to build lovely menu

13- Superfish – “menu jQuery plugin”

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript).

Six Tools to Ease the Pains of Designing

Derald — Fri, 18 Dec 2009 15:26:41 +0000

As designers, if we are truthful, there are some aspects of the job we dread doing, either because they are repetitive, not challenging, or just because we don’t like doing them. Those things can range from making yet another CSS design with rolled corner element or to such things as tweaking font attributes to get “that look” that we wanted. Here are some sites and tools that will help you be more productive, and take out some of the boring aspects of design.

Clearing CSS Rules

We all forget how to do things at times. This site contains a table which displays how to properly clear the CSS values float values in most of the major browsers. This is very helpful if you are forgetful, or if you can’t find out why that one div element isn’t clearing like it is suppose to be.

Rounded Corner Generator

Rounded corners, once called the Holy Grail of design, can be a headache for a lot of people. Most of the time you can get rounded corners in one browser, but if you checked it in a second browser the corners weren’t rounded. Which means you had to go back and “redesign” or create a “hack” for the browser which wasn’t working properly. This tool allows you to generate rounded corners with a lot of ease.

Typester

A great designers treats text as part of the UI according to Cameron Moll in his presentation entitled “Essential Web Skills”. Typester is here to make you that great designer. With Typster, you input text into a text box, then you can use drop down menus to tweet the text to look different. You can even compare up to three different designs side by side. This takes the “headache” and time consuming process of having to make changes to the style sheet, then refreshing your page just to see the changes.

CSS Tidy

Optimizing code is something that every designer should try to achieve, with CSS Tidy and CSS Optimiser you can do just that. Some of the great benefits of optimizing your CSS code, is easier to read code and less bandwidth usage. The less bandwidth your site uses, the better. It increases the speed in which the page loads for the user, and if your site ever becomes a hit on a social media site, you wan’t feel slowed down the effects of what is called the “Digg effect”.

Hyphenator

Hypenator isn’t a CSS tool, it is a JavaScript API. The reason it is in our list is because it makes your website look more uniform, cleaner, and very professional. There are times when your text will leave large white gaps at the end of a line because the word is too long to fit into that area. You could use justification alignment, but that may end up putting large gaps between the letters in a word. Hypenator is here to save the day by automatically hyphenating the last word on the line of text if it is to large to fit on that line. By doing this, it makes the text easier to read.

Browser Editors: FireBug / Developer Tools / Dragonfly

Firebug for Firefox, Developer Tools for Internet Explorer 8, and Dragonfly for Opera, if you haven’t used one of these tools, then there is only one question to ask. Why not? These tools are like an ice cream cone on a hot summer day. They allow you to “see” how the browser is processing your code. They even allow you to make live edits without changing the code for everyone else. The tools are great if you have one issue that you can’t find out why it is happening, or if you want to see what your design would look like if the background was a different color. These are tools which no designer should go without.

The Bigger Picture – What Does A Web Design Project Need To Cover?

Stephen Davies — Fri, 18 Dec 2009 02:38:35 +0000

Planning a web design project comes in various forms not to mention no plan at all (not really recommended!) to working on the fly from a barebones blueprint to a structured plan that takes weeks to reach its start date.

How you approach the project depends on your resources though there should be a structured plan in place to avoid pitfalls before you even think about typing on your first page and before deciding on a live date.

To begin with, a website is about the content functionality, its relevancy to the target audience and graphics to support the content as visuals strike for more attention.
The information architecture needs to be known – who is the interest group? What content will interest your audience? Is the content targeting a niche? From this you can build a flowchart that shows the initial plan for the navigation.
The information architecture needs to be created in line with the business plan but also interaction design where the visitors are concerned. What should be immediately visible on the home page? How intricate are the content pages, do many levels of information need to be charted for various relevant interests?
Your site branding. Do you have a logo designed? If not, you need to think about the message being conveyed and if the logo needs to be quite rigid or if an abstract approach will suffice. Many logos are simply text like Google’s logo; other may need to carry a stronger graphical metaphor. Your business branding and identity needs to be thoroughly known at this stage.
Do the SEO at this stage not later! Researching the content should be a very detailed task. When deciding on the content, it’s time to consider the position of the content in the search engines. Your content needs to be found so include keywords used as search terms to find your type of product or service.
A list needs to be created around popular key phrases for use in titles and Header tags as search engines pick crawl these tags. Use wordtracker at to find popular searches this past month for a keyword or phrase, and use the Google keyword tool at to dig down through niche keywords for phrases that can be used as titles and header tags in your content.
Navigation and usability go hand in hand. Looking at similar sites like competitor sites will give a good overview on the kinds of navigation systems that work in your niche.
Textual and tabbed menus seem to work very well. Easy accessibility to the pages from the menus is paramount to sites that need to retain visitors.
What software are you using? Do you have an in-house team to do the work? Can you afford to outsource? The content could include a mixture of graphics, video, flash, RSS feeds, server-side PHP or ASP for databases to collect data like visitor info, and scripts like scrolling news text boxes. Do you and your team have the skills needed to cater for the various elements?
The web design template is an extremely important part of the project. It needs to fit in with the interests of the visitor. The site theme may need to be a corporate one or an artistic site with lots of beautiful graphics.
The site needs to be cross-browser compatible, so testing is needed to be carried out on the popular ones such as IE, Firefox and Opera.
Decide on a template that suits the viewers, and approach it as if you are a visitor. Record your experience of the template once the menus and content are being added. Did you find the information easily? Did the menus confuse you at all?
A good approach once some pages are up and on the way to a complete site is to create fictional visitors e.g. Harry is looking for X and at a price of around Y dollars. Knowing his interests, what would Harry do upon visiting the site?

Once you have gone live, begin to post your site in relevant blogs and ask for feedback. This is a good step towards promoting brand awareness and grabbing interest groups. Many aspects follow such as the growing functionality e.g. forms. The process becomes an on-going task though approaching it in a methodical way will help avoid confusion and lost traffic later.

Behold the power of AJAX

Derald — Thu, 17 Dec 2009 20:12:55 +0000

AJAX is a very useful concept which the web is really starting to experience the benefits from. Recently, developers have been able to do some amazing things with AJAX which in the past took a more complex programing language like C++ to create. Here are some scripts which show off the power of AJAX.

Fish Eye

If you ever used Apple’s OS X, one of the features that stands out is the fish eye effect on the Dock. Using the Dojo Tool Kit, you can create the same effect for your site very quickly. This effect is a great way to show off a menu create with just icons.

Site | Demo

JQuery Spy

You may have used Bigspy, a feature on Digg’s Lab where the top stories are populated on the page in a vertical marquee fashion. This feature is written in Flash, but using this is a great way to keep track of the latest articles being read on your site, like Arsenal-Mania (http://arsenal-mania.com/spy/articles.html) has done.

Site | Demo

Fancy Box

Fancy Box is another Apple inspired script. The script is very similar to Lightbox JS, which creates an overlay on your page. With Fancy Box, you can embed other sites, videos, and images into your site via links. To truly see the benefits of Fancy Box, check out the demo.

Site | Demo

Dragable Boxes

If you have ever used iGoogle, you most likely have used the drag and drop feature to customize the layout of the page. Dragable Boxes provides this same feature for your site. The great thing about the script is that once the user closes the window, when they return, the boxes are in the same location. Adding this script into a site design would be great since the user can customize their layout the way they like it. Oh, and did I mention that each box is collapsible?

Site | Demo

AJAX Poller

Polls are very nice to add to sites. They allow the user to interact with not only the site but other users. They also provide the developers of the site valuable information. The issue with polls are they can be ugly at times. AJAX Poller provides a nice animation feature to make a poll look a lot nicer. The animation is so smooth and quick, we would have sworn we were looking at a Flash based poll.

Site | Demo

Bonus: Magnetic Words

Have you ever seen the magnets with words or part of a word on it? The ones where you put the words together to form a sentence, like telling your spouse to remember to pick up bread from the store? Well Magnetic Words is just like those magnets, but on a virtual refrigerator. This script really demonstrates how powerful AJAX can be, and how easy it is to recreate a real life scenario.

Site | Demo

Create Web 2.0 Progress Bars: jQuery, DHTML, JS, CSS, Photoshop

admin — Thu, 17 Dec 2009 20:12:55 +0000

Progress Bars is one of the most interesting components that web designers like to use in their projects.

They can be used in various places such as: page loading, redirecting, uploading files, sending information using Ajax and so forth.

In this post I’ve made a wonderful package of progress bars.

By reading this post you’ll be able to make some beautiful progress bars for your own use.

I’ve grouped them into four parts:

1. jQuery progress bars

2. JavaScript and DHTML progress bars

3. Create progress bars using CSS

4. Create progress bars using Photoshop

I hope you to enjoy them.

jQuery Progress Bars

jQuery.UI ProgressBar Widget

HOWTO: PHP and jQuery upload progress bar

jqUploader

“jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly – so you don’t have to do things twice . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader.

The plugin uses the form action attribute value (normally pointing to a server side script handling the upload and other data manipulations, and appends a variable “jqUploader=1″ so that the upload code is initiated when it sees that key/value is on the posted data.”

Progress Bar Plugin

This is a progress bar plugin for jQuery.

DHTML & JavaScript Progress bars

Popup progress bar

Todd’s popup progress bar script is used to provide a visual update of an event in progress. Use it, for example, to display a delay before redirecting to another page or loading a script/application

We’ve modified the script so it:

-Works in NS6 as well (default is IE4+ and NS4)
-Ability to specify duration of progress bar display (ie: 5 seconds)

WinXP Progress Bar (version 1.2)

A great looking pure DHTML progress bar that resembles the one seen in Window XP’s startup screen. All visual aspects of the bar can be customized, and the script can be invoked multiple times to display multiple bars on the same page. Script works in both IE5+ and NS6+.

Progress graphic on submit

scriptable progress bar

this is a step by step guide on how to extend xhtml with elements in your own namespace , render
your elements with SVG, style the output with CSS and make the whole thing scriptable.
so lets create a programmable progressbar

Knitters’ Progress Bars

Here are some HTML/Javascript progress bars.

Animated Progress Bars Using MooTools

“I love progress bars. It’s important that I know roughly what percentage of a task is complete. I’ve created a highly customizable MooTools progress bar class that animates to the desired percentage.”

Create Progress Bars using CSS

Pure CSS Animated Progress Bar

Here’s a simple demonstration of how you can create animated progress bar using pure css. The trick is very simple. We need 3 elements, one container and 2 nested elements.

Creating Progress Bar with CSS

“Famous free email service such Yahoo!Mail or Gmail use this feature to warn their users how many quota left to use. You can build progress bar using a simple css code and few images.”

CSS Progress Bar

Create Progress Bars using Photoshop

Animated Progress Bar

In this tutorial, I’ll walk you through the steps it takes to create an animated progress bar for your site or script.

Professionaly looking animated progress bar

For a serious interface project, we usually needed to create a nice Please Wait animation(progress).

Windows XP Progress Bar

Learn how to make a Windows XP Progress Bar
using adobe Photoshop.

Seven Beautiful JQuery Scripts

Derald — Thu, 17 Dec 2009 20:11:45 +0000

JQuery has been taking the web by storm since early 2006. It has allowed developers to life, sites they could only dream about before. JQuery allows a degree of interaction which before would have to be done via a CGI. Here are seven scripts which demonstrate the beauty of JQuery.

LavaLamp

LavaLamp takes rollovers to a new level. Unlike the tradition roll over, LavaLamp simulates the rollover moving from one element to the next, similar to the motion of a lava lamp. If you are using rollovers on your site right now, this is a great script to think about adding to your site.

Site | Demo

InnerFade with JQuery

Flash is very popular due to it’s animations and the ability to do transitions. InnerFade with Jquery provides a nice, smooth, Flash like fade for your site without the need for Flash. This feature would be very nice if you have a site which needs to transition between multiple images.

Site | Demo

JQuery Calendar

Coding calendars can be a developer’s nightmare. There are so many variables to take into consideration, such as is the year a leap year, how many days are in the month. Jquery is here to help make those a little easier. JQuery Calendar will not only take the pain out of coding a calendar, but also make the calendar more interactive.

Site | Demo

Slider Gallery

Gallery’s are very popular, but most of them are boring, generic and take up a lot of “room”. Slider Gallery gives you a way to make your gallery a more interactive, flashy, and best of all it doesn’t take up a lot of room. It would be very simple to add this script to any current website that has a gallery.

Site | Demo

SlideDown Menu with Animation

Toggling elements can be done with JavaScript, but it is not very attractive. SlideDown menu adds a very nice animation which makes the toggling of an element more sophisticated rather than just appearing.

Site | Demo

JQuery UI Slider

Sliders give your site more interactive elements, but they replace what users are familiar with. JQuery UI Slider provides an interactive slider, and still gives users something, a drop down menu, to fall back to if they don’t know how to use the slider, and do it in a professional design.

Site | Demo

Horizontal Accordion

JQuery gives developers ways to envision their sites completely different than what they could have in the past. Horizontal Accordion is one of those scripts. It gives the developer the option incorporate what could have been multiple pages into one page with a professional look.

Site | Demo

Super Fantastic CSS Navigation Image Rollovers

admin — Thu, 17 Dec 2009 20:10:52 +0000

Super Fantastic CSS Navigation Image Rollovers – A quick and very optimized way of creating your navigation’s mouse overs using just one image and CSS.

DeveloperFox

Advantages of Using Corners Without Images

Boxes Like This With Corners Highlight Your Business Benefits

Have you tried rounded corners?

8 Tutorials On Creating Mootools Navigation Menu, Dropdown And Sliding Menu

1- Nice animated menu using CSS and Mootools

2- Creating a Sliding Menu Using the MooTools Framework

3- Two CSS vertical menu with show/hide effects

4- Creating Drop-Down Navigation with Movable Type

5- Sliding top panel using mootools

6- Show-Hide login panel

7- MenuMatic

8- Drop down menu using Mootools 1.2

19 Free Flash Photo Galleries

1- Flash Photo Gallery

2- Flash Gallery

3- Free Flash & XML Slideshow Photo Gallery

4- Free Flash & XML Photo Album with Categories

5- SimpleViewer

6- Agile Gallery

7- XML Image Gallery With Source

8- FREE Photo Gallery

9- Flash Photo Album

10- dfGallery

11- Flash Page Flip Photo Gallery template for Picasa

12- Flash Photo Stack Gallery

13- Polaroid Gallery

14- 3D Flash image viewing

15- AutoViewer

16- PostcardViewer

17- Zen Flash Gallery

18- Art Flash Gallery

19- Nineteen Free Picasa Flash and HTML templates to showcase your photos

13 Excellent Tutorials On Creating jQuery Navigation Menu

1- How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

2- How to make accordion menu using jquery

3- jQuery idTabs

4- Create a multilevel Dropdown menu with CSS and improve it via jQuery

5- Using jQuery for Background Image Animations

6- jQuery & CSS Example – Dropdown Menu

7- Create an apple style menu and improve it via jQuery

8- Creating a Floating HTML Menu Using jQuery and CSS

9- Drop down menu with jquery

10- Jquery Vertical Slide (Dropdown) Navigation

11- Multi-level drop down menu with jQuery

12- Seven jquery plugin to build lovely menu

13- Superfish – “menu jQuery plugin”

Six Tools to Ease the Pains of Designing

The Bigger Picture – What Does A Web Design Project Need To Cover?

Behold the power of AJAX

Fish Eye

JQuery Spy

Fancy Box

Dragable Boxes

AJAX Poller

Bonus: Magnetic Words

Create Web 2.0 Progress Bars: jQuery, DHTML, JS, CSS, Photoshop

jQuery Progress Bars

DHTML & JavaScript Progress bars

Create Progress Bars using CSS

Create Progress Bars using Photoshop

Seven Beautiful JQuery Scripts

LavaLamp

InnerFade with JQuery

JQuery Calendar

Slider Gallery

SlideDown Menu with Animation

JQuery UI Slider

Horizontal Accordion

Super Fantastic CSS Navigation Image Rollovers

Boxes Like This With Corners
Highlight Your Business Benefits