2012年10月16日 星期二

Photo display

http://www.onextrapixel.com/2012/03/29/15-stunning-jquery-lightbox-plug-ins-for-your-upcoming-designs/

http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/



Color Box
A lightweight customizable lightbox plug-in for jQuery 1.3+
Color Box

Lightbox 2
Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to set up and works on all modern browsers.
Lightbox 2


prettyPhoto
prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also supports videos, flash, YouTube, frames and Ajax. It’s a full blown media lightbox.
prettyPhoto

Slimbox 2
Slimbox 2 is a 4 KB visual clone of the popular Light box 2 script by Lokesh Dhaka, written using the jQuery JavaScript library.
Slimbox 2


Fancy Box
Fancy Box is a tool for displaying images, HTML content and multimedia in a Mac-style "light box" that floats overtop of web page.
Fancy Box

jQuery Lightbox Plug-in
JQuery lightbox plug-in is simple, elegant, and unobtrusive, no need for extra markup, and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.
jQuery Lightbox Plug-in
Ceebox
An overlay pop-up script for easily embedding flash video, displaying images, or showing HTML (either external sites via iframe or content on your own site via AJAX).
Ceebox


Create Beautiful jQuery slider tutorial

This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.
beautiful-gallery-jquery-image-slideshow-tools-free
View Demo









Navigation Menu

http://www.dynamicwp.net/articles-and-tutorials/15-really-amazing-jquery-navigation-menu/


Rocking and Rolling Rounded Menu with jQuery

15 Really Amazing jQuery Navigation Menu
by Mary Lou
In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate when hovering. Also, we will make the menu item expand and reveal some menu content, like links or a search box.

Halftone Navigation Menu With jQuery & CSS3

15 Really Amazing jQuery Navigation Menu
by Martin Angelov
Today we are making a CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.

Beautiful Slide Out Navigation- A CSS and jQuery Tutorial

15 Really Amazing jQuery Navigation Menu
by Mary Lou
Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare you some space on your website. The items will be semi-transparent which means that content under them will not be completely hidden.

How To Create a Cool Animated Menu with jQuery

15 Really Amazing jQuery Navigation Menu
by Chris Spooner
In this tutorial we’ll be building a cool navigation list complete with a sliding hover effect. Learn how to build the concept in Photoshop, lay out the basic HTML elements, style everything up in CSS then tie it all together with a few lines of jQuery to create a semantic, accessible and degradable menu design.

Beautiful Background Image Navigation with jQuery

15 Really Amazing jQuery Navigation Menu
by Mary Lou
In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in different times, creating a really nice effect. The background image sliding direction from the list item in the middle will depend on which item the user was before: coming from the right, it will slide from the left and vice versa.

Animated Navigation with CSS & jQuery

15 Really Amazing jQuery Navigation Menu
by Soh Tanaka
As I was checking out some flash sites for inspiration, I ran across a couple websites that had some nice navigation effects. I’m not a huge fan of wildly animated navs, but these had simple and elegant roll over effects that I liked. I decided to imitate the effect with CSS and jQuery, and would like to share this technique today.

A Fresh Bottom Slide Out Menu with jQuery

15 Really Amazing jQuery Navigation Menu

by Mary Lou
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the interaction.

How to Make a Smooth Animated Menu with jQuery

15 Really Amazing jQuery Navigation Menu
by Zach Dunn
Ever seen some excellent jQuery navigation that left you wanting to make one of your own? Today we’ll aim to do just that by building a menu and animate it with some smooth effects.

Overlay Effect Menu with jQuery

15 Really Amazing jQuery Navigation Menu
by Mary Lou
In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using jQuery.

CSS Dock Menu

15 Really Amazing jQuery Navigation Menu
by Nick La
If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom.

Little Boxes Menu with jQuery

15 Really Amazing jQuery Navigation Menu
by Mary Lou
Today we will create a menu out of little boxes that animate randomly when a menu item is clicked. The clicked menu item expands and reveals a content area for some description or links. When the item is clicked again, the boxes will come back, reconstructing the initial background image.

Premium jQuery Scripts for Cute Menu Navigation

SV Animated Menu Pack 2

15 Really Amazing jQuery Navigation Menu
by SplitV
This is a set of 4 animated menu scripts. All are stand alone, requiring no external libraries or frameworks. They are extremely small at 1-2kb a piece uncompressed. If you compress them they are all closer to 1-1.5kb. These scripts make it possible to create great menus with flash like effects very easily.

Nice Menu V1.0

15 Really Amazing jQuery Navigation Menu
by Alexandra1710
A new way to slide between 2 level huge menu.
easy to use, valid html and css code
works in all majors browsers
easy to plug and play script to your website / blog or gallery

Super menu pack (10 menus)

15 Really Amazing jQuery Navigation Menu
by VanKarWai
Super menu pack is a collection of 10 cool menus, 5 in pure css and 5 using jQuery framework for customize or layout with your websites or applications and projects.
It’s perfect for anyone who wants to give a special touch to their designs or find a starting point. I tried to create a collection as varied as possible in style and appearance to give you choice. Thinking in design working with code.

Cute Menu – 8 transitions pack

15 Really Amazing jQuery Navigation Menu
by arl1nd
Cute Menu is very simple to embed to your HTML code. It’s requirements are only JavaScript and CSS support.















Tooltip

http://www.freshdesignweb.com/jquery-mouseover.html




Easiest Mouseover Image Preview Using jQuery

It is a rollover image preview. You know, one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail.

23 Mouseover Image Preview Using jQuery Demo | Download



Can show tooltip with image, good from demo student's screen to teacher.


Build a Better Tooltip On Mouseover with jQuery

In this tutorial I’m going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.

24 Tooltip On Mouseover with jQuery Demo | Download


Pretty Lightweight Roll Over Tooltips Plugin

It is a very lightweight jQuery plugin that gives the ability to add tooltips to pretty much any element on a page. Thoroughly documented and designer friendly.

30 Pretty Lightweight Roll Over Tooltips Plugin Demo | Download


Pretty Hover Effects with CSS and jQuery

This article will show you how to create pretty hover effects for your images using jQuery and CSS. This can come useful especially if you already have hundreds of images that you want to apply this effect on.

jquery mouseover 011 Demo | Download


jQuery image slide on hover effect

This is a simple technique to animate an image when hovering using jQuery animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image.

jquery mouseover 08 Demo

Realistic Hover Effect With jQuery

Using jQuery’s animate effect, I experimented with icons that have reflections and others with shadows. Here is a demo with two examples:

jquery mouseover 14 Demo | Download

Hover fading transition with jQuery

jquery mouseover 11 Demo














2012年10月15日 星期一

Delta – A Free jQuery UI Theme

http://kiandra.github.com/Delta-jQuery-UI-Theme/
http://blog.kiandra.com.au/2012/09/delta-a-free-jquery-ui-theme/
http://www.webappers.com/2012/10/12/delta-an-open-source-jquery-ui-theme/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Webappers+%28WebAppers%29&utm_content=Google+Feedfetcher

Delta – A Free jQuery UI Theme

Kiandra is pleased to announce the open sourcing of a jQuery UI theme we think you’re going to love. We have been using the “Delta” theme for the better part of a year and made the decision to share it with the community. We’re hoping this results in plenty of feedback as well as the continued development of the theme. It’s free for commercial, personal and educational use as part of the MIT or GPL license.
If anything, we think that this theme can act as a starting point for other smart cookies to create their own visually engaging jQuery UI themes. You can fork this theme over on the GitHub repository.



Features:

  • Open source – Free for commercial and personal use alike under an MIT license.
  • Retina ready – The theme makes use of CSS3 gradients and some @2x images to ensure it’s retina display friendly.
  • Dark and light friendly – The vibrant colour scheme means “Delta” works on both light and dark backgrounds. Change the toggle in the top right hand corner of the demo to see it in action.
  • OS dependent modals – Close ‘x’ and button placement inherits from your operating system, using an extra Modernizr test.

Support & Testing:

  • IE7, IE8 & IE9
    But rounded corners and drop shadows will degrade depending on support
  • Chrome
  • Firefox
  • Safari
  • Opera
Did you find an issue? Something not working as expected?
File an issue on the GitHub repository.

View DemoGo to Repository

2012年10月11日 星期四

Free HTML Admin Templates For The Backend Of Your Apps


http://www.webresourcesdepot.com/free-html-admin-templates-for-the-backend-of-your-apps/





Free HTML Admin Templates For The Backend Of Your Apps