edtalmadge/Agile-Carousel - GitHub WOW Slider : jQuery Image Slider & Gallery 10 Jquery carousel slideshow plugin galerie photos | Autodidactique Publié par Steven le 19 Février 2011 - 20:05 mis à jour le 23 Septembre 2011 - 22:21 Un bon plugin Jquery carousel, slideshow ou galerie photos, est un plugin : qui est facile à mettre en place, qui a une documentation claire et précise, qui a des exemples d'utilisation. Voici une sélection de 10 plugins jquery carousel / slideshow / galerie photos qui répondent à ces critères. PrettyPhoto prettyPhoto est un sosie de Jquery lightbox. Il est très facile à mettre en place, très flexible si vous voulez le customiser. jqFancyTransitionsy jqFancyTransitions est plugin jQuery facile à utiliser pour afficher vos photos comme des slides avec des effets originaux. jqFancyTransitions est compatible et testé avec Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+. AD Gallery AD Gallery est un plugin de gallerie photos complètement customisable pour jQuery. voir demo Elixon Theater Carousel Nivo Slider Nivo Slider est beau, simple, facile d'utilisation et très bien documenté.
Web 2.0 Colour Palette ..because Web2.0 is the new black Posted in Web DesignTagged with: web2.0, web, design, colour, colour, palette Web 2.0 is about finding new ways to interact on the internet and collaboration, at least to a certain extent. Those of us in the know realise what Web2.0 is really all about - putting things on super shiney tables and painting them with gradients and candy colours and shiny silver and stuff. Organised into 3 distinct colour groups - neutrals, muted tones and bold colours, you may recognize a few of the shades from some of your favourite Web2.0 sites. Neutrals Magnolia Mag.nolia [#F9F7ED] Interactive action yellow [#FFFF88] Bold Techcrunch green [#008C00] Muted Ruby on Rails Red [#B02B2C] Etsy Vermillion [#D15600] Last.fm Crimson [#D01F3C] The rapid progress made by the internet providers has created a lot of work at home jobs which gives flexibility to people who were not able to work previously due to some reason. Modern Life is no longer updated.
Formly - Style et validation sur vos formulaires HTML avec jQuery Formly est un plugin jQuery permettant de donner du style à vos formulaires et ajouter une couche de validation Javascript avant la soumission du formulaire. Les formulaires HTML de base ne sont pas très design ... grâce à Formly vous aurez la possibilité de donner du style aux input, checkbox, radio ... en quelques lignes de code ! En effet, la librairie dispose d'un système de thème permettant de donner un style plutôt sympa à vos formulaires. A vous de décider de la forme à donner à votre formulaire, son style sera automatiquement appliqué. Deuxième point, le système de validation Javascript des champs, paramètrable directement dans le HTML du formulaire grâce aux propriétés validate, required ... Voici un exemple d'utilisation: 1. 2. 3. 4. 5. 6. 7. 8. Et le jQuery pour instancier le plugin: 1. Plutôt pratique comme plugin, reste à créer ses propres thèmes pour coller au mieux avec son site. Site Officiel
jQuery Infinite Carousel Plugin The Infinite Carousel is a jQuery plugin that allows you to showcase any number of images and videos in a carousel-like fashion. Unlike some other carousels, the Infinite Carousel displays items in a continuous loop no matter how you navigate. Try out the demos below to see how versatile the Infinite Carousel is. Download Download jquery.infinitecarousel.zip (version 3.0.3 – January 24, 2013) What’s So Great About this Plugin? It’s just 11 Kb compressedDisplays image and videosCaptions and linksNew thumbnail optionsCool new circular ring timerKeyboard navigationCallback functionsNo browser lag caused by moving between tabsShortest path algorithm finds the shortest distance between images when using thumbnails to navigate.Works in all major browsersReusable on multiple containersCompletely free for commercial and non-commercial use (see license in plugin header) Demos Notes Options Instantiating $(‘#carousel’).infiniteCarousel({}); CSS Classes
Slideshow jQuery accessible Dans ce tutoriel, vous allez apprendre comment réaliser un slideshow jQuery accessible pour votre site web. Étapes par étapes, vous découvrirez le processus de création en allant du HTML jusqu’au Javascript. Ceci est un tutoriel basé sur celui du site anglophone SixRevisions. Merci à eux de nous avoir autorisé à le reprendre pour le traduire et l’améliorer un peu. La 2ème partie de ce tutoriel (et exclusivement conçue par nous) portera sur la gestion dynamique de ce slideShow : Ajout/Suppression de slides , miniaturisation automatique des images, changer la position des slides (et tout ça en Ajax). Cette partie va en fait consister à étudier la partie statique de ce slideShow. Les bases du concept La partie la plus importante de tout bon composant web est d’avoir une structure HTML solide et bien construite. La structure de notre contenu est matérialisé par une div qu’on appellera #slidehow et qui servira de conteneur principal pour notre slideshow. Etape 1: HTML Les flèches (CSS) Résumé
Avatar Animated Characters – Create Custom Flash Animations with SitePal is an easy-to-use service that allows you to create a speaking avatar for your website and empower your online communication. Features Include Upload your photo Over 250 customizable stock avatars Record your own voice or use built-in Text-To-Speech in multiple languages Unlimited audio & avatar updates Add an image or video background Built-in lead collection, FAQ, AI chat Publish to HTML page, Flash, emails Compatible with all server technologies Programming skills not required API for advanced users SitePal is a fun and powerful tool. Create your SitePal today and enhance your website! "SitePal has definitely helped us during this economic crisis. - Web Pointe Mall
Programmation orientée objet avec le langage JavaScript (1ère partie) Dans ce premier article, nous allons décrire les différents mécanismes de base du noyau du langage JavaScript, le langage EcmaScript. Ce dernier est standardisé par la spécification ECMA-262 [1] dont la version 3 est la version courante. Bien que ce langage soit orienté objet, il différe considérablement des langages objet classiques tels que Java et C++ puisqu'il se fonde sur une variante de ce paradigme, à savoir la programmation orientée objet par prototype [2]. Nous verrons que son intérêt consiste en son aspect dynamique permettant de modifier la structure des objets après leur création. La plupart des concepts de la programmation orientée objet peuvent être mis en oeuvre mais des limitations existent néanmoins avec ce type de programmation orientée objet. La connaissance des différents mécanismes de base de JavaScript est primordiale à différents niveaux. Avant de rentrer dans le vif du sujet, commençons par rappeller ce qu'est le langage JavaScript et ce qu'il permet de faire. 0.1.
Elastislide - A Responsive jQuery Carousel Plugin Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images. View demo Download source With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. In a carousel, one could think that simply making its container “shorter” will solve the problem on smaller screens, but in some cases (e.g. when we have bigger images) it might be reasonable to resize the items as well. Elastislide uses the jQuery++ for the swipe events on touch devices. The beautiful images are by talented Sherman Geronimo-Tan and they are licensed under Creative Commons Attribution 2.0 Generic (CC BY 2.0). The HTML Structure When using the plugin, you’ll simply have to apply it to an unordered list with images (optionally with anchors). Use your preferred ID and call the plugin like this: Options Demos
Slicebox - A fresh 3D image slider with graceful fallback Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties. View demo Download source With the CSS 3D Transforms we can create some neat effects by transforming elements in three-dimensional space. Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create three-dimensional image slices that will rotate and reveal the next image as another side of the 3D object. In case the browser does not support 3D transforms, a simple slider will be used as fallback. Please note that you can only see the cool 3D effect of Slicebox in a browser that supports those CSS3 properties. The images used in the demos are by ND Strupler. Usage In order to use Slicebox, put your images in an unordered list with the class “sb-slider”: You can use the div with the class “sb-description” to add any kind of description for the respective image. Options
60 High Quality Free Web Templates and Layouts | Graphics When it comes to building your website with the most perfect design and usability, web templates always come in handy. These ready-made web themes take the pain out of creating a website from scratch and come with all sorts of useful and advanced features. To help you make the best choice among a gamut of different web templates, here are 50 of the best, free and high quality website templates that you can download and customize for your own use. 60 Free Beautiful PSD Website Templates to Download 60 Free Beautiful PSD Website Templates to Download Are you looking for some stunning PSD website templates to give your website a fresh look? App Starter App Starter is a multi-colored, single-page web theme, which works well to publicise your web or mobile applications. Appy Appy, a single-page template that comes with a modern web design. Asymmetry Asymmetry is a web template for creating business and portfolio websites. Avana Bow Boxus Boxus is a colorful template for agencies of all types. Datarc