background preloader

Supersized - Full Screen Background Slideshow jQuery Plugin

Supersized - Full Screen Background Slideshow jQuery Plugin

12 jQuery Fullscreen Plugins Let’s face it, sometimes fullscreen websites are super cool, if a website looks plain and boring how long do you think visitors will stay? So we thought we would lend some help and share you these 12 jQuery Fullscreen Plugins to get that responsive fullscreen look for your websites. These collection of jQuery fullsreen plugins will add tremendous effects to your website. Related Posts: 1. A jQuery plugin for creating full screen sliding websites. Source + Demo 2. A dead simple way to turn any unordered list of mp3s into a beautiful playlist. SourceDemo 3. jQuery Image Gallery An extension to the Dialog component of jQuery UI, to ease navigation between a set of gallery images. Source + Demo 4. The idea is to have a menu fixed to the bottom of the page and let a vertical stack of thumbs appear when hovering over a menu item. SourceDemo 5. Simply click on the menu items above to zoom around my universe and learn more about web animations without the use of Flash. Source + Demo Source + Demo 7. 9.

jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready Posted by Maggie on 04/02/2009 Topics: css jQuery jQuery UI ThemeRoller ui design Update: We contributed this menu plugin to the jQuery UI library. We got lots of fantastic feedback on our earlier iPod-style menu, and decided to upgrade it for jQuery 1.3. As noted in our original post, the iPod-style menu provides easy navigation of complex nested structures with any number of levels. Much of the functionality that controls the iPod style menu, like positioning and option selection, is shared by dropdown and flyout menus which are better suited for smaller data sets, so we extended the script to include support for these additional menu types. We also built in the ability to customize a menu's appearance, including active and hover states, by passing in classes as options. By default, the menu script will transform an unordered list of links into a simple dropdown menu: Demo Page When the menu content contains nested lists, by default it creates an iPod-style menu: Demo Page Demo Page How it works

Mac, Apache, MySQL, PHP 25+ jQuery Plugins to Create Stunning Image Zoom Effects With jQuery image zoom effect plugins, you can create amazing image zoom effects with minimal coding effort. This is very useful if you have large images that will otherwise take up too much space on your web pages. With a jQuery zoom script you can keep the image smaller and allow visitors to zoom in as needed. Using jQuery zoom image effects is an elegant way to show details e.g, in photographs, art or designs. For this post I have collected most of the jQuery plugins available to create image zoom effects on websites and blogs. Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). Advertisement NuvuZoom 2.0 – Simple, Elegant jQuery Zoom - MORE INFO / DEMO With the NuvuZoom jQuery zoom plugin you get various great visual zoom effects and styles. Epic Image Zoom – MORE INFO / DEMO I think Epic Image Zoom is one of the zoom plugins worth checking out. Zoome – MORE INFO / DEMO

Jcrop - Deep Liquid Jcrop Home • Download • Manual • Examples Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications. Feature Overview Attaches unobtrusively to images or block objects Supports aspect ratio locking Supports minSize/maxSize setting Callbacks for selection done, or while moving Keyboard support for nudging selection API features to create interactivity, including animation Support for CSS styling, now uses LESS Touch support for iOS, Android, etc Cross-platform Compatibility Firefox 2+ Safari 3+ Opera 9.5+ Google Chrome 0.2+ Internet Explorer 6+ May work in older versions or other modern browsers, these were tested. Documentation Archive Jcrop is free software released under MIT License.

Commandes Unix Terminal OS X (leçon n°1) Note utilisateur: Détails Mis à jour le dimanche 19 mai 2013 14:53 Voici une petite liste de commandes que vous pouvez utiliser dans le Terminal afin de débuter dans le monde de la ligne de commandes sur Mac OS X. Lister le contenu d'un répertoire : ls Lister le contenu d'un répertoire avec les fichiers cachés : ls -all Lister le contenu d'un répertoire avec la taille en octet, ko, mo et go : ls -lh Se déplacer dans les répertoires : cd nom du rep Après cd vous pouvez appuyer sur 'tab' après avoir entré la première lettre d'un répertoire existant. Liste des processus en cours : $ topPour savoir qui est connecté : $ whoPour avoir plus de détails concernant les utilisateurs : $ wPour savoir qui est connecté en local : $ users Pour écrire à un utilisateur :$ write nom_d'utilisateurContrôle+c pour arrêter. Pour savoir depuis combien de temps l'ordinateur (ou le serveur) est booté.$ uptime D'une manière général, les options sont mises après un '-'.

EasyRotator - Free jQuery Slider / Rotator Builder - Power, ease, flexibility - DWUser.com What Is It? EasyRotator ® allows you to build impressive jQuery sliders / rotators for your webpages in minutes. Available as a Dreamweaver extension and standalone application and WordPress plugin, it lets you select photos, choose a layout, make customizations, then have all necessary code automatically added to your page. Making updates is just as simple. Here's why EasyRotator ® should be part of your toolbox: Based on jQuery - Compatible with all modern browsers and mobile devices (IE7+, Firefox, Safari, Chrome, iOS, Android, Blackberry & more) SEO Friendly - Adds HTML to your page that is standards-compliant and indexable by search engines Over 45 Flexible Templates - Choose from almost fifty ready-to-use looks, then customize common settings like dimensions, background color, autoplay and randomization. Mac and Windows. Tell Friends about EasyRotator: EasyRotator for WordPress EasyRotator for WordPress is now available. Get EasyRotator for WordPress Now » Samples

jQuery plugin: Tablesorter 2.0 Author: Christian Bach Version: 2.0.5 (changelog) Licence: Dual licensed (just pick!)under MIT or GPL licenses. Please with sugar on top! Don't hotlink the tablesorter.js files. Download it and host it on your servers. Update! Helping out! Comments and love letters can be sent to: christian@tablesorter.comchristian at tablesorter dot com. tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. Multi-column sorting Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. TIP! To use the tablesorter plugin, include the jQuery library and the tablesorter plugin inside the <head> tag of your HTML document: tablesorter works on standard HTML tables. Start by telling tablesorter to sort your table when the document is loaded: NOTE! jQuery Browser Compatibility

jQuery Mobile | jQuery Mobile Building an Animated Cartoon Robot with jQuery Why? Aside from being a fun exercise, what purpose does something like this have? None that's plainly obvious. View Demo Overview This project was created by layering several empty divs over each other with transparent PNGs as background images. The backgrounds were animated at different speeds using a jQuery plug-in by Alexander Farkas. The robot is comprised similarly to the background animation scene by layering several DIVs together to create the different robot pieces. The Markup <div id="wrapper"><div id="cloud-01"><div id="cloud-02"><div id="mountains-03"><div id="ground"><div id="full-robot"><div id="branding"><h1>Robot Head. The structure of the divs closely resembles our diagram. The Style The CSS for this project is just as simple as the markup. Absolute positioning is used to pull any header or paragraph text 9999px to the left of the screen. The jQuery JavaScript Disclaimer: The original script to animate the robot was horrid. Note from Chris Share On

Un plugin jQuery pour copier les Stacks de Mac OS Les plugins jQuery créés par les développeurs deviennent de plus en plus complet et permettent d’obtenir des comportements proches des applications desktop. Après le plugin QuickSand qui permettait de filtrer des icones avec style comme le font certaines applications de Mac OS. Aujourd’hui, c’est la fonctionnalité “Stacks” de Mac OS qui est “copiée” par un plugin jQuery. Le plugin est très complet puisque l’on peut le customiser en changer l’orientation de la Stack, utiliser le drag’n’drop et il est fonctionnel sur de nombreux navigateurs (IE6 compris). La démonstration est plutot convaincante, surtout la troisième et le rendu est très bon. Source : Web2Ajax Démo : Démonstration

Related: