Share
În ultimele câteva luni, un sentiment de ambivalență între mine și relația mea cu Adobe mi-a zguduit conștiința ca pe un cântec pe care nu puteam să-l scot din cap. Ca un tip de web nu am putut să scuturăm sentimentul că Adobe a petrecut o cantitate excesivă de timp spunând universului cât de mari erau lucrurile cu DPS și mobile, cu foarte puțină vorbăreală pe partea de web a gardului.
Pe scurt, am detectat o deconectare între pretenția Adobe de a iubi dezvoltarea web și "practica" ei de a împinge DPS în industrie. Cu toate tehnologiile web răcoroase care ne cadeau în cascadă, nu puteam înțelege de ce Adobe a fost atât de lentă în a reacționa la o industrie care se afla în hiperdrive când a venit să "schimbe". Era aproape ca și cum, din moment ce anunțul lui Flash, anul trecut, compania și-a pierdut cumva mojo-ul.
Singura legătură adevărată cu Adobe era echipa Animate.
Apoi, timp de mai mult de un an, echipa Adobe Animate ne-a luat un grup de oameni pentru călătoria vieții noastre. Ei dezvoltau o aplicație HTML5 care folosea CSS3 și JavaScript pentru a crea mișcare și interactivitate. Din punct de vedere intelectual, a fost una dintre cele mai stimulente experiențe pe care le-am avut vreodată cu Adobe. Ritmul schimbării - o nouă revizuire aproximativ la fiecare șase săptămâni - a fost uluitor. Noi caracteristici au fost discutate într-o zi și demo-ul următor. Aceasta nu a fost experiența mea de testare normală cu Adobe și i-aș spune în glumă echipei că ar trebui să stea un pavilion Pirate de la rafturile de la birourile lor.
La începutul lunii august am primit o invitație de a participa la un eveniment numit Crearea Webului în San Francisco la 24 septembrie 2012. Am ezitat să accept. După ce am trecut prin prea multe dintre aceste evenimente Adobe, în care sizzle-ul a luat-o pe toată lumea jazz și sizzle fizzled atunci când ne-am ocupat de tehnologie, am fost, inutil să spun, mai degrabă sceptic. Care este exact modul în care m-am simțit atunci când m-am ocupat de locul de muncă în cadrul evenimentului din Centrul Yerba Buena. În timp ce staam în așteptare ca lucrurile să înceapă, nu puteam să cred că era ironic acest eveniment fiind ținut în același loc în care Apple tocmai a prezentat iPhone-ul 5. Locația, după cum sa dovedit, nu era ironică. A fost rafinat pentru că instrumentele și serviciile Adobe Edge care au dezlănțuit acea zi vor avea un impact destul de mare asupra conținutului care apare pe aceste ecrane. Așa cum Adobe le-a spus așa de curând înainte de a renunța la lucrurile Edge: "Web-ul modern are nevoie de instrumente moderne".
Nu numai că instrumentele devin moderne, dar atitudinea Adobe pare să fi schimbat profund.
În ultimul an, Adobe a petrecut mult timp vorbind despre modul în care doresc să sprijine comunitatea Open Source. Cu gama Edge, Adobe nu vorbește doar despre Open Source talk-ul, ci și despre mersul pe jos pe Open Source. Multe dintre instrumentele și serviciile din gama Edge au fost dezvoltate pe GitHub. Apoi, Adobe a ascultat feedback-ul și a acceptat chiar și unele contribuții de tip open source de la dezvoltatorii care au marcat de-a lungul drumului.
Înainte de a intra în colecția Edge, primul lucru pe care trebuie să știți că aceste instrumente și servicii nu sunt chiar aproape de a fi în aceeași liga cu Dreamweaver CS6 sau cu orice alt editor vizual sau un instrument web oferit de Adobe. Aceste lucruri au fost construite pe web, pentru web și sunt concepute să funcționeze în contextul procesului de creare a conținutului web modern folosind sau manipulând HTML 5, CSS3 și JavaScript. Toate sunt concepute pentru a lucra singure, dar, atunci când sunt utilizate într-un flux de lucru complet, devin cu adevărat acele instrumente moderne. Responsive Web Design răsfrâng prin intermediul gamei și nu a fost prezentată nici o aplicație sau serviciu unde cuvântul "mobil" nu era în pachetul de diapozitive sau nu a fost vorbit de prezentator.
Otheraspect of Edge este termenul "modern". Prezentatorul după prezentator a făcut clar faptul că actualizările, modificările și adăugările de caracteristici ale acestor produse vor avea loc într-un ritm care a variat de la săptămâni la luni.
Să aruncăm o privire rapid asupra gamei de instrumente și servicii care în prezent compun linia Edge.
Când Adobe a cumpărat Tipkit, prima companie care a făcut efectiv fonturile web disponibile comunității, a primit și Jeffrey Veen, care a fost responsabil de Cloud-ul Creativ. Nu a fost nicio surpriză atunci când l-am văzut pe Jeffrey rătăcind pe scenă și am continuat să stingem tonul dimineții prin eliminarea din scaunele noastre.
Acest nou serviciu este, cel puțin, uimitor. Acesta va oferi în mod regulat o gamă de fonturi gratuite, de la 500 la început, de la Google, Typekit și alte surse. Simplu mergeți pe pagina Webfonts, selectați un font din pop-jos și ajutați-vă la JavaScript rezultant. Am menționat că aceste fonturi sunt gratuite?
Nu numai că, dar TypeKit va oferi în curând încă 1000 de fonturi din colecția Monotype. Pentru comunitatea grafică acest lucru este uriaș, deoarece, în anumite privințe, colecția Monotype este "standardul de aur" pentru tip. Dacă Adobe poate aduce o turnătorie pe strada Monotype, puteți să vă pariați că ceilalți nu vor fi mult în urmă. S-ar putea să fie faptul că web-ul modern se află într-o lungă perioadă de timp renaștere tipografică.
Un alt anunț care a fost ignorat a fost lansarea unui nou font Open Source Source Sans Pro care este proiectat să funcționeze cu editorii de cod și este fontul implicit pentru Adobe Code.
Puteți citi despre motivul pentru care a fost dezvoltat pe blogul Adobe și puteți obține o copie la sourceforge.net.
Aceasta este chiar înfricoșător ... într-un mod bun. În ultimele câteva luni, Adobe a avut o previzualizare a unui editor open source code - Brackets - disponibil pe Labs și GitHub. Ceea ce am descoperit este că Edge Code este de fapt construit pe partea de sus a Brackets, care este un proiect open source și, ca atare, partea Brackets a acestei ecuații este ... și aici este locul în care "înfricoșătorul bun" vine ... va fi actualizat la fiecare 2,5 săptămâni.
Ceea ce face codul Edge vă oferă un editor de cod care vă permite să editați o linie de cod HTML, CSS3 și Javascript din locul din codul în care sunt localizate acele linii. De asemenea, primiți sugestii de cod, un selector de culoare inline și cârligele directe în WebFonts și PhoneGap Build. Atunci se face mai bine; puteți vedea modificările sau progresele înregistrate într-o previzualizare live Webkit.
Puteți începe să lucrați cu o versiune de previzualizare vizitând pagina Cod margine.
În ultimele câteva luni, Adobe a permis oamenilor să lovească anvelopele unei aplicații numite Shadow. În esență, Shadow vă permite să deschideți un proiect sau un proiect web care este în construcție în Chrome și, în mod magic, această pagină apare pe toate dispozitivele înregistrate cu aplicația. Sunt trista sa raportez ca Shadow a fost retrasa. Asta e vești proaste. Vestea bună este că a înviat ca Edge Inspect. Nu numai că puteți utiliza Inspect pentru a previzualiza munca dvs., dar puteți, de asemenea, să inspectați codul de pe dispozitiv, ceea ce reprezintă un impuls major pentru procesul de depanare.
O altă caracteristică destul de curată a Inspect este abilitatea de a spune dispozitivelor dvs. să facă o captură de ecran. Aceste capturi de ecran sunt plasate pe desktop și le poți trimite prin e-mail clienților.
Această aplicație este disponibilă acum și, dacă aveți un membru Cloud Creative, cel mai probabil este deja așezat pe calculatorul dvs..
Acesta a fost destul de interesant. Atunci când Adobe a achiziționat PhoneGap, rareori sa vorbit în afara contextului în care este un serviciu disponibil prin Dreamweaver. Ea a avut sens, deoarece PhoneGap, în termeni extrem de simpli, a luat codul web și a creat aplicații mobile. Această parte nu s-a schimbat, dar webul mobil are și partea "Build" a numelui este cheia.
Ceea ce face acest lucru este de a oferi dezvoltatorilor un instrument care va pachet o aplicație pentru iOS, Android, Windows, WebOS, Blackberry și Bada, fără a fi nevoie să aloca spațiu pe computerul dvs. pentru fiecare platformă. În interiorul Build, alegeți platforma și aplicația este "construită" în cloud. Noua funcție de hidratare, printre altele, împinge modificările / actualizările dvs. direct la versiunea instalată anterior a aplicației. În cazul în care acest lucru devine cu adevărat îngrijit este faptul că Edge Code este pe deplin integrat în Edge PhoneGap Construi sensul puteți sârmă până proiecte în Cod și au Construi construi le fără a părăsi vreodată mediul Edge. Această aplicație este acum disponibilă.
Acestul ia prins pe toți prin surprindere. Cum a reușit Adobe să păstreze un nivel ridicat de "Cone Of Silence" în jurul dezvoltării acestei aplicații, mi-a spus că au scos o pagină din manualul Apple.
Dacă mi-ați prins seria în jurul grilelor fluide ale Dreamweaver aici, la Webdesigntuts +, probabil că mi-ați prins mesajul subliminal în jurul lor: "Este o primă împușcătură la Responsive Web Design, dar este nevoie de o îmbunătățire a tonului". Când Reflow este eliberat, ele devin irelevante.
Reflow este un editor vizual RWD care are promisiunea de a face procesul de grilă fluidă în Dreamweaver CS6 să arate ca o jucărie de tip wind-up. Reflow vă oferă controlul total asupra punctelor de întrerupere între diferitele dimensiuni ale ecranului, controlul codului și exportul către Edge Code, Dreamweaver sau orice alt editor și control complet WYSIWYG asupra CSS. În mod normal, nu mă simt entuziasmat de acest gen de lucruri, datorită înregistrării "Sizzle / Fizzle" a Adobe, dar acest lucru ma îngreuiat. Motivul este că unul dintre cei care este implicat în dezvoltarea lui Reflow nu este altul decât tatăl lui RWD: Ethan Marcotte.
Asta e vestea bună. Vestea proastă este că aplicația nu este gata. Ceea ce aud sunt că o versiune publică va fi disponibilă până la sfârșitul anului. Abia aștept să încep să-i dau pneurile!
Aplicația finală este Animate. Acesta a plutit în jurul Labs timp de peste un an și sa mutat de la pur și simplu de la împărțirea divs de aici de aici la un fulgut plin HTML 5, CSS3, JavaScript instrument de mișcare grafică completă cu interactivitate și unele cârlige RWD grave, care permit munca ta să apară pe orice ecran, oriunde ... și care include DPS și iBooks.
Este disponibil acum și ... sunteți gata pentru asta ... va fi liber pentru următoarele 12 luni, chiar dacă nu aveți un membru al Creative Cloud. Serios, nu fac chestiile astea.
O gaură vizibilă în linie este un fel de instrument grafic / imagistic care nu este Photoshop. În schimb, aplicația ar putea fi un fel de focuri de artificii slabe, care să creeze imaginile jpg, png, svg și gif destinate utilizării în Animate sau Reflow. Bopping între Illustrator, Fireworks și Photoshop pentru a produce conținutul utilizat în aceste aplicații este un proces greoi.
În timp ce mă aflam în fața clădirii, așteptând să intru în cineva, a spus: "Excelent, Adobe ne va spune cum să creăm webul. În continuare ne vor spune cum să îl folosim". Până la sfârșitul zilei, Adobe nu a trebuit să ne spună cum să folosim internetul. Mesajul care a venit prin voce tare și clar a fost: "Iată o grămadă de instrumente care vor schimba modul în care creați webul. Acum ieșiți și folosiți-le".
Adobe a primit "mojo" înapoi? Aceasta este greu de spus, dar această nouă linie de produse este o indicație clară că este pe drumul cel bun. Ar putea fi distractiv.
Accentsconagua