Showing posts with label Webdesign. Show all posts
Showing posts with label Webdesign. Show all posts

Awesome Collection of JavaScript for Web Designers


I just found awesome collection for JavaScript for 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.



Labels: , ,

Excellent JavaScript Animated Menus

Simple Animated Menu for Mootools 1.2

Very Simple and Great Animated menu using Mootool Javascript Framework.

you won’t even have to muck about in javascript. Simply define:

  • a container for the background image
  • the nav elements
  • the ‘current’ nav element ID
  • the animation’s horizontal track (the y coordinate of the background-image)
  • the left offset of the image in relation to the nav element

Basically, you just tell the function where to put the background image you want to animate, what the buttons are and how to identify the current id, then position its x and y coordinates in relation to the elements. If you are new to javascript web development, and not sure what this all means, keep reading. It breaks down very simply.

Download Menu

Dropdown Menu with Background Animations using jQuery


jQuery is a great library for this type of task but out of the box, it can’t animate background position properly because of the need to animate two values instead of just one (too bad not all browsers implemented the non-standard background-position-x and -y like Internet Explorer). Grab the latest version (1.0.2 as of this writing) of the Background-Position plugin. Previous versions didn’t support negative or decimal values properly.

Live Demo

Labels: , ,

Ultimate CSS Menus Collection

Here is Ultimate collection of Drop down menu, Professional Drop up menus, Multilevel menus, Image menus, Tabbed Menu, Transparent PNG menu, Sliding Menus using CSS.

Labels: , ,

Shutterstock Grunge Banners2

Shutterstock Grunge Banners














Shutterstock Grunge Banners



















Title : Shutterstock Grunge Banners2
File : EPS,JPG | 3.1 MB

Download : Shutterstock Grunge Banners2

Labels: , ,

FightingFlames Brushes Ps

FightingFlames Ron Brushes Ps






















Title : FightingFlames Brushes Ps
File : 40 Brushes Photoshop | 29.63 MB

Download : FightingFlames Brushes Ps

Labels: ,

Shutterstock Grunge Banners

Shutterstock Grunge Banners


















Shutterstock Grunge Banners


















Title : Shutterstock Grunge Banners
File : JPF , EPS | 3.39 MB

Download : Shutterstock Grunge Banners

Labels: , ,

Basic of Web Design Templates

Templates are already made designs for sites and according to user’s needs they can be modified and adapted. They provide the basis for easy, fast and quality website development. Website templates are the excellent tool that can speed up the designing schedule with improved quality. You can use them to build personal webpage or even a corporate site. You just have to add your text and pictures to them and here you got your functional and individual website!Starting up a new website requires lot of time and huge amount of money. Our free templates solve both these problems simultaneously. You don't have to pay single penny for the new look of your website since we offer you free templates.Web Design Company provides unique and professional Web site templates, Flash templates, HTML templates and many more for free of cost. All templates offered at Web Site Design Company fulfill the highest quality standards, are user-friendly and easy to customize. At a very basic level, template users will need a way to edit the text content of a template. More likely than not the new template will be brimming with paragraphs beginning with "Lorem ipsum dolor" or similarly incoherent gibberish. Replacing that with your business copy can be achieved in a number of ways. Anything from a simple text editor like Notepad in Windows to more advanced packages like FrontPage or Dreamweaver can be used to edit the text. Using simple editors like Notepad will require at least a rudimentary knowledge of HTML, if only to know what to avoid changing in the template while adding text. Advanced editors usually provide a more "word processor-like" feel with graphical onscreen display that attempts to mimic the output on the final product. Your choice of design software is generally a personal one and beyond the scope of this article. It is preferable to have a basic familiarity with the chosen software before jumping into template editing, as template HTML can be complex and intimidating to the novice.However, template systems have also introduced some complexities. First, we now have one "page" built from multiple files. Typically, you might have the main PHP page responsible for business logic, an outer "layout" template that renders the overall layout of the site, an inner content-specific template, a database abstraction layer, and the template engine itself (which may or may not be comprised of multiple files). Alternatively, some people simply include "header" and "footer" files at the start and end of each PHP page. This is an incredible number of files to generate a single page. Yet, as the PHP parser is pretty fast, the number of files used is probably not important unless your site gets insane amounts of traffic.However, keep in mind that template systems introduce yet another level of processing. Not only do the template files have to be included, they also have to be parsed (depending on the template system, this can happen in a range of ways -- using regular expressions, str_replaces, compiling, lexical parsing, etc.). This is why template benchmarking became popular: because template engines use a variety of different methods to parse data, some of which are faster than others (also, some template engines offer more features than others).Templates are "short cuts", but a short cut the novice user may not wish to take. Most templates require a particular, and generally expensive, set of tools to fully customize. Prospective template shoppers may want to consider hiring an outside design firm to actually do the work on their selected website template. Some designers recommend this method, as it provides a basic short-cut in terms of rudimentary layout and design that can be invaluable. Pay attention to the template site's terms of service, though, as many will require the end user directly purchase the template and deliver it to the designer themselves in lieu of the designers making the purchase.The Author is the owner of a Web Site Design Company (http://www.freetemplates.webdesigningcompany.net), and providing free flash templates to clients across USA and UK.
Article Source: http://www.superfeature.com
The Author is the owner of a Web Site Design Company (http://www.freetemplates.webdesigningcompany.net/), and providing free flash templates to clients across USA and UK.

Labels:

Subscribe to: Posts (Atom)

Resourcesmix.info | Theme by Slice2U.com
Copyright 2009. Sultan Abbas. All rights reserved