Les développeurs utilisent fréquemment le JavaScript, et plus particulièrement certaines librairies qui permettent de gagner beaucoup de temps pour la réalisation d’effets en tout genre. IxEdit est le premier outil permettant de créer des animations interactives en JavaScript : au lieu de mettre la main dans le cambouis, il suffira de remplir des formulaires avec
Les développeurs utilisent fréquemment le JavaScript, et plus particulièrement certaines librairies qui permettent de gagner beaucoup de temps pour la réalisation d’effets en tout genre.
IxEdit est le premier outil permettant de créer des animations interactives en JavaScript : au lieu de mettre la main dans le cambouis, il suffira de remplir des formulaires avec l’effet souhaité. C’est un véritable outil pour les designers qui pourront créer et gérer les animations en quelques clics, dans leur environnement, c’est-à-dire dans leur site Web ou blog.
Concrètement, il faudra simplement ajouter les fichiers d’IxEdit pour avoir la gestion des animations. À partir de là, il suffit de sélectionner l’événement déclencheur (load, unload, change, click, scroll, select, submit, etc.) et le sélecteur (que vous choisirez en cliquant sur le bon élément, toujours sur la page de votre site).
Par la suite il faudra choisir une réaction, avec effet (add/remove class, insert html, show, animate, slide, alert, fade, etc.) et sélecteur associés. Vous pouvez même ajouter des conditions et un commentaire si besoin.
Je vous invite fortement à regarder la vidéo de démonstration ci-dessous, elle montre bien l’intérêt de la chose :
Il est important de noter qu‘IxEdit n’est pas une librairie JavaScript, mais il ne fait qu’utiliser la très célèbre librairie jQuery : c’est comme une interface graphique.
Si vous souhaitez modifier des anciennes animations, il sera nécessaire d’installer Google Gears. Sinon elles seront perdues une fois le navigateur sera fermé. Pour information, Google Gears propose de rendre de nombreuses applications fonctionnelles sans connexion Internet, c’est un environnement local pour l’utilisateur.
Derniers articles parCamille (voir tous)
- Vélib’ libère ses données… à moitié - 4 mai 2013
- Test du HTC One - 2 mai 2013
- Tech City : la Silicon Valley londonienne ? - 22 avril 2013
- LinkedIn fête ses 5 millions d’utilisateurs en France (+ comptes Premium à gagner) - 10 avril 2013
- Test du LG Optimus G - 9 avril 2013
Camille Bouiller 
Rénald Boulestin
Nicolas Lecointre
Thomas Estimbre 
Kévin Verger 
Valentin Pringuay 
Louis Carle
23 commentaires pour "IxEdit : le premier outil pour créer des animations interactives en JavaScript"
1
eRiiic le 5 septembre 2009 à 13:09
ça m’a l’air génial si c’est aussi simple que dans la vidéo mais à voir dans la pratique !
Je vais tester ça au plus vite…
2
Benjamin le 5 septembre 2009 à 13:52
Wow, ça a vraiment l’air sympa en effet. Je m’en vais le tester de ce pas
[Et merci pour la news bien sûr ^^]
3
Shadow+aok le 5 septembre 2009 à 14:18
Pas mal pour gagner du temps quant on a pas mal de javascript à pondre.
4
Kane le 5 septembre 2009 à 14:41
Eric, t’es LE KING ! Ça a l’air ENNNNAURMEUUU !
5
Kane le 5 septembre 2009 à 14:42
Pardon, Camille
6
Desfossez Thomas le 5 septembre 2009 à 14:52
OMG !
WTF !
ça pulse !
7
Mikiweb le 5 septembre 2009 à 15:40
Merci beaucoup ça va faire gagner un temps fou pour les petites applications javascript. Mais à tester pour savoir si tout le monde peut le faire ou il nécessite quelques connaissances en javascript.
8
Showtime le 5 septembre 2009 à 16:02
Wouaaaahhh excellent, sa risque d’être très prometteur pour les webdesigner !!
9
oVa le 5 septembre 2009 à 16:27
Génial ce truc !! Merci pour cette découverte !!
10
panza le 5 septembre 2009 à 16:50
Vraiment très intéressant comme outils si c’est comme sur la vidéo… Je le testerai prochainement…
11
Monsieur Buzz le 5 septembre 2009 à 16:53
Tout simplement énorme !
12
skieur le 5 septembre 2009 à 16:54
Cool je vais tester merci
13
Manu le 5 septembre 2009 à 22:42
Pffff c’est énorme ce truc O_O !!
14
Location Vacance le 6 septembre 2009 à 12:18
Wouahh ! Excellent ce truc
Merci pour ce billet Eric.
15
willwow83 le 6 septembre 2009 à 21:48
Merci pour cette news mais comment utiliser ce logiciel ?
J ai un site avec joomla sur ovh, dites moi juste ou mettre cela pour le faire marcher !
Merci déjà de vos réponses
16
Touvert le 7 septembre 2009 à 00:39
@willwow83 : C’est pas très compliqué. Il suffit en fait de s’en servir comme dans le didacticiel video et quand tu as obtenu l’effet escompté alors tu n’as plus qu’à cliquer sur le petit bouton en haut à gauche dans la fenêtre Ixedit et choisir « deploy ». À ce moment, le code généré pour appliquer cet effet est là, tu n’as plus qu’à le copier et le coller dans ta page html. Une fois que c’est fait, tu vire les code qui servet à appeler la technologie Ixedit dans ta page et tu laisse seulement celui-ci :
qui sert à faire le lien vers la librairie Jquery.
17
Tophe le 7 septembre 2009 à 00:55
Je suis un peu moins enthousiaste que les commentaires déposés plus haut.
Il faut savoir que lorsque l’on maitrise bien jQuery (ou une autre librairie javascript du même genre), on obtient ces effets en une simple ligne de code.
Mais surtout, lors du développement d’une application web, il arrive d’autres évènements que de simple modification de l’affichage : on peut avoir à gérer des requêtes/retours ajax, des modifications de valeur dans des formulaires, etc … Ce qui nécessite d’avoir pleinement la main sur le code javascript.
Cependant, je pense que l’utilisation de cet outil pourrait faire gagner du temps aux graphistes/intégrateurs lorsqu’ils doivent présenter des maquettes, ainsi cela leur permettrait de rajouter de l’interactivité dans leurs propositions, sans avoir à se soucier de connaitre javascript, mais à première vue, je ne suis pas sûr que ce soit vraiment fait pour le site final mis en production.
Tophe
PS : Développant moi-même des applications web, j’ai l’habitude d’utiliser ce genre d’effet et je finis par connaitre jQuery par cœur, donc peut-être ne suis-je pas tout à fait objectif …
18
Nas le 7 septembre 2009 à 10:56
Salut,
je rejoins l’avis de Tophe dans l’absolu …
Le seul bémol que je trouve c’est que cet outil ne prenne pas en compte les requêtes ajax … Si c’était le cas alors la puissance en serai démultipliée ! et là !
ce serait le TOP !
en tout cas merci pour le lien !
19
kev le 18 octobre 2009 à 00:35
oui ça serait mieux avec les requetes Ajax
20
Blog Luxe le 25 mai 2010 à 15:49
Je découvre ce service : très pratique !