Share
Au cours des derniers mois, une ambivalence rampante entre moi et ma relation avec Adobe me traversait la conscience, comme une chanson que je ne pouvais pas sortir de ma tête. En tant que type Web, je ne pouvais m'empêcher de penser qu'Adobe passait un temps démesuré à dire à l'univers combien il était génial avec DPS et le mobile, avec très peu de bavardages du côté Web de la barrière..
En bref, j'ai détecté un décalage entre l'affirmation d'Adobe à aimer le développement Web et sa «pratique» consistant à pousser le DPS vers le secteur. Avec toutes les technologies Web géniales qui régnaient sur nous, je ne comprenais tout simplement pas pourquoi Adobe réagissait si lentement à une industrie qui était en hyperdrive quand il était question de "changement". C’est presque comme si, depuis son annonce Flash l’année dernière, la société avait perdu son mojo.
Le seul lien réel que je ressentais avec Adobe était l'équipe d'Animate.
Ensuite, pendant plus d’un an, l’équipe Adobe Animate a emmené un groupe d’entre nous faire le tour de notre vie. Ils développaient une application HTML5 utilisant CSS3 et JavaScript pour créer du mouvement et de l'interactivité. Intellectuellement, c’est l’une des expériences les plus stimulantes que j’ai jamais vécues avec Adobe. Le rythme du changement - une nouvelle révision toutes les six semaines environ - était à couper le souffle. Les nouvelles fonctionnalités ont été discutées un jour et présentées le lendemain. Ce n’était pas mon expérience de test habituelle avec Adobe et je dirais en plaisantant à l’équipe de suspendre un drapeau de pirate au chevet de leurs bureaux..
Au début d'août, j'ai reçu une invitation à participer à un événement appelé Create The Web à San Francisco le 24 septembre 2012. J'ai hésité à accepter. Ayant assisté à beaucoup trop d'événements Adobe où le sizzle a fait vibrer tout le monde lorsque nous avons eu accès à la technologie, j'étais sceptique, il va sans dire. C’est exactement ce que j’ai ressenti lorsque j’ai pris place parmi les digerati et les fanboyz lors de l’événement au Yerba Buena Center. Tandis que j'attendais que les choses commencent, je ne pouvais m'empêcher de penser que c'était ironique que cet événement se déroule au même endroit où Apple venait de présenter l'iPhone 5. Il s'est avéré que l'emplacement n'était pas ironique. C'était exquis parce que les outils et services Edge lancés par Adobe ce jour-là vont avoir un impact assez important sur le contenu affiché sur ces écrans. Comme le dit si bien Adobe avant de nous laisser tomber le truc Edge: "Le Web moderne a besoin d'outils modernes."
Non seulement les outils sont devenus modernes, mais l'attitude d'Adobe semble avoir profondément changé.
Au cours des dernières années, Adobe a passé beaucoup de temps à expliquer comment il souhaitait soutenir la communauté Open Source. Avec la gamme Edge, Adobe ne parle pas seulement de conversation Open Source, mais aussi de la marche Open Source Walk. De nombreux outils et services de la gamme Edge ont été développés sur GitHub. Ensuite, Adobe a écouté les commentaires et a même accepté des contributions open source de la part des développeurs qui se lançaient dans l'aventure..
Avant de plonger dans la collection Edge, la première chose à savoir est que ces outils et services ne sont même pas dans la même catégorie que Dreamweaver CS6 ou tout autre éditeur visuel ou outil Web proposé par Adobe. Ces éléments ont été conçus sur le Web, pour le Web, et sont conçus pour fonctionner dans le contexte du processus de création de contenu Web moderne en utilisant ou en manipulant HTML 5, CSS3 et JavaScript. Ils sont tous conçus pour fonctionner seuls mais, lorsqu'ils sont utilisés dans un flux de travail complet, ils deviennent véritablement ces outils modernes. Responsive Web Design se répercute dans la programmation et aucune application ni aucun service n'a été présenté lorsque le mot "mobile" n'était pas dans le diaporama ni prononcé par le présentateur..
L'autre aspect de Edge est le terme "moderne". Présentateur après présentateur, il était clair que les mises à jour, modifications et ajouts de fonctionnalités à ces produits se produiraient à un rythme allant de quelques semaines à plusieurs mois..
Jetons un coup d'œil à la gamme d'outils et de services qui composent actuellement la gamme Edge.
Lorsque Adobe a racheté Typekit, la première entreprise à proposer des polices Web à la communauté, Jeffrey Veen a également été nommé responsable du Creative Cloud. Il n’était donc pas surprenant de voir Jeffrey errer sur scène et donner le ton de la matinée en nous assommant de notre siège..
Ce nouveau service est pour le moins renversant. Il proposera régulièrement une gamme de polices gratuites - 500 pour commencer - de Google, Typekit et d'autres sources. De même, rendez-vous sur la page webfonts, sélectionnez une police dans la liste et aidez-vous à utiliser le code JavaScript résultant. Ai-je mentionné que ces polices sont gratuites?
De plus, TypeKit proposera bientôt 1 000 polices supplémentaires de la collection Monotype. Pour la communauté graphique, c'est énorme car, à certains égards, la collection Monotype est le «Gold Standard» pour le type. Si Adobe parvient à faire venir une fonderie possédant les atouts de Monotype, vous pouvez être assuré que les autres ne seront pas loin derrière. Il se pourrait que le Web moderne soit en retard pour une renaissance typographique.
Une autre annonce qui a en quelque sorte été passée sous silence est la sortie d'une nouvelle police Open Source, Source Sans Pro, conçue pour fonctionner avec les éditeurs de code et est la police par défaut pour Adobe Code..
Vous pouvez découvrir pourquoi ce logiciel a été développé sur le blog Adobe et vous en procurer une copie à l’adresse sourceforge.net.
Celui-ci est carrément effrayant… dans le bon sens. Au cours des derniers mois, Adobe a eu un aperçu d'un éditeur de code open source - Brackets - disponible sur Labs et GitHub. Ce que nous avons découvert, c’est que Edge Code est en réalité construit sur Brackets, un projet open source et, en tant que tel, la partie Brackets de cette équation est… et c’est là que le «bon effrayant» entre en jeu… va être mis à jour toutes les 2,5 semaines.
Edge Code vous fournit un éditeur de code vous permettant d’éditer une ligne de code HTML, CSS3 et Javascript à partir de l’emplacement du code où se trouvent ces lignes. Vous obtenez également des conseils de code, un sélecteur de couleur en ligne et des crochets directs dans WebFonts et PhoneGap Build. Alors ça va mieux; vous pouvez voir vos modifications ou vos progrès dans un aperçu en direct de Webkit.
Vous pouvez commencer à utiliser une version d’aperçu en visitant la page Code Edge..
Au cours des derniers mois, Adobe a laissé les gens casser les pneus d'une application qu'ils nommaient Shadow. Pour l’essentiel, Shadow vous permet d’ouvrir une application ou un projet Web en construction dans Chrome et, comme par magie, cette page apparaît sur tous les appareils enregistrés avec l’application. Je suis triste d’annoncer que Shadow a été retiré. C'est la mauvaise nouvelle. La bonne nouvelle est qu'il a ressuscité sous le nom de Edge Inspect. Vous pouvez non seulement utiliser Inspect pour prévisualiser votre travail, mais vous pouvez également inspecter le code sur l'appareil, ce qui accélère considérablement le processus de débogage..
Une autre fonctionnalité intéressante d'Inspect est la possibilité de demander à vos appareils de prendre une capture d'écran. Ces captures d'écran sont placées sur votre bureau et vous pouvez les envoyer par courrier électronique à vos clients..
Cette application est disponible dès maintenant et, si vous avez un abonnement à Creative Cloud, il est fort probablement déjà assis sur votre ordinateur..
Celui-ci était plutôt intéressant. Lors de l’acquisition de PhoneGap par Adobe, il a rarement été question de parler de ce service en tant que service disponible via Dreamweaver. C’était logique car PhoneGap, en termes extrêmement simples, utilisait du code Web et créait des applications mobiles. Cette partie n'a pas changé, mais le Web mobile l'a fait et la partie «Construire» du nom est la clé.
Cela permet aux développeurs de disposer d'un outil qui permet de créer une application pour iOS, Android, Windows, WebOS, Blackberry et Bada sans que vous ayez à réserver d'espace sur votre ordinateur pour chaque plate-forme. Dans Build, vous choisissez la plate-forme et l'application est «construite» dans le cloud. La nouvelle fonctionnalité "d'hydratation", entre autres choses, transfère vos modifications / mises à jour directement vers la version précédemment installée de l'application. Là où cela devient vraiment intéressant, c'est que le code Edge est entièrement intégré à Edge PhoneGap Build, ce qui signifie que vous pouvez connecter les projets dans Code et que Build les construit sans jamais quitter l'environnement Edge. Cette application est maintenant disponible.
Celui-ci a pris tout le monde par surprise. Comment Adobe a-t-il réussi à garder un «Cone Of Silence» très serré autour du développement de cette application me dit qu'ils ont balayé une page du livre de jeu d'Apple.
Si vous avez capté ma série autour des grilles fluides de Dreamweaver ici à Webdesigntuts +, vous avez peut-être aussi capté mon message subliminal: «C'est un début correct pour Responsive Web Design, mais une tonne d'améliorations sont nécessaires. Lorsque Reflow est publié, ils deviennent inutiles.
Reflow est un éditeur visuel RWD qui promet de faire en sorte que le processus Fluid Grids de Dreamweaver CS6 ressemble à un jouet à remonter. La redistribution vous donne un contrôle total sur les points d'arrêt entre les différentes tailles d'écran, le contrôle de code et l'exportation vers Edge Code, Dreamweaver ou tout autre éditeur, ainsi qu'un contrôle WYSIWYG complet sur le CSS. Normalement, je ne suis pas enthousiasmé par ce genre de chose, grâce au disque «Sizzle / Fizzle» d’Adobe, mais celui-ci m’a fasciné. La raison en est qu'un des gars qui est impliqué dans le développement de Reflow n'est autre que le père de RWD: Ethan Marcotte.
C'est la bonne nouvelle. La mauvaise nouvelle est que l'application n'est pas prête. Ce que j'entends dire, c'est qu'une version publique sera disponible d'ici la fin de l'année. J'ai hâte de commencer à cogner ses pneus!
L'application finale est Animate. Cela fait plus d’un an qu’il flotte dans les laboratoires et est passé de l’un à l’autre, à un outil complet d’animation HTML 5, CSS3, JavaScript, doté de l’interactivité et de quelques crochets RWD permettant à votre travail d’apparaître sur n'importe quel écran, n'importe où… et cela inclut DPS et iBooks.
Il est disponible dès maintenant et… êtes-vous prêt pour cela… il sera gratuit pour les 12 prochains mois, même si vous n'avez pas d'abonnement à Creative Cloud. Vraiment, je n'invente rien.
Un trou notable dans la gamme est une sorte d’outil graphique / d’imagerie qui n’est pas Photoshop. Au lieu de cela, l'application pourrait être une sorte de Fireworks léger et maigre qui crée les images jpg, png, svg et gif destinées à être utilisées dans Animate ou Reflow. Interrompre Illustrator, Fireworks et Photoshop pour produire le contenu utilisé dans ces applications est un processus fastidieux..
Tandis que je traînais à l'extérieur du bâtiment en attendant d'entrer, quelqu'un a dit: "Génial, Adobe va nous dire comment créer le Web. Ensuite, ils vont nous dire comment l'utiliser." À la fin de la journée, Adobe n'avait pas à nous dire comment utiliser le Web. Le message fort et clair était le suivant: "Voici un ensemble d’outils qui vont changer la façon dont vous créez le Web. Maintenant, sortez et utilisez-les".
Adobe a-t-il récupéré son "mojo"? C’est difficile à dire, mais cette nouvelle gamme de produits indique clairement qu’elle est sur la bonne voie. Cela pourrait être amusant.
Accentsconagua