logo

Site personnel d'Eric RUAUD - http://optynum.com

4 Allée du Mont Louvet - 91310 LINAS
Tel : 06.85.31.35.01
Courriel : eric.ruaud@gmail.com

ouvre

ScrollMagic, Effets de défilement

ScrollMagicScrollMagic est un mini-programme qui va faire réagir des éléments d'une page web lors de son défilement à l'écran.
Cette bibliothèque peut vous interresser si vous souhaitez :

  • Créer des fonctions d'animation lors d'un défilmement de vos pages,
  • Que ces animations soient animées à une certaine position de votre page.
  • De définir les positions d'un élément à son départ et à son arrivé.
  • De décider si l'animation se déroule une ou plusieurs fois durant le défilement de la page
  • Jouer sur les Classes CSS durant l'animation
  • Ajouter des effets de Parallax
  • etc...

Visiter le site : http://janpaepke.github.io/ScrollMagic/

Lire l'article

Apprendre Mootools

apprendre_mootoolsI. Introduction à la librairie Mootools 1.2

Ce tutoriel ainsi que les tutoriels à venir dans la même série (mootools en 30 jours) sont des traductions en français des tutoriels originaux écrits par consider open.

Ces tutoriels ne nécessitent aucune connaissance préalable de Mootools ou du JavaScript, mais il vous faudra tout de même des connaissances basiques en html et CSS.

Mootools 1.2 est une librairie javascript puissante et de taille raisonnable, faite pour faciliter le développement JavaScript intéractif. Prenons un seul cas, pensez aux nombreuses choses que Mootools peut faire en tant qu'extension CSS. Par exemple, avec CSS vous pouvez changer une propriété hover seulement (quand votre souris passe sur un élément). Le Javascript vous permet d'accéder à plus d'évènements (clic, survol de souris, touches de clavier tapées, ...) et il devient presque facile de profiter de tous ces avantages avec Mootools.

De plus, Mootools possède tout un panel d'extensions qui ne vous permettront pas seulement de changer les propriétés des éléments (comme au survol de la souris), mais elles vous permettent aussi le “morph“ ou “tween“, vous donnant ainsi la possibilité de créer des effets d'animations sur des éléments, comme l'on en voit beaucoup sur le web depuis quelques temps.

Mais c'est juste un exemple, Mootools peut vous permettre de faire beaucoup plus de choses.

A suivre chez 6ma.fr

Lire l'article

Mootools

mootoolsMooTools est un framework JavaScript compact, modulaire et orienté objet.

Grâce à un ensemble de classes et de fonctions compatibles avec les navigateurs web les plus utilisés, MooTools offre une réponse aux problématiques du développement de Rich Internet Applications. L'ensemble de la bibliothèque est contenu dans un fichier JavaScript unique.

Lors du téléchargement à partir du site officiel, il est possible de spécifier les composants à inclure et de choisir un type de compression pour le code JavaScript.

Le poids du fichier est donc réduit au nécessaire, le transfert et le chargement de la bibliothèque dans le navigateur sont accélérés.

MooTools rassemble des fonctionnalités que l'on trouve chez "Scriptaculous" et "Prototype", notamment plusieurs classes dédiés à l'Ajax, aux animations graphiques ou au "glisser-déposer".

MooTools bénéficie d'une communauté active qui a développé de nombreux plugins et qui assure le support de cette bibliothèque, disponible sous licence MIT.

Lire l'article

Responsive Multi-Level Menu

Responsive Multi-Level Menu

Menu déroulant encombrant avec des effets subtils

Des menus déroulants stylisés avec du Jquery, et 5 démos à suivre

Visiter le site ; http://tympanus.net

Lire l'article

JQuery, le Framework

jqueryJQuery est un framework développé en javascript qui permet notamment de manipuler aisément la DOM, d'utiliser AJAX, de créer des animations...

La vocation première de ce Framework est de gagner du temps dans le développement des applications: "write less, do more".

Aller sur le site officiel Jquery

Lire l'article

JQuery Transit

jQuery Transit

Un superbe outil qui permet des fonctions de transformations et de transitions visuelles CSS3 super souples pour jQuery

Lire l'article

SpryMedia

SpryMedia est un studio de développement d'interface utilisateur pour le web basée à Bonny en Ecosse.

Sur ce site vous trouverez quelques-unes de leurs logiciels, ainsi que des réflexions sur leur développement d'interface utilisateur.

Ce site accueille également divers projets tels que DataTables, conception, événement visuel et SprySpell.

Aller visiter ce site...

Lire l'article

Ressources Jquery

Présentation du framework JQuery, en français avec des démos en anglais, permettant de faire du javascript non intrusif, et disposant de nombreuses fonctionnalités permettant de faciliter la manipulation de la dom, de faire de l'AJAX...

 

Aller visiter...

 

Lire l'article

DataTables

DataTables_imageDataTables est un plug-in pour la bibliothèque Javascript jQuery. Il s'agit d'un outil très souple, fondée sur les bases de l'amélioration progressive, qui va ajouter des contrôles d'interaction avancées à une table HTML.

Principales caractéristiques:

  • Pagination de longueur variable
  • Filtrage à la volée
  • Plusieurs colonnes de tri avec détection de type de données
  • Manipulation intelligente des largeurs de colonnes
  • Afficher les données de presque n'importe quelle source de données : DOM, tableau Javascript, Ajax et le fichier le traitement côté serveur (PHP, C #, Perl, Ruby, AIR, Gears etc)
  • Options de défilement pour la table de fenêtre
  • Entièrement internationalisable
  • Grande variété de plug-ins
  • et en plus, c'est gratuit!

Aller visiter le site : http://www.datatables.net/

Lire l'article

Amazing Slider

Amazing Slider est une application pour Windows et Mac facile à utiliser, permettant de créer de superbes diaporamas jQuery professionnels et dynamiques, une galerie de vidéos de YouTube, un plug-in de diaporama pour WordPress et un module de diaporama pour Joomla.

Grâce à son interface utilisateur s'apparentant à un assistant de création, ses effets de transition originaux, sa myriade de modèles professionnels, sa prise en charge des images et vidéos de YouTube, réaliser un diaporama ou vidéorama exceptionnel avec Amazing Slider n'a jamais été aussi facile ni amusant !

Allez sur http://amazingslider.com/

Lire l'article