Étiquette : Edge

Google Web Designer

Google Web Designer

Google Web Designer est un nouvel outil gratuit, de création de sites et d’animations en HTML5. Cet outil est avant tout pensé pour créer des bannières de pub animées, en HTML5 mais peut être utilisé également pour créer des animation ou même un site en HTML5. Tout ce qui est créé dans Google Web Designer est responsive (il s’adapte au support sur lequel le contenu est consulté). C’est un outil visuel, pas besoin donc d’être un développeur aguerri pour prendre en main l’outil, ce qui n’empêche pas que le code généré pourra être retouché à la « mimine » par la suite, si vous en avez l’envie et l’expérience.

Fonctionnalités de Google Webdesigner

  • 2 modes d’animation sont proposés : un basique (le Quick mode) et un plus avancé (Advanced Mode)
  • La 3D grâce aux capacités de CSS3
  • 2 modes de visualisation de votre travail, comme dans un Dreamweaver avec un code view et un design view
  • Des outils de dessins vectoriel.
  • Une publication de votre travail facilité par des modes d’export direct sur DoubleClick ou Admob (en ce qui concerne des projets de bannières pub)

Google Web Designer est donc ouvert publiquement en beta. L’outil se positionne d’ores et déjà comme un concurrent à la famille Edge de chez Adobe (outil qui a quand même un peu plus d’avance à ce jour).

A tester pour vous faire une idée (ou bien regarder les vidéos de Google Web Designer sur Youtube), l’application est compatible MAC (à partir de 10.7) et PC

Logo Google Web designer

(4643)

Adobe Edge Reflow

Edge Reflow

Adobe Edge Reflow vient de sortir en version preview 1 et rejoint donc la liste de la gamme Edge. Edge Reflow est en quelque sorte le Photoshop du HTML5/CSS. C’est sur ce logiciel que vous allez créer l’interface de votre site web en responsive design, en appliquant des styles CSS de manière visuelle (ombres portées, ombres internes, contours, dégradés…). Design que vous pourrez tester puis exporter par la suite pour le fournir à vos développeurs.

(suite…)

(1295)

Edge Animate (Preview 7)

Edge Animate est désormais le nom d’Edge, l’outil d’animation en HTML5 CSS et Javascript d’Adobe. Pour rappel, Edge Animate est un outil vous permettant de créer du contenu animé et interactif au format HTML5. Exit donc la sortie en Flash, de plus en plus boudée par certains acteurs du Web (Apple en tête). Pour rappel, Flash se focalise depuis peu sur l’univers des jeux vidéos et de la 3D, notamment sur mobiles et tablettes.

Edge Animate

Il fallait donc qu’Adobe reste dans la course et trouve un outil en phase avec les nouvelles exigences du marché. Le pari semble être relevé car Edge Animate reste dans la lignée de Flash de part son utilisation : une interface graphique, une timeline : bref, un outil simple à prendre en main.

Je vous recommande tout de même de faire une tour du côté des Formations Edge Animate, histoire de partir avec de bonnes bases. A noter également que Edge Animate fait partie intégrante du Creative Cloud d’Adobe.

Edge Animate Preview 7

Edge change de nom, mais également de version. Pas mal de nouveautés sont au programme de cette preview 7 (téléchargeable ici gratuitement) :

  • Mise en forme redimensionnables : évoque ici le fait de pouvoir travailler en design fluide.
  • Règles et Repères : très pratiques et pas encore intégrés à Edge Animate, ces outils vous permettrons donc d’être plus précis dans le positionnement de vos éléments.
  • Ombres : l’ombre portée est un élément indispensable en design, il est donc désormais possible d’appliquer et d’animer des ombres sur des textes et des bordures.
  • Grille de scénario ajustable : pour augmenter la précision des animations en ajustant leur granularité temporelle au niveau où la tette de lecture est positionnée.
  • Texte amélioré : plus de possibilités avec les textes au niveau des interlignes, de l’indentation de l’espacement et du multilignes.

Edge Animate preview 7

Côté configuration, il vous faudra au moins Mac OS X 10.6, 10.7, 10.8 ou Windows 7 ou Windows Vista.

La vidéo de présentation de Edge Animate Preview 7

Pour finir, voici une vidéo (en anglais) présentant les nouveautés de Adobe Edge Animate Preview 7 :

(406)