Har Adobe fått sin Mojo tilbake?

I løpet av de siste månedene har en krypende følelse av ambivalens mellom meg selv og mitt forhold til Adobe vært rattling gjennom min bevissthet som en sang jeg ikke kunne komme ut av hodet mitt. Som en web-fyr kunne jeg ikke riste følelsen av at Adobe brukte en uvanlig mengde tid for å fortelle universet hvor gode ting var med DPS og mobil med svært lite snakk over på nettsiden av gjerdet.

Kort sagt, oppdaget jeg en sammenkobling mellom Adobes krav om å elske webutvikling og dens "praksis" for å presse DPS i bransjen. Med alle de kule webteknologiene som gikk ned på oss, kunne jeg bare ikke forstå hvorfor Adobe var så sakte i å reagere på en bransje som var i hyperdrive når det kom til "endring". Det var nesten som om, siden Flash-kunngjøringen i fjor, at selskapet på en eller annen måte hadde mistet sin mojo.

Den eneste virkelige forbindelsen jeg følte med Adobe var animasjonslaget.

Deretter tok Adobe Animate-teamet i over et år en gruppe av oss for å rive livet. De utviklet en HTML5-app som brukte CSS3 og JavaScript for å skape bevegelse og interaktivitet. Intellektuelt var det en av de mest stimulerende opplevelsene jeg noensinne har hatt med Adobe. Tempoet i endring - en ny revisjon omtrent hver sjette uke - var fantastisk. Nye funksjoner ble diskutert en dag og demoed neste. Dette var ikke min vanlige testopplevelse med Adobe, og jeg ville spøk på at de skulle hengde et piratflagg fra takkene på sine kontorer.

I begynnelsen av august fikk jeg en invitasjon til å delta på en begivenhet som heter Opprett Internett i San Francisco 24. september 2012. Jeg nølte med å akseptere. Etter å ha vært gjennom altfor mange av disse Adobe-begivenhetene hvor sizzlen fikk alle jazzed og sizzle fizzled da vi tok tak i teknologien, var jeg unødvendig å si, ganske skeptisk. Det er akkurat det jeg følte da jeg tok setet mitt blant digerati og fanboyz på arrangementet i Yerba Buena Center. Da jeg satt og ventet på ting jeg skulle begynne, kunne jeg ikke hjelpe, men synes det var ironisk, ble denne hendelsen holdt på samme sted hvor Apple nettopp hadde introdusert iPhone 5. Plasseringen, som det viste seg, var ikke ironiisk. Det var utsøkt fordi Edge-verktøyene og tjenestene Adobe løsnet den dagen, vil ha en ganske stor innvirkning på innholdet som vises på disse skjermbildene. Som Adobe så pent satt det før du slipper Edge-ting på oss: "Den moderne webben trenger moderne verktøy."


Opprett Web San Francisco Keynote

Ikke bare har verktøyene blitt moderne, men Adobes holdning synes å ha blitt dypt forandret.

I løpet av det siste året har Adobe brukt mye tid på å snakke om hvordan de vil støtte Open Source-fellesskapet. Med Edge-oppstillingen snakker Adobe ikke bare Open Source-snakk, men går også på Open Source-turen. Mange av verktøyene og tjenestene i Edge-oppstillingen ble utviklet på GitHub. Så lyttet Adobe til tilbakemeldingen og aksepterte til og med noen åpne kildebidrag fra utviklerne som merket sammen for turen. 

Før jeg graver inn Edge-samlingen, er det første som du trenger å vite, at disse verktøyene og tjenestene ikke engang er i nærheten av å være i samme liga som Dreamweaver CS6 eller andre visuelle redaktører eller webverktøy som tilbys av Adobe. Disse tingene ble bygget på nettet, for Internett og designet for å fungere i sammenheng med den moderne webinnholdsskapingsprosessen ved å bruke eller manipulere HTML 5, CSS3 og JavaScript. De er alle designet for å jobbe enkelt, men når de brukes i en omfattende arbeidsflyt, blir de virkelig de moderne verktøyene. Responsive Web Design ripples gjennom oppstillingen og det var ikke en app eller tjeneste presentert der ordet "mobile" ikke var i lysbildesettet eller snakkes av presentatøren.

The otheraspect of Edge er begrepet "moderne". Presentatør etter presentatør gjorde det klart at oppdateringer, endringer og funksjonstillatelser til disse produktene kommer til å skje i et tempo som varierte fra uker til måneder.

La oss ta en rask titt på en rekke verktøy og tjenester som for tiden består av Edge-oppstillingen.


Edge-webfonter

Når Adobe kjøpte Typekit, det første firmaet som faktisk gjorde webfonter tilgjengelig for samfunnet, fikk det også Jeffrey Veen som ble ledet av Creative Cloud. Det var ingen overraskelse å se Jeffrey vandre på scenen og fortsette å stille tonen til morgenen ved å banke oss ut av våre seter.

Denne nye tjenesten er, i det minste, fantastisk. Det vil regelmessig tilby en rekke gratis fonter - 500 til å begynne med - fra Google, Typekit og andre kilder. Simly hodet videre til webfontsiden, velg en skrift fra pop ned og hjelp deg selv til det resulterende JavaScript. Nevnte jeg at disse skriftene er gratis?

Ikke bare det, men TypeKit vil snart tilby ytterligere 1000 fonter fra Monotype-samlingen. For grafikkamfunnet er dette stort, fordi Monotype-samlingen i visse henseender er "Gold Standard" for type. Hvis Adobe kan bringe et støperi med Monotype's street cred til bordet, kan du satse på at de andre ikke vil være langt bak. Det kan bare være at den moderne nettsiden er inne for en lang tidig typografisk renessanse.

En annen kunngjøring som ble oversett var utgivelsen av en ny åpen kildekode-kilde Sans Pro som er designet for å jobbe med kodeditorer og er standardskriften for Adobe Code.

Du kan lese om hvorfor det ble utviklet på Adobe bloggen, og du kan hente en kopi på sourceforge.net.


Edge Code

Denne er rett og slett skummelt ... på en god måte. I de siste månedene har Adobe hatt en forhåndsvisning av en åpen kildekoden editor - Brackets - tilgjengelig på Labs og GitHub. Det vi oppdaget er at Edge Code faktisk er bygget oppe på Brackets, som er et åpen kildekode-prosjekt, og som sådan er Brackets-delen av den ligningen ... og det er her "den gode skummelen" kommer inn ... vil bli oppdatert hver 2.5 uker.

Hva Edge Code gjør er å gi deg en kode editor som lar deg redigere en linje med HTML, CSS3 og Javascript kode fra stedet i koden der disse linjene er plassert. Du får også koden hinting, en inline fargeplukker og direkte kroker til WebFonts og PhoneGap Build. Da blir det bedre; Du kan se endringene eller fremgangene i en Live Webkit forhåndsvisning.

Du kan begynne å jobbe med en forhåndsvisningsløsning ved å gå til kantkoden.


Kanten inspiserer

I de siste månedene har Adobe gitt folk muligheten til å sparke dekkene til en app de kalte Shadow. I hovedsak lar Shadow deg åpne et app- eller webprosjekt som er under bygging i Chrome, og den magiske visningen vises på alle enhetene som er registrert i appen. Jeg er trist å rapportere at Shadow er trukket tilbake. Det er de dårlige nyhetene. Den gode nyheten er, den har oppstått som Edge Inspect. Ikke bare kan du bruke Inspect for å forhåndsvise arbeidet ditt, men du kan også inspisere koden på enheten, noe som er et viktig løft for debugging prosessen..

En annen ganske fin funksjon av Inspect er evnen til å fortelle enhetene dine å ta et skjermbilde. Disse skjermbildene er plassert på skrivebordet ditt, og du kan sende dem til kundene dine.

Denne appen er tilgjengelig nå, og hvis du har et Creative Cloud-medlemskap, er det sannsynligvis allerede sitter på datamaskinen.


Edge PhoneGap Build

Denne var ganske interessant. Da Adobe kjøpte PhoneGap, ble det sjelden snakket om utenfor konteksten at det var en tjeneste tilgjengelig gjennom Dreamweaver. Det var fornuftig fordi PhoneGap, på ekstremt enkle vilkår, tok webkode og opprettet mobilapper. Den delen har ikke endret seg, men mobilwebben har, og "Bygg" delen av navnet er nøkkelen.

Hva dette gjør er å gi utviklere et verktøy som vil pakke en app for iOS, Android, Windows, WebOS, Blackberry og Bada uten at du må sette til side plass på datamaskinen din for hver plattform. Inside Build, velger du plattformen og appen er "bygget" i skyen. Den nye "hydrering" -funksjonen skyver blant annet dine endringer / oppdateringer direkte til den tidligere installerte versjonen av appen. Hvor dette virkelig blir pent, er Edge Code fullt integrert i Edge PhoneGap Build, noe som betyr at du kan koble opp prosjektene i Kode og ha Build konstruere dem uten å forlate Edge-miljøet. Denne appen er nå tilgjengelig.


Edge Reflow

Denne overrasket alle. Hvordan Adobe klarte å holde en tett ratcheted ned "Cone of Silence" rundt utviklingen av denne applikasjonen forteller meg at de swiped en side fra Apples playbook.

Hvis du tok min serie rundt Dreamweaver's Fluid Grids her på Webdesigntuts + har du kanskje også fanget min subliminale melding rundt dem: "Det er en OK første skudd på Responsive Web Design, men det er massevis av forbedringer som trengs." Jeg tar det tilbake. Når Reflow slippes, blir de irrelevante.

Reflow er et visuelt RWD-redigeringsprogram som har løftet om å gjøre Fluid Grids-prosessen i Dreamweaver CS6 til en vind-up leke. Reflow gir deg full kontroll over breakpoints mellom ulike skjermstørrelser, kodekontroll og eksport til Edge Code, Dreamweaver eller andre redigeringsprogrammer og full WYSIWYG-kontroll over CSS. Jeg blir vanligvis ikke begeistret for denne typen ting, takket være Adobes "Sizzle / Fizzle" track record, men denne har jeg hekta. Årsaken er at en av gutta som er involvert i utviklingen av Reflow er ingen andre enn far til RWD: Ethan Marcotte.

Det er de gode nyhetene. Den dårlige nyheten er at appen ikke er klar. Det jeg hører er at en offentlig utgivelse vil være tilgjengelig innen utgangen av året. Jeg kan nesten ikke vente med å begynne å sparke sine dekk!


Edge Animate

Den endelige appen er Animate. Det har vært flytende rundt Labs i godt over et år og har flyttet fra å bare skyve divs fra her til der i et fullstendig blåst HTML 5, CSS3, JavaScript-bevegelsesgrafikkverktøy komplett med interaktivitet og noen alvorlige RWD-kroker som gjør at arbeidet ditt kan vises på hvilken som helst skjerm, hvor som helst ... og det inkluderer DPS og iBooks.

Den er tilgjengelig akkurat nå og ... er du klar for dette ... det vil være gratis de neste 12 månedene, selv om du ikke har et Creative Cloud-medlemskap. Egentlig, jeg lager ikke dette.

Et merkbart hull i oppstillingen er en slags grafikk / bildebehandling verktøy som ikke er Photoshop. I stedet kan appen være en slags magert, skikkelig fyrverkeri som lager jpg-, png-, svg- og gifbilder som er bestemt for bruk i animere eller reflow. Bopping mellom Illustrator, Fyrverkeri og Photoshop for å produsere innholdet som brukes i disse appene, er en tungvint prosess.


Dette kan være morsomt

Da jeg hang rundt utenfor bygningen og ventet på å komme inn, sa noen: "Flott, Adobe skal fortelle oss hvordan du skal lage nettet. Neste vil de fortelle oss hvordan du bruker det." På slutten av dagen måtte Adobe ikke fortelle oss hvordan du bruker nettet. Meldingen som kom høyt og tydelig var: "Her er en masse verktøy som skal endre hvordan du lager nettet. Gå nå ut og bruk dem."

Har Adobe fått sin "mojo" tilbake? Det er vanskelig å si, men denne nye produktlinjen er en klar indikasjon på at den er på rett spor. Dette kan være morsomt.