Share
De afgelopen maanden had een sluipend gevoel van ambivalentie tussen mijzelf en mijn relatie met Adobe door mijn bewustzijn gerammeld als een lied dat ik niet uit mijn hoofd kon krijgen. Als webbrowser kon ik het gevoel niet verdrijven dat Adobe een buitensporige hoeveelheid tijd besteedde aan het vertellen van het universum over hoe geweldig dingen waren met DPS en mobiel met heel weinig geklets aan de webkant van het hek.
Kort gezegd, ik ontdekte een verbroken verbinding tussen de bewering van Adobe dat ze dol is op webontwikkeling en haar "praktijk" om DPS in de industrie te pushen. Met alle coole webtechnologieën die op ons af kwamen, kon ik gewoon niet begrijpen waarom Adobe zo traag reageerde op een industrie die in hyperdrive was als het ging om "verandering". Het was bijna alsof, sinds de Flash-aankondiging van vorig jaar, het bedrijf op een of andere manier zijn mojo was kwijtgeraakt.
De enige echte connectie die ik voelde met Adobe was het Animate-team.
Vervolgens nam het Adobe Animate-team een jaar lang een groep van ons mee voor de rit van ons leven. Ze ontwikkelden een HTML5-app die CSS3 en JavaScript gebruikte om beweging en interactiviteit te creëren. Intellectueel gezien was het een van de meest stimulerende ervaringen die ik ooit met Adobe heb gehad. Het tempo van verandering - een nieuwe herziening ongeveer elke zes weken - was adembenemend. Nieuwe functies werden op een dag besproken en de volgende dag gedemonstreerd. Dit was niet mijn normale testervaring met Adobe en ik zou het team voor de grap vertellen dat ze een piratenvlag zouden moeten ophangen aan de spanten van hun kantoren.
Begin augustus ontving ik een uitnodiging om een evenement bij te wonen genaamd Create The Web in San Francisco op 24 september 2012. Ik aarzelde om het te accepteren. Na veel te veel van deze Adobe-evenementen meegemaakt te hebben, waar het sizzle iedereen jazzed en het sissende geluid gaf toen we de technologie in handen kregen, was ik, vanzelfsprekend, nogal sceptisch. Dat is precies hoe ik me voelde toen ik tussen de digerati en fanboyz ging zitten tijdens het evenement in het Yerba Buena Centrum. Terwijl ik zat te wachten op de dingen die moesten beginnen, kon ik het niet helpen, maar vond het ironisch dat deze gebeurtenis werd gehouden op dezelfde plaats waar Apple net de iPhone 5 had geïntroduceerd. De locatie was niet ironisch. Het was voortreffelijk omdat de Edge-tools en -services die Adobe die dag heeft ontketend een vrij grote invloed zullen hebben op de inhoud die op die schermen te zien is. Zoals Adobe het zo netjes deed voordat we de kantjes van Edge aan ons lieten vallen: "Het moderne web heeft moderne hulpmiddelen nodig."
Niet alleen zijn de tools modern geworden, maar de houding van Adobe lijkt grondig te zijn veranderd.
In het afgelopen jaar heeft Adobe veel tijd besteed aan het praten over hoe ze de Open Source-community willen ondersteunen. Met de Edge-line-up spreekt Adobe niet alleen over Open Source-talk maar ook over de Open Source-wandeling. Veel van de tools en services in de Edge-opstelling zijn ontwikkeld op GitHub. Toen luisterde Adobe naar de feedback en accepteerde zelfs enkele open source-bijdragen van de ontwikkelaars die aan het taggen waren voor de rit.
Voordat ik me verdiep in de Edge-collectie, is het eerste dat je moet weten dat deze tools en services niet eens in de buurt komen van dezelfde klasse als Dreamweaver CS6 of een andere visuele editor of webtool die door Adobe wordt aangeboden. Deze dingen zijn gebouwd op het web, voor het web en zijn ontworpen om te werken in de context van het moderne webcontentproces door HTML 5, CSS3 en JavaScript te gebruiken of te manipuleren. Ze zijn allemaal ontworpen om afzonderlijk te werken, maar wanneer ze worden gebruikt in een uitgebreide workflow, worden ze echt die moderne hulpmiddelen. Responsive Web Design golft door de line-up en er is niet één app of service gepresenteerd waarbij het woord 'mobiel' niet in het presentatiescherm stond of door de presentator werd gesproken.
Het andere aspect van Edge is de term 'modern'. Presentator na presentator maakte duidelijk dat updates, wijzigingen en toevoeging van kenmerken van deze producten zullen plaatsvinden in een tempo dat varieert van weken tot maanden.
Laten we snel kijken naar de reeks gereedschappen en services die momenteel uit de Edge-reeks bestaan.
Toen Adobe Typekit kocht, het eerste bedrijf dat daadwerkelijk weblettertypen beschikbaar stelde voor de community, kreeg ook Jeffrey Veen de leiding over de Creative Cloud. Het was geen verrassing toen Jeffrey op het podium dwaalde en de toon van de ochtend zette door ons uit onze stoelen te duwen.
Deze nieuwe service is op zijn zachtst gezegd verbluffend. Het zal regelmatig een reeks gratis lettertypes aanbieden - 500 om mee te beginnen - van Google, Typekit en andere bronnen. Ga eenvoudigweg naar de pagina Webfonts, selecteer een lettertype in de vervolgkeuzelijst en help uzelf aan het resulterende JavaScript. Had ik al gezegd dat deze lettertypen gratis zijn??
Niet alleen dat, maar TypeKit zal binnenkort nog eens 1.000 lettertypen uit de Monotype-collectie aanbieden. Voor de grafische gemeenschap is dit enorm omdat, in bepaalde opzichten, de Monotype-collectie de "Gouden Standaard" voor type is. Als Adobe een gieterij met Monotype's straatkrediet naar de tafel kan brengen, kun je er zeker van zijn dat de anderen niet ver achterblijven. Het zou kunnen dat het moderne web een langverwachte typografische renaissance in gaat.
Een andere aankondiging die enigszins over het hoofd werd gezien, was de uitgave van een nieuw Open Source-lettertype Source Sans Pro dat is ontworpen om te werken met code-editors en het standaardlettertype voor Adobe-code is.
U kunt lezen waarom het is ontwikkeld op de Adobe-blog en u kunt een exemplaar ophalen bij sourceforge.net.
Deze is ronduit eng ... op een goede manier. Adobe heeft de afgelopen maanden een preview van een open source code-editor - haakjes - beschikbaar op Labs en GitHub. Wat we ontdekten, is dat Edge Code eigenlijk bovenop Brackets is gebouwd, wat een open source project is en als zodanig is het Brackets deel van die vergelijking ... en dit is waar de "goede enge" binnenkomt ... zal worden bijgewerkt elke 2,5 week.
Wat de Edge-code doet, is dat je een code-editor hebt waarmee je een regel HTML, CSS3 en Javascript-code kunt bewerken op de plaats in de code waar die regels zich bevinden. Je krijgt ook codehints, een inline kleurkiezer en directe hooks in WebFonts en PhoneGap Build. Dan wordt het beter; je kunt je wijzigingen of voortgang bekijken in een live Webkit-preview.
U kunt gaan werken met een preview-release door de pagina Edge Code te bezoeken.
De afgelopen paar maanden heeft Adobe mensen laten schoppen voor een app die ze Shadow noemden. In wezen laat Shadow u een app of een webproject openen die in aanbouw is in Chrome en magisch dat die pagina wordt weergegeven op alle apparaten die bij de app zijn geregistreerd. Ik vind het jammer om te melden dat Shadow is teruggetrokken. Dat is het slechte nieuws. Het goede nieuws is dat het is opgestaan als Edge Inspect. U kunt Inspect niet alleen gebruiken om een voorbeeld van uw werk te bekijken, maar u kunt ook de code op het apparaat inspecteren, wat een grote stimulans is voor het foutopsporingsproces..
Een ander aardig kenmerk van Inspect is de mogelijkheid om uw apparaten te vertellen dat ze een screenshot moeten maken. Deze schermafbeeldingen worden op uw bureaublad geplaatst en u kunt ze naar uw klanten e-mailen.
Deze app is nu beschikbaar en als je een Creative Cloud-lidmaatschap hebt, zit deze waarschijnlijk al op je computer.
Deze was nogal interessant. Toen Adobe PhoneGap verwierf, werd er zelden over gesproken buiten de context dat het een service was die beschikbaar was via Dreamweaver. Het was logisch omdat PhoneGap in extreem eenvoudige bewoordingen webcode nam en mobiele apps maakte. Dat deel is niet veranderd, maar het mobiele web heeft en het gedeelte "Build" van de naam is de sleutel.
Wat dit doet is om ontwikkelaars een tool te geven die een app voor iOS, Android, Windows, WebOS, Blackberry en Bada zal verpakken zonder dat je voor elk platform ruimte op je computer moet reserveren. Binnen Build, kies je het platform en de app is "geconstrueerd" in de cloud. De nieuwe "hydratatie" -functie pusht onder andere uw wijzigingen / updates rechtstreeks naar de eerder geïnstalleerde versie van de app. Waar dit echt goed uitpakt, is dat Edge Code volledig is geïntegreerd in Edge PhoneGap Build, wat betekent dat je de projecten in Code kunt verbinden en Build ze kunt laten bouwen zonder de Edge-omgeving te verlaten. Deze app is nu beschikbaar.
Deze heeft iedereen verrast. Hoe Adobe erin slaagde om een strak omvergeworpen "Cone Of Silence" rond de ontwikkeling van deze applicatie te houden, vertelt me dat ze een pagina uit Apple's playbook hebben gehaald.
Als je mijn serie op de Fluid Grids van Dreamweaver hier bij Webdesigntuts + hebt gepakt, heb je misschien ook mijn subliminale boodschap om hen heen gepakt: "Het is een OK eerste poging om Responsive Web Design te maken, maar er is een hoop verbetering nodig." Ik neem dat terug. Wanneer Reflow wordt vrijgegeven, worden ze irrelevant.
Reflow is een visuele RWD-editor die de belofte heeft om het Fluid Grids-proces in Dreamweaver CS6 eruit te laten zien als een opwindstuk. Reflow geeft u volledige controle over de breekpunten tussen verschillende schermformaten, codebediening en export naar Edge Code, Dreamweaver of een andere editor en volledige WYSIWYG-controle over de CSS. Normaal gesproken word ik niet enthousiast van dit soort dingen, dankzij Adobe's "Sizzle / Fizzle" baanrecord, maar deze heeft me verslaafd. De reden is dat een van de jongens die betrokken is bij de ontwikkeling van Reflow niemand minder dan de vader van RWD is: Ethan Marcotte.
Dat is het goede nieuws. Het slechte nieuws is dat de app nog niet klaar is. Wat ik wel hoor is dat er tegen het einde van het jaar een publieke release beschikbaar zal zijn. Ik kan nauwelijks wachten om zijn banden te trappen!
De laatste app is Animate. Het zweeft al meer dan een jaar rond in Labs en is verhuisd van het eenvoudig verplaatsen van div's van hier naar daar naar een volledig opgeblazen HTML5, CSS3, JavaScript-hulpmiddel voor bewegende beelden, compleet met interactiviteit en een aantal serieuze RWD-hooks waarmee je werk op kan komen elk scherm, overal ... en dat omvat DPS en iBooks.
Het is nu beschikbaar en ... ben je er klaar voor ... het zal de komende 12 maanden gratis zijn, zelfs als je geen Creative Cloud-lidmaatschap hebt. Echt, ik maak dit niet aan het verzinnen.
Een opvallend gat in de line-up is een soort grafische / imaging-tool die geen Photoshop is. In plaats daarvan kan de app een soort mager, gemiddeld vuurwerk zijn dat de jpg-, png-, svg- en gif-afbeeldingen maakt die zijn bestemd voor gebruik in Animate of Reflow. Tussen illustrator, Fireworks en Photoshop doorlopen om de inhoud te produceren die in deze apps wordt gebruikt, is een omslachtig proces.
Terwijl ik rondhing in de buurt van het gebouw dat wachtte om binnen te komen, zei iemand: "Geweldig, Adobe gaat ons vertellen hoe we het web kunnen maken. Vervolgens zullen ze ons vertellen hoe het te gebruiken." Aan het eind van de dag hoefde Adobe ons niet te vertellen hoe we internet moesten gebruiken. De boodschap die luid en duidelijk naar voren kwam, was: "Hier zijn een aantal tools die de manier waarop je het web maakt, zullen veranderen. Ga nu naar buiten en gebruik ze."
Heeft Adobe de "mojo" terug gekregen? Dat is moeilijk te zeggen, maar deze nieuwe productlijn is een duidelijke indicatie dat het op de goede weg is. Dit kan leuk zijn.
Accentsconagua