background preloader

YoxView - jQuery image viewer plugin

jQuery Quicksand plugin Quicksand Reorder and filter items with a nice shuffling animation. Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again. Isn’t it cool? Download Version 1.4 Demos & Docs Fork on GitHub Powered by jQuery – Made by @razorjack from agilope, icons design by Artua Design by @riddle Infinite Scroll | jQuery plugin, Wordpress plugin, interaction design pattern Countries and Their Cultures 15 Exceptional JQuery Resources And Tutorials By Karthik Viswanathan Since it first began, jQuery has had a profound effect on the web design world. Its famous slogan, “write less, do more”, exemplifies its true nature and ability. Throughout the past year, hundreds of thousands of jQuery tutorials and resources have been released. They range from a simple HTML change to dynamic sliders and charts. Below we present 15 exceptional jQuery resources and tutorials which we have hand-picked from the wide range of articles. 1. This is a way to emphasize thumbnails which the users hover over. 2. A comprehensive tutorial on how to create an image scroller with jQuery, AJAX, and CSS. 3. A calendar with a mind-blowing user interface and animation effects. 4. This resource lists many sites which use jQuery in innovative ways. 5. Groups of images can be viewed as a menu with this jQuery tutorial. 6. The short snippet of jQuery code provided here enables users to easily distinguish outgoing links. 7. 8. 9. 10. 11. 12. 13. 14. 15.

Refined Living Ltd Beautiful Background Image Navigation with jQuery 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 […] View demoDownload source 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. On top of that we will have sub-menus that appear with their semi-transparent background sliding in. Note: There is a new version which let’s you customize things better:Sliding Background Image Menu with jQuery We will be using the amazing Background-Position Animation Plugin by Alexander Farkas. The photos that we will be using are from Pat’s beautiful B&W collection on Flickr. We tried to make this one cross-browser compatible and voilà! The Markup The CSS

jQuery Panel Gallery 2.0 Released Since it’s been about a year since the Panel Gallery plugin was last updated, I figured that it was overdue for some spiffying up. I’ve completely rewritten the Panel Gallery plugin and added a HUGE amount of new effects. You’re no longer are you limited to just panels to transition your images; now you have a whole slew of different effect to apply, with multiple ways to apply them. View the demos. Version 2.0 (the Super Happy Fun Ball™ edition) has the following transition effects: Fade – A simple total image fadeBox (5 variations) – Transitions by dividing up an image into small squares. You can apply specific effects on any image, create an array of effects, of let the plugin pick effects for you. Version 2.0 still has the ability to pause the transitions simply by placing your mouse over the image. As with previous releases of the Panel Gallery, the best part of this plugin is that not one image needs to be sliced or edited to work with it; the plugin does all the work! Download Demos

Intro Javascript--what the heck is it? Is it a really difficult programming language that casual web designers should be afraid of? What is it used for? Hopefully we'll be able to answer these questions for you and more in this tutorial JavaScript has been around for several years now, in many different flavors. By definition, JavaScript is a client-side scripting language. There are many uses (and abuses!) Clocks Mouse Trailers (an animation that follows your mouse when you surf a site) Drop Down Menus Alert Messages Popup Windows HTML Form Data Validation Before you begin this tutorial, you should have basic knowledge of HTML. This tutorial will cover the basics of JavaScript, from where to place your JavaScript all the way to making your own JavaScript functions. We recommend that you read a few lessons a day and practice what you have learned. Report a Bug or Comment on This Lesson - Your input is what keeps Tizag improving with time!

Alex Dukal - Illustrator raganwald&#039;s JQuery-Combinators at master - GitHub This is Centratissimo: all centered and auto-resizable layout with some jQuery experiments by musings.it How to save data from a PHP form - computer help forum Hi Everybody, I want to use a php form to save the data inputted to it ,within the hosting server as simple text file. As most of the hosting services don't provide mailing PHP and even if so then the mail address must of the of the same domain for which the hosting server is being used. So i wondering is there any way to save the information instead of sending via email. Kindly Please help me. The Form Code " Name: Your Email: <input type="text" name="email"> Your Message: <textarea name="message" rows="5" cols="30"></textarea> The PHP code for the form $to = "webmaster@XXXXXXXXXX.com"; $subject = "Results from your Request Info form";$headers = "From: Form Mailer";$forward = 1;$location = " $date = date ("l, F jS, Y"); $time = date ("h:i A"); $msg = "Below is the result of your feedback form. Above form and PHP script work fine for servers providing an email PHP script. Thanks.....

Nivo Slider - The Most Awesome jQuery Image Slider Beautiful transition effects Nivo Slider offers 16 transition effects ranging from slicing and sliding, to fading and folding, making your galleries interactive and fun. No coding skills needed Create a beautiful experience when playing your gallery of images without any advanced coding. Automatic image cropping Nivo Slider crops and resizes images to a specified size, so you don’t have to do it manually for each image. Responsive and mobile ready The generated image sliders are completely responsive. Everyone loves Nivo! Time to make the best of your website’s’ image galleries. Pre-built slider themes You can choose the style of your sliders from the awesome pre-built themes. Create sliders from categories or galleries Besides the classic image sliders, Nivo allows you to choose between Category and Gallery sliders. Post types support Image sliders created with the Nivo Slider plugin are compatible with WordPress post types. Create carousels Testimonials 30 day money back guarantee

jAni – jQuery Plugin for Cartoon-like Background Image Animation (alternative to animated GIF) — ajaxBlender.com Framework: jQuery Listed in: Effects jAni is a simple plugin for jQuery which allows you animate background images. The plugin is basically an alternative to the animated GIF but with several benefits. At first, it’s always better to use an animated GIF as this format is supported by all browsers without any JavaScript code or additional markup, but the “dark side” of it is that an animated GIF allows only 256 colors and you cannot control animation in any way. The jAni loads a long vertical image and changes its background position with the speed you setup, giving you more control of the animation. Light-weight scriptEasy to integrateFully customizable via CSSWorks with all modern browsers 1.) {code type=html} <script type=”text/javascript” src=”.. 3.) 4.) {code type=html} <div id=”animation-1″></div> {/code} 5.) That’s it ;) Click the Demo button to see it in action. jani.play() Start playing animation. jani.pause() Pause animation. jani.stop() Stop animation.

Related: