Share
Negli ultimi mesi un senso strisciante di ambivalenza tra me e il mio rapporto con Adobe era stato travolgente nella mia coscienza come una canzone che non riuscivo a togliermi dalla testa. Come web man non potevo scuotere la sensazione che Adobe trascorresse una quantità eccessiva di tempo a dire all'universo quanto fossero grandi le cose con DPS e mobile con poche chiacchiere sul lato web della recinzione.
In breve, ho rilevato una disconnessione tra la rivendicazione di Adobe di amare lo sviluppo web e la sua "pratica" di spingere DPS nel settore. Con tutte le fantastiche tecnologie web che ci cascavano addosso, non riuscivo a capire perché Adobe fosse così lento nel reagire a un settore che si trovava in condizioni di hyperdrive quando si trattava di "cambiare". Era quasi come se, dal suo annuncio Flash lo scorso anno, la compagnia avesse in qualche modo perso il suo mojo.
L'unica vera connessione che avevo con Adobe era il team di Animate.
Quindi, per oltre un anno, il team di Adobe Animate ha preso un gruppo di noi per il passaggio delle nostre vite. Stavano sviluppando un'app HTML5 che utilizzava CSS3 e JavaScript per creare movimento e interattività. Intellettualmente, è stata una delle esperienze più stimolanti che abbia mai avuto con Adobe. Il ritmo del cambiamento - una nuova revisione all'incirca ogni sei settimane - era mozzafiato. Le nuove funzionalità sono state discusse un giorno e dimostrate il prossimo. Questa non era la mia normale esperienza di test con Adobe e direi scherzosamente al team che avrebbero dovuto appendere una bandiera pirata dalle travi dei loro uffici.
All'inizio di agosto ho ricevuto un invito a partecipare a un evento chiamato Create The Web a San Francisco il 24 settembre 2012. Ho esitato ad accettare. Avendo passato troppi di questi eventi in Adobe, dove il frastuono ha fatto sobbalzare tutti e il frastuono della frittura quando abbiamo preso possesso della tecnologia, ero, inutile dirlo, piuttosto scettico. Ed è esattamente quello che ho provato quando ho preso posto tra i digerati e i fan dei fan all'evento nel centro Yerba Buena. Mentre mi sedevo in attesa che iniziassero le cose, non potevo fare a meno di pensare che fosse ironico che questo evento si tenesse nello stesso posto in cui Apple aveva appena introdotto l'iPhone 5. La posizione, come risultò, non era ironiica. È stato squisito perché gli strumenti e i servizi di Edge che Adobe ha rilasciato quel giorno avranno un impatto piuttosto grande sul contenuto che appare su quegli schermi. Come Adobe ha scritto in modo così preciso prima di abbandonare la roba di Edge su di noi: "Il Web moderno ha bisogno di strumenti moderni".
Non solo gli strumenti sono diventati moderni, ma l'atteggiamento di Adobe sembra essere profondamente cambiato.
Nell'ultimo anno, Adobe ha passato molto tempo a parlare di come desidera supportare la comunità Open Source. Con la linea Edge, Adobe non sta solo parlando di talk Open Source, ma sta anche camminando sulla passeggiata Open Source. Molti degli strumenti e dei servizi della linea Edge sono stati sviluppati su GitHub. Quindi Adobe ha ascoltato il feedback e persino accettato alcuni contributi open source da parte degli sviluppatori che stavano taggando per la corsa.
Prima di scavare nella collezione Edge, la prima cosa che devi sapere è che questi strumenti e servizi non sono nemmeno vicini alla stessa lega di Dreamweaver CS6 o di qualsiasi altro editor visivo o strumento web offerto da Adobe. Queste cose sono state costruite sul web, per il web e sono progettate per funzionare nel contesto del moderno processo di creazione di contenuti Web utilizzando o manipolando HTML 5, CSS3 e JavaScript. Sono tutti progettati per funzionare singolarmente ma, se utilizzati in un flusso di lavoro completo, diventano davvero strumenti moderni. Il responsive Web Design si è diffuso attraverso la scaletta e non è stata presentata nessuna app o servizio in cui la parola "mobile" non era nello slide deck o pronunciata dal presentatore.
L'altro aspetto di Edge è il termine "moderno". Presentatore dopo presentatore ha chiarito che gli aggiornamenti, le modifiche e le aggiunte alle funzionalità di questi prodotti avverranno a un ritmo variabile da settimane a mesi.
Diamo una rapida occhiata alla gamma di strumenti e servizi che attualmente compongono la linea Edge.
Quando Adobe ha acquistato Typekit, la prima azienda a rendere disponibili i Web font per la comunità, ha anche ottenuto Jeffrey Veen a cui è stato affidato il ruolo di Creative Cloud. Non è stata una sorpresa quindi vedere Jeffrey vagare sul palco e procedere con il tono della mattinata facendoci cadere fuori dai nostri posti.
Questo nuovo servizio è, a dir poco, sensazionale. Proporrà regolarmente una gamma di font gratuiti - 500 per iniziare - da Google, Typekit e altre fonti. Vai direttamente alla pagina dei webfonts, seleziona un font dal pop-down e aiutaci nel conseguente JavaScript. Ho detto che questi caratteri sono gratuiti?
Non solo, ma TypeKit offrirà presto altri 1000 font della collezione Monotype. Per la comunità grafica questo è enorme perché, per certi aspetti, la collezione Monotype è il "Gold Standard" per tipo. Se Adobe può portare sul tavolo una fonderia con la credibilità di Monotype, puoi scommettere che gli altri non saranno molto indietro. Potrebbe essere solo che il web moderno è in un Rinascimento tipografico da lungo atteso.
Un altro annuncio che è stato trascurato è stato il rilascio di un nuovo font Open Source Source Sans Pro, progettato per funzionare con editor di codice ed è il font predefinito per Adobe Code.
Puoi leggere il motivo per cui è stato sviluppato sul blog di Adobe e puoi ritirare una copia su sourceforge.net.
Questo è decisamente spaventoso ... in senso buono. Negli ultimi mesi Adobe ha avuto un'anteprima di un editor di codice open source - Brackets - disponibile su Labs e GitHub. Quello che abbiamo scoperto è che Edge Code è in realtà costruito sopra Brackets, che è un progetto open source e, come tale, la parte di Brackets di questa equazione è ... ed è qui che entra in gioco il "buon pauroso" ... che verrà aggiornato ogni 2,5 settimane.
Ciò che Edge Code fa è fornire un editor di codice che consente di modificare una riga di codice HTML, CSS3 e Javascript dal punto nel codice in cui si trovano tali righe. Ottieni anche suggerimenti sul codice, un selettore di colori in linea e agganci diretti in WebFonts e PhoneGap Build. Poi migliora puoi vedere le modifiche o i progressi in un'anteprima live di Webkit.
È possibile iniziare a lavorare con una versione di anteprima visitando la pagina Codice Edge.
Negli ultimi mesi, Adobe ha lasciato che la gente desse un calcio alle gomme di un'app che chiamavano Shadow. Essenzialmente, Shadow ti consente di aprire un'app o un progetto web in costruzione in Chrome e, magicamente, quella pagina viene visualizzata su tutti i dispositivi registrati con l'app. Sono triste nel riferire che Shadow è stato ritirato. Questa è la brutta notizia. La buona notizia è che è risorto come Edge Inspect. Non solo puoi utilizzare Inspect per visualizzare l'anteprima del tuo lavoro, ma puoi anche ispezionare il codice sul dispositivo, il che è un notevole incentivo per il processo di debug.
Un'altra caratteristica piuttosto chiara di Inspect è la possibilità di dire ai tuoi dispositivi di fare uno screenshot. Questi screenshot sono posizionati sul desktop e puoi inviarli via email ai tuoi clienti.
Questa app è disponibile al momento e, se si dispone di un'iscrizione a Creative Cloud, è probabile che sia già presente sul computer.
Questo era piuttosto interessante. Quando Adobe ha acquisito PhoneGap, raramente si parlava al di fuori del contesto in cui si trattava di un servizio disponibile tramite Dreamweaver. Aveva senso, perché PhoneGap, in termini estremamente semplici, prendeva il codice Web e creava app mobili. Quella parte non è cambiata ma il web mobile ha e la parte "Build" del nome è la chiave.
Ciò che fa è dare agli sviluppatori uno strumento che impacchetta un'applicazione per iOS, Android, Windows, WebOS, Blackberry e Bada senza che tu debba mettere da parte lo spazio sul tuo computer per ogni piattaforma. All'interno di Build, scegli la piattaforma e l'app è "costruita" nel cloud. La nuova funzionalità di "idratazione", tra le altre cose, spinge le modifiche / aggiornamenti direttamente alla versione dell'applicazione installata in precedenza. Dove questo è davvero chiaro, Edge Code è completamente integrato in Edge PhoneGap Build, il che significa che puoi collegare i progetti in Code e Build costruirli senza mai uscire dall'ambiente Edge. Questa app è ora disponibile.
Questo colse tutti di sorpresa. Il modo in cui Adobe è riuscito a mantenere un "Cone Of Silence" ben definito in termini di sviluppo attorno allo sviluppo di questa applicazione mi dice che hanno tolto una pagina dal playbook di Apple.
Se hai catturato la mia serie sulle Griglie Fluide di Dreamweaver qui su Webdesigntuts +, potresti aver colto anche il mio messaggio subliminale intorno a loro: "È un primo colpo al Responsive Web Design, ma c'è bisogno di un sacco di miglioramenti." Lo riprendo. Quando Reflow viene rilasciato, diventano irrilevanti.
Reflow è un editor RWD visuale che ha la promessa di rendere il processo di griglia fluida in Dreamweaver CS6 come un giocattolo a molla. Reflow ti dà il pieno controllo sui punti di interruzione tra diverse dimensioni dello schermo, controllo del codice ed esportazione in Edge Code, Dreamweaver o qualsiasi altro editor e controllo WYSIWYG completo sul CSS. Normalmente non mi entusiasmano per questo genere di cose, grazie al disco di Adobe "Sizzle / Fizzle", ma questo mi ha conquistato. Il motivo è che uno dei ragazzi coinvolti nello sviluppo di Reflow è nientemeno che il padre di RWD: Ethan Marcotte.
Questa è la buona notizia. La cattiva notizia è che l'app non è pronta. Quello che sento è che una versione pubblica sarà disponibile entro la fine dell'anno. Non vedo l'ora di iniziare a calciare le sue gomme!
L'app finale è Animate. È stato in giro per Labs per oltre un anno e si è spostato dal semplice spostamento di div da qui a lì a uno strumento di motion graphics completo HTML 5, CSS3, JavaScript completo di interattività e alcuni aggancio RWD che consentono al tuo lavoro di apparire su qualsiasi schermo, ovunque ... e questo include DPS e iBooks.
È disponibile adesso e ... sei pronto per questo ... sarà gratuito per i prossimi 12 mesi anche se non hai un abbonamento a Creative Cloud. Davvero, non sto inventando questa roba.
Un buco evidente nell'allineamento è una sorta di strumento di grafica / imaging che non è Photoshop. Invece l'app potrebbe essere una sorta di Fireworks magra, medio che crea le immagini jpg, png, svg e gif destinate ad essere utilizzate in Animate o Reflow. Bopping tra Illustrator, Fireworks e Photoshop per produrre il contenuto utilizzato in queste app è un processo ingombrante.
Mentre stavo gironzolando fuori dall'edificio in attesa di entrare qualcuno ha detto: "Bene, Adobe ci dirà come creare il Web. Poi ci diranno come utilizzarlo". Alla fine della giornata, Adobe non ha dovuto dirci come utilizzare il web. Il messaggio che è emerso chiaramente e chiaramente: "Qui ci sono un sacco di strumenti che cambieranno il modo in cui crei il Web. Ora usali e usali".
Adobe ha recuperato il suo "mojo"? Questo è difficile da dire, ma questa nuova linea di prodotti è una chiara indicazione che è sulla strada giusta. Questo potrebbe essere divertente.
Accentsconagua