Auparavant, si vous vouliez créer une interface interactive animée pour un site Web, vous deviez utiliser Flash. Vous pourriez être en mesure de vous débrouiller avec des animations de base en utilisant JavaScript, mais si vous le rendiez trop compliqué, tout ce que vous finissiez de faire serait de ralentir l'ordinateur de vos visiteurs et de causer des problèmes.
De plus, JavaScript est potentiellement plus compliqué à utiliser que Flash, du moins pour ceux qui ne sont pas friands de codage. Mais, bien sûr, Flash ne fonctionne pas toujours bien (ou parfois pas du tout) sur les appareils mobiles, y compris l’iPhone et l’iPad.
Entrez HTML5 HTML5 fonctionne sur presque toutes les plates-formes mobiles. Tout ce que vous pourriez créer dans Flash peut être créé avec HTML5 (et parfois ajouté JavaScript et CSS3): animations, éléments interactifs, etc.
Mais il réintroduit la question du codage pour de nombreux designers, qui ne sont peut-être pas fous de tout coder à la main. C'est là que Adobe Edge entre.
C'est un programme entièrement nouveau (actuellement disponible en version de prévisualisation gratuite) qui vous aide à créer du contenu Web animé à l'aide de HTML5, CSS3 et JavaScript. Il comprend des outils de dessin et de texte pour créer de nouvelles compositions, vous permet d'importer des images dans divers formats (SVG, PNG, JPG et GIF) et des animations de chorégraphie avec un éditeur basé sur la chronologie. Vous pouvez animer la position, la couleur, la forme, la taille, la rotation et d'autres éléments au niveau de la propriété.
La meilleure chose à propos de l'utilisation de HTML5, CSS3 et JavaScript plutôt que de Flash pour vos contenus animés et interactifs est que votre site reste conforme aux normes. Il préserve votre disposition CSS et maintient votre couche de contenu distincte de votre couche de présentation. De ce fait, votre site sera compatible avec un plus large éventail de plates-formes et sera plus convivial pour les moteurs de recherche avec moins de travail.
Étant donné que Edge n’est actuellement qu’à l’étape de prévisualisation, il est probable qu’il contienne des bogues et des limitations de fonctionnalités. Cela dit, il comprend déjà vingt-cinq effets d'accélération intégrés et d'autres fonctionnalités pour vous aider à démarrer. Aucun mot sur combien Edge coûtera après la période d'essai de 150 jours se termine.
L'interface Edge ressemble à de nombreux autres programmes d'Adobe pour travailler avec du contenu interactif, comme Premiere Pro ou Flash. Si vous êtes déjà familiarisé avec ces programmes, l'interface Edge doit être assez facile à régler. Dans le cas contraire, il y aura une courbe d'apprentissage précise, mais il reste une interface relativement facile à comprendre.
Bien sûr, vous aurez toujours besoin de Flash pour créer des applications de bureau et mobiles AIR, ou pour utiliser ActionScript.
Vous pourriez également trouver Flash plus facile à utiliser pour des interactions et des animations plus immersives, là où la compatibilité mobile n'est pas un problème. Mais Edge offre aux concepteurs familiarisés avec l'environnement de travail Adobe une nouvelle option pour la création de contenu interactif et animé.
Apprendre encore plus: Adobe Edge
Avez-vous déjà essayé Edge? Qu'est-ce que tu penses? Est-ce que cela vaudra d'être acheté à l'avenir? Faites le nous savoir dans les commentaires!