edtalmadge/Agile-Carousel - GitHub 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
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.
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
Get Started With Prototype Much of the web counts on JavaScript for its interactivity and for many years it was difficult to write. Browser inconsistencies and complicated code made even advanced coders grimace. JavaScript frameworks, such as Prototype, jQuery and MooTools have taken much of the pain away. These frameworks sit on top of JavaScript and make common tasks a whole lot easier. Prototype is the granddaddy of JavaScript frameworks. It was the first to gain wide popularity, probably due to its pairing with the Ruby on Rails server-side programming framework. In this tutorial, I’ll provide an introduction to the Prototype way of writing JavaScript. Let’s get started learning Prototype and writing shorter, hassle-free JavaScript. What You Need Knowledge of HTML and CSS Basic JavaScript experience A copy of the Prototype source file. Start With Some HTML Before we dive into Prototype, we need to set up the HTML for the examples I’ll show you in this tutorial. Opened in a browser, the above is blank.
the stupidly brief – how to use Prototype’s insert() function « Bobobobo’s Weblog I think the prototype docs are too brief. Stupidly brief, in fact. Don’t get me wrong. The docs are generally well formatted and pretty complete. Its stupidly brief because someone who already knows how to use it won’t need to refer to it, and someone who doesn’t won’t be able to understand it very quickly without being confused. Element.insert Yes, yes they beat msdn hands down by using clever looking uri’s like An example please? Sheesh. How to add to the dom using prototype. The problem with the docs is they’re not mentioning that there’s two classes of functions. This brief example illustrates the difference. Like this: Like Loading... Prototype.js : Ajax.Request.CONSTRUCTOR()-2 - le-developpeur-web.com Paramètres : Ajax.Request(url[,{options}]) Rôle : crée une requête ajax Retourne : objet ajax Note : Attention ! Si le fichier "prototype.js" est chargé sur le nom de domaine "monsite1.com", l'objet Ajax ne pourra faire appel qu'à des fichiers situé sur le même nom de domaine !!! Options : asynchronous:true | false Définit si la requête doit être gérée de manière synchrone ou asynchrone. On créé un objet Ajax, on appel l'url "flux01.php" et affiche le flux retourné par le fichier "flux01.php".