AngularJS is a feature-rich framework for creating single-page web applications, bringing all capabilities that one needs for building rich and interactive apps. One of the key features that Angular brings is the support of animations.
We can animate a portion of the application to indicate a change occurring. In my last article I covered the support of CSS animations in Angular applications. In this article, we will see how to leverage JavaScript to animate the AngularJS apps.
In Angular, the only difference between CSS and JavaScript animations is their definition. There is no difference in the way the defined animations are used. To start with, we need to load the ngAnimate
module to the root module of our application.
The animation events to be handled in the JavaScript animation also remain the same. Following is a list of directives supporting animations and their events for different actions:
Directives | Events |
---|---|
ng-view ng-include ng-switch ng-if |
enter leave |
ng-repeat | enter leave move |
ng-show ng-hide ng-class |
add remove |
The above listing is the same as the one in the previous article, but doesn’t mention the corresponding CSS classes, as we don’t need them to define JavaScript animations. These events are generated only if the application module loads the ngAnimate
module. Now let us see how to animate some of the directives.
Continue reading %JavaScript Animations in AngularJS Applications%
Même Sony ne semble pas pouvoir expliquer le succès de sa console PlayStation 4.
Aux Etats-Unis, les utilisateurs de SoundCloud vont maintenant entendre ou voir des publicités.
Wikipedia est à mon sens le plus beau projet collaboratif du monde. La connaissance pour tous, gratuitement et chacun peu y contribuer. C'est magique vous ne trouvez pas ? Le truc avec Wikipedia, c'est que c'est moche... L'interface n'est pas des plus sexy et en ça, elle mérite bien son nom "d'encyclopédie". Si à l'époque, […]
Cet article merveilleux et sans aucun égal intitulé : WikiWand – Pour rendre Wikipedia jolie ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Il y a quelques jours, nous évoquions quelques astuces pour une meilleure utilisation du réseau social Facebook. Dans cet article, nous vous en proposons 5 autres.
Soyons clair, Polaroid dévoile là un concurrent de la célèbre GoPro qui n’est plus à présenter. Nommée simplement le Cube, il s’agit d’une caméra étanche se proposant de filmer en […]
L'article Polaroid Cube : Le concurrent de la GoPro à 100 dollars est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Retour sur une fonctionnalité dévoilée il y a quelques semaines par Pinterest, à savoir sa messagerie privée. L’idée est de permettre aux utilisateurs du réseau social de s’échanger non seulement […]
L'article Pinterest : Partage privé de messages & épingles est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Un moment important pour le service de reconnaissance musicale qui considère maintenant qu’il joue dans la cour des (très) grands.
Découverte de The Family, le programme pensé par des entrepreneurs, pour des entrepreneurs.
Si vous cherchez un outil pour écrire vos pensées, vos recettes, vos docs techniques ou vos histoires, avez-vous songé au format wiki ? Celui-ci permet une mise en page simple et efficace et surtout une création de pages à la volée, ce qui facilite le découpage de votre contenu. Seulement, voilà, pour disposer d'un bon […]
Cet article merveilleux et sans aucun égal intitulé : Votre petit wiki personnel en local ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Bien qu’il s’agisse d’un tout nouveau titre, on retrouve toujours l’empreinte de Flappy Bird et son caractère extrêmement addictif. Préparez-vous mentalement.
Le smartphone Motorola G 4G est le grand frère du Motorola G lancé en 2013. Très ressemblant esthétiquement, ce smartphone est toutefois doté de quelques atouts supplémentaires. Atouts qui en […]
L'article Test du Motorola G 4G : Un bon rapport qualité/prix est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
Si vous êtes technicien micro ou bidouilleur passionné, voici une boite à outil qui va vous plaire. Il s'agit de GEGeek Tech Toolkit, une collection de 300 outils Windows portables qui se place sur une clé USB et qui permet via un menu bien ordonné de lancer des applications pour faire du ménage, des sauvegardes, […]
Cet article merveilleux et sans aucun égal intitulé : La boite à outils du bidouilleur ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Certains croient en la réincarnation et d'autres pensent qu'on a le droit qu'à un seul coup. Le personnage de ce petit film en 8-bits a une vie bien remplie et va vite découvrir ce que la vie et la mort lui réservent. Il s'agit d'un court métrage réalisé par Lasse Gjertsen et Trygve Knudsen entre […]
Cet article merveilleux et sans aucun égal intitulé : La vie en 8 bits ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Rendez-vous avec Benoit Viel (Co-Fondateur) pour découvrir et parler du projet Tcheck’it au travers d’une interview. Voici l’échange retranscrit que nous avons eu : Benoit Viel, 23 ans, co-fondateur & […]
L'article Tcheck’it : Les courtes études marketing rémunérées est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Une typographie justement choisie fait clairement la différence dans une création graphique. Pour vous inspirer et trouver votre future fonte fétiche, je vous propose une petite sélection de 15 polices prêtes à être utilisées. Souvenez-vous, mon dernier article proposant des … Continuer la lecture