background preloader

Awesome Cufonized Fly Out Menu with jQuery and CSS3

Awesome Cufonized Fly Out Menu with jQuery and CSS3

XHTML & CSS Lightbox Lorem ipsum dolor sit amet, consectetur about us adipiscing elit. Donec massa lorem, elementum et mollis non, viverra a est. Proin nunc orci, tristique at egestas et, interdum ac ipsum. Nulla ullamcorper vulputate erat ac gravida. Mauris facilisis, leo ac condimentum commodo, justo eros molestie dolor, a posuere orci tortor sed lacus. Proin sollicitudin More info elementum sem id pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 10 Fresh and Useful jQuery Plugins When it comes to adding JavaScript functionality to a website, jQuery has become the solution of choice for web designers and developers. With it’s ease of use and ever-growing selection of plugins, there’s really no point to look elsewhere. Awesome jQuery plugins are popping up everyday, and we’re always on the look out. So for this post, I’ve gathered 10 fresh plugins that you should find very useful. Cute Balloon Cute Balloon is a jQuery script that allow you to easy make a beauty tool tip balloon, also with ajax content. Captify Captify is a plugin that displays simple, pretty image captions that appear on rollover. gvChart gvChart is a plugin for jQuery, that uses Google Charts to create interactive visualization by using data from the HTML table tag. jmapping This plugin is designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML. jQuery.validity Animated table sort Flare Video Coin Slider Blockster Colortip shares

Animated Portfolio Gallery with jQuery A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. It wasn't a dream.

19 Unique jQuery Tutorials for Web Developers | Tutorials jQuery is the premier library for coding JavaScript page effects. Most popular content management packages run jQuery for both admin and frontend design effects. As a web developer jQuery can be a fun library to spend some time learning and offers tremendous design potential. It seems there are so many references and guides out there it’s easy to get lost. Form validation from scratch Develop a simple and powerful jQuery script for common HTML form validation. Incredible jQuery Login Form Learn how to code a structural jQuery login form with sliding animation. Creating a Digg Style Signup Form Digg has been an innovator for web apps for years. Color jQuery & CSS3 Sliders Here you are taught about using jQuery and the new transformation features brought by CSS3 to create a dynamic slider effect. Working with Events – Part 1 Part 1 of a detailed series teaching about events in jQuery. Ajax-based Form Submission jQuery Fade-in Spoiler Dynamic Page Content Replacement Simple Toggle with CSS & jQuery

jQuery LavaLamp menu plugin About 2 years ago I was looking for an animated menu plugin for jQuery using the sliding-doors CSS effect, figuring I would write my own if I couldn't find one. During my search I found Ganesh Marwaha's original jQuery 1.1 series LavaLamp plugin based on the work of Guillermo Rauch and his MooTools PowerMenu plugin . It was simple and straightforward - just what I was looking for. Since the release of this 'new-and-improved' LavaLamp plugin in March of 2008 I've had hundreds of emails from around the world requesting features and providing bug fixes and patches which I've done my best to apply in the 1.3 releases. By large the most requests were related to CSS and why certain CSS and HTML markup wasn't working for them with LavaLamp. The latest version 1.3.5 of LavaLamp has been tested successfully with jQuery versions 1.4.4, 1.3.2 and 1.2.6 The following options can also be found at the head of the latest jquery.lavalamp.js file: target - default: 'li' Example: container - default: ''

phono The Phono SDK provides an object-oriented JavaScript API for embedding two-way audio and chat onto any web page. The Phono SDK is a pure client-side solution and requires zero server-side logic on your part; all communication is handled transparently by the Tropo Cloud. But enough introduction - let's dive right in. First things first, if you don't have an API Key, please take a minute to sign up for one here. The Phono SDK ships as a jQuery plugin. If you're developing from a local file system (i.e. not a web server) you'll need to edit your Flash security settings. This guide is full of great code samples and will guide you through all the features in the SDK. The Phono SDK is pretty simple and consists of only four main objects. The rest of this chapter will introduce the main concepts of the Phono SDK by example. $.phono() To start making calls, a Phono Object must be created using the $.phono() jQuery plugin. Making Calls Regular Calls Phono-to-Phono Tropo Applications Custom headers

jQuery Slidehow: Demo / par Snoupix et SixRevisions Snoupix : Tutoriels Prog & Design Si vous souhaitez en apprendre davantage sur le Web et tous ses secrets, alors le site Web Snoupix.com est fait pour vous. Vous y découvrerez un tas de tutos sur le développement en PHP/SQL/Javascript, l'intégration avec HTML/CSS ou encore la création d'interfaces de site web, en passant par l'ActionScript, avec Flash & Flex. Galerie d'images AS3/XML Ce tutoriel va vous apprendre à manipuler en ActionScript 3 un document XML afin d'en extraire du contenu. Interface web sous Photoshop Voici un tutoriel Photoshop qui vous apprend à faire le design d'un site "business". En plus le fichier Photoshop est disponnible en téléchargement! C'est la fin, Merci Six Revisions!

Videolink : plugin javascript pour la balise video HTML5 A Mac OS X-style Dock In JavaScript Apple’s Mac OS X operating system is renowned for its fluid graphical effects. One impressive feature is the dock’s ‘fish-eye’ effect, whereby icons expand and contract as the mouse moves over them. Achieving this effect in JavaScript is difficult, but the MacStyleDock function allows this feature to be implemented easily. Compatible browsers The code has been tested and confirmed to work in the following browsers: Firefox 1.5 on Mac OS X Firefox 2 on Ubuntu Linux Firefox 2 on Windows (slightly jerky due to event handlers being given a higher priority than intervals) Internet Explorer 6 Internet Explorer 7 Konqueror 3.5 on Ubuntu Linux Opera 9 on Windows Safari 2 on Mac OS X Safari 3 on Windows Implementing the Mac-style Dock Before implementing the dock, please read the notes on usability. Download one of the files listed above and upload it to your website. The dock can then be created as a new JavaScript object. The constructor takes five paramaters: node imageDetails name sizes extension

15 jQuery slideshow/gallery plugins advertisement Revisited To choose best jQuery slideshow or gallery plugins can be difficult. We have worked out top 13 plugins to make your life easier. Below are the most aesthetic, innovative and creative jQuery plugins. 1. Nivo slider 2. Coin slider 3. jbgallery 2.0 jbgallery 2.0 4. jQuery.popeye 2.0 jQuery.popeye 2.0 5. jqFancyTransitions jqFancyTransitions 6. A Zoomable jQuery Image Gallery Called jPhotoGrid 7. AnythingSlider jQuery Plugin 8. Creating a Slick Auto-Playing Featured Content Slider 9. GalleryView 10. Easy Slider 11. advertisement Galleria 12. Imageflow 13. jFlow jFlow 14. Supersized 15. Gallerific 16. S3 Slider 17. Slider gallery 18. Creating an Image Slider 19. Create a Beautiful jQuery Slider Tutorial 20. Sliding Boxes and Captions with jQuery Tutorial 21. jQuery Cycle jQuery Cycle Take advantage of this free wordpress cheatsheet and wordpress theme perfect for your website.

Related: