Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Dreamweaver CS6 : Les nouveautés

Aperçu des transitions CSS

Testez gratuitement nos 1338 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Il est aujourd'hui possible de réaliser des animations de transition assez remarquables et sans utiliser de tierces technologies autres que CSS.
02:02

Transcription

En se rendant sur le site de Bradshaw, il est assez intéressant de regarder les types d'animations que l'on peut rencontrer. Par exemple, ici, si je vais survoler cette partie de l'écran, vous voyez que des éléments se transforment, peuvent reprendre leur place en se retransformant de forme, etc, au travers de certaines animations. Ici, on va pouvoir prendre cet élément et regarder ce qui va se passer. Il y a des interpolations qui vont se passer entre des couleurs, des éléments qui vont disparaître, des mouvements de transition, de déplacement qui vont arriver entre plusieurs éléments. On peut avoir des éléments très compliqués, comme ça, vous voyez ici, et puis dès l'instant où je vais repartir en arrière, on s'aperçoit qu'on n'a pas la même animation pour revenir, vous voyez, ou pour partir. Donc, en fait, on a des animations complexes. Ces animations-là ne sont pas faites en animation de type Flash, comme on aurait l'habitude de rencontrer, elles sont purement faites en CSS3. Alors, bien sûr, il faut que les navigateurs puissent interpréter ces types de transition, ces types d'interpolation et donc, chaque éditeur de logiciel Microsoft, Opera, Mozilla, ou WebKit proposent leurs transitions utilisées au travers de préfixes, pour être sûr d'avoir une meilleure portabilité dans le temps, jusqu'à ce que les recommandations du W3C tombent et valident, ou proposent une recommandation définitive pour CSS3. Alors, ici, chaque fois, vous avez le code qui a été utilisé, que vous allez pouvoir reproduire, re-tester, et en utilisant uniquement des CSS3, on va pouvoir agir sur un grand nombre de propriétés, des propriétés CSS comme background-color, background-image, le bottom, le color, le crop, le font-size, en fait, quasiment toutes les propriétés CSS peuvent être affectées par les CSS3. Et comme le site de Bradshaw vous l'invite, vous pouvez vous rapprocher directement sur les dernières propositions brouillon qui ont été retenues, qui ont été proposées par le W3C, qui, pour l'instant, n'ont pas été recommandées, mais sur lesquelles vous trouverez également des mines d'information.

Dreamweaver CS6 : Les nouveautés

Allez à la découverte des nouveautés de Dreamweaver CS6, qui gravitent autour du développement d’applications mobiles, de la pluri-distribution et de sites Internet réactifs.

3h16 (40 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :23 avr. 2012
Mis à jour le:5 avr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !