Web css jquery

jQuery Web Background Image Animation Free Download

2012-08-29T22:00:00.000-07:00

Flash effect background image with html content
Set a flash fullscreen background with html content on top and customize it within html via SWFObject variables.

jQuery Fullscreen Background Slider Plugin

2012-08-29T21:55:00.000-07:00

Demo

Download

Animated web fullscreen background image slideshow
Do you remember the Advanced jQuery background image slideshow I posted last year? Because of that tutorial, reader Evens sent me an e-mail, asking how the effect on the website from Climate Crisis could be recreated. It seemed liked an intersting thing to do, so I took the time to try to create the same effect.

Simple jQuery Web Slider Plugin Free

2012-08-29T21:52:00.001-07:00

Demo

Download

A simple image slider jQuery plugin with options allowing you to customize it just like you want.

Free jQuery Fullscreen Web Background Animation

2012-08-29T21:41:00.000-07:00

Demo

Download

This Tutorials is background image blur effect with you. Using canvas, we want to blur images on the transition to another one, creating a smooth effect.

jQuery Vertical Sliding Web Banner Free Download

2012-08-29T21:39:00.000-07:00

Demo

Download

Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.
The beautiful portrait photography is by Images by Alan Turkus. Check out his Flickr Photostream. The images are licensed under the Creative Commons Attribution 2.0 Generic (CC BY 2.0) License.

jQuery Sliding Animation Banner Free

2012-08-29T21:33:00.000-07:00

Demo

Download

In this post I’m going to share about how to create an experimental flyout image slider. This image slider is a stack of some images and works by flying out the selected image to the front of images stack. We will use CSS3 transition, animation and transform for this animation and jQuery for helping us maintain click event, CSS transition and animation.

jQuery Web Banner Animation Plugin Tool Free

2012-08-29T21:31:00.000-07:00

Free jQuery banner creation tool

Demos

Download

This tool create jQuery web animation slider banners,
he most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It’s a very effective method to increase the web site usability and engage the user.

Free jQuery Parallax Web Banner

2012-08-29T21:29:00.000-07:00

free parallax web banner animation

Demo

Download

The HTML structure is going to consist of a main container with the class “pxs_container”. We will add a wrapper for the three different backgrounds which we will animate differently to create the parallax. The background images will have some transparency since we want to see them moving on top of each other.
We will also add a loading element and the two unordered lists for the full images and the thumbnails. Further, we will add the navigation elements.

Free jQuery Web banners

2012-08-29T21:27:00.000-07:00

simple web banners download

Demo

Download

This tutorial explains how to develop Create Beautiful jQuery sliderstutorial with image description and name.

jQuery Parallax scrolling slider with css3

2012-08-29T21:26:00.000-07:00

Demo

Download

Haven’t you noticed that there’s been appeared lots of web-sites with the effect of parallax effect? This is optical effect (displacement or difference in the apparent position of an object viewed along different lines of sight). Fundamentally, this is when they can see several shifting layers in the work of some action. & today, they will apply this effect for vertical slider. They won’t use javascript, but only pure css3 properties.

Contact Form Hidden jQuery Plugin

2012-08-29T21:21:00.000-07:00

free jQuery contact form plugin

Demo

Download

Contactable a jQuery plugin that allows users to incorporate a featurerich contact form in to any web-site jogging PHP & Apache.

jQuery Popup Login Free

2012-08-29T21:17:00.002-07:00

Demo

Download

how to make a popout login box for your net site using jQuery & CSS. This is a common method that I’ve seen & used across the world wide web & is actually simple to implement with jQuery.

HTML5 and CSS3 Login Registration Form

2012-08-29T21:16:00.000-07:00

Demo

Download

A tutorial on how to create a switching login and registration form with HTML5 and CSS3.

In this tutorial we are going to create two HTML5 forms that will switch between login and registration using the CSS3 pseudo class :target. We will style it using CSS3 and an icon font. The idea behind this demo is to show the user the login form and provide a link to â€œswitchâ€ to theregistration form.

jQuery ui Kit Download

2012-08-29T21:14:00.000-07:00

Demo

Download

jQUIT Builder you can build custom jQuery UI themes based on Metro UI. Use the controls in the left side, & when you are completed press download. Feel free to include the theme by yourself website, however keep in mind this is a beta version & can’t be guarenteed 100% bugfree yet.

Css3 Web Contact Form Download

2012-08-29T21:12:00.000-07:00

Demo

Download

CSS3 Form Design free download
You can see here styles of most necessary html form elements: text field, selector, checkbox, radio, button, file, textarea and submit button. I hope that I'm not in vain spent the whole evening. It is possible that it will be whole set of styles for your website. Now, let check it.

Foundation Documentation Download

2012-08-29T21:08:00.000-07:00

Examples

Foundation 3 is built on ZURB’s 14 years of experience at building sites and apps for the Web. We believe designing responsively — designing for all devices and any device — is the future. Foundation is our way of helping you do that. What changed in Foundation 3? Almost everything. Here’s what makes Foundation, Foundation.

Free Contact Form With Validation

2012-08-29T21:06:00.001-07:00

Demo

Download

In this tutorial we are going to build a awesome contact form. Also we are going to display errors using well-known jQuery plugin to validate form fields.

jQuery Feedback Form Download

2012-08-29T21:04:00.000-07:00

Demo

Download

Contactable is a jQuery plugin designed to make contact/feedback forms simpler and more accessible. This plugin will enable you to create a contact form on any page of a site with minimal effort. If you have ever seen the feedback forms provided by kamypyle you will be familiar with the technique they use, however contactable makes this process even simpler by overlaying the content onto your page quickly and easily with aslide effect and inline validation.

3D Gallery with CSS3 and jQuery

2012-08-28T22:12:00.000-07:00

Demo

Download

With 3D transforms, they can make simple elements more fascinating by setting them in to dimensional space. Together with CSS transitions, these elements can be moved in 3D space and generate a realistic effect. Today, they would like to share an experimental 3D gallery with you that makes use of CSS 3D transforms.

CSS3 3D Animations for Image

2012-08-28T22:07:00.000-07:00

Demo

Download

Today they would like to share some experimental 3D picture transitions with you that use CSS3 animations & jQuery. We'll be using CSS3 3D Transforms for Webkit only. Check out the Photograph Transitions at the Safari Expertise Demos site, a number of which they got inspired by. The images used in the demo are by Joanna Kustra. note that the 3D effects will only work in Webkit browsers. You can view a video of how the effects look here: Experimental CSS3 Animations for Picture Transitions Video Demonstration

Html5 Video Converter Free Download

2012-08-28T22:01:00.000-07:00

Demo

Download

HTML5 is the quickest growing web development trend and HTML5 video as an element of HTML5 becomes the new natural way to show video online. iPad, iPhone, Android, all new browsers declare the support for HTML5 video. It's great, but what is the usual route to generate HTML5 video? First you need to find converters and make versions of your video.OGG, MP4, WebM. Then, to provide the compatibility with IE and elderly browsers you add a fallback Flash version of your video with Flash video player. And finally, you extract an picture for poster and write batch lines of code to combine all of it complicated?

Full Page Image Gallery with jQuery

2012-08-28T21:56:00.002-07:00

Demo

Download

Full Page Picture Gallery with jQuery

In this tutorial they are going to generate a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves.

Free simple image gallery jQuery

2012-08-28T21:52:00.007-07:00

Demo

Download

Few days ago mate asked me to build picture gallery with thumbnails for her web page. Request was simple, they wanted massive picture and few thumbnails bellow that. Also, massive picture ought to have bar with description. When user click on thumb massive picture and description ought to modify.

Free Light Box Google Map

2012-08-28T21:48:00.000-07:00

Demo

Download

Lytebox is a lightweight, cross-browser compatible and mobile friendly Javascript library and content viewer. It's simple to make use of, it's speedy, it's compatible with other libraries, and best of all, it's COMPLETELY FREE.

Light box is free and can be used on any net site that you own or administer. There is no fee or any restrictions on use, and there seldom will be. You can use it for your personal net site or to drive your business, and you can alter the code to extend the functionality in case you wish.

jQuery Lightbox Tuch Gallery

2012-08-28T21:38:00.001-07:00

Demo

Download

A fullscreen photo gallery for touch-devices.

Supported Browsers:

The plugin was written & optimized for Mobile Safari walking on the iPad or iPhone four. It also runs in Dektop Safari, Firefox four, as well as in Opera & Chrome. The gallery is also viewable in older Firefox versions & Net Explorer, but the transition effects are missing.