När HTML5-plattformen blir rikare kan det tyckas att alla roller för traditionella grafikapplikationer i webbarbetsflödet kommer att försvinna.
Kanske så småningom, men som alla som har försökt skapa en attraktiv skräddarsydd design direkt via HTML-kod vet, det är fortfarande långt kvar.
Under en tid framöver kommer vi fortfarande att skapa våra webbplatsers utseende och känsla i en rik wysiwyg-redigerare, och sedan återskapa dessa mock-ups (eller ”web comps”) i kod via Dreamweaver. Dessutom, oavsett hur stark CSS3 blir, kommer den aldrig att ersätta JPEG och PNG – så även den mest kodcentrerade webbutvecklaren kommer att behöva en grafikapplikation för att uppnå bästa resultat.
Så vilken redaktör är bäst? För makt är det uppenbara svaret Adobe Photoshop, men även om dess allomfattande kreativa funktion är obestridlig, har jag aldrig gillat att använda den för webbarbete. Tillbaka i slutet av 1990-talet var mina erfarenheter av ImageReady – Adobes kortlivade Photoshop-tillägg som försökte ympa in webborienterade funktioner i sin pixel-och-lager-baserade modell – katastrofala, ett nykter exempel på hur man inte gör webben grafik.
Frälsningen kommer
Frälsningen kom för cirka 15 år sedan med lanseringen av Macromedias Fireworks, som tog en helt annan, grundbaserad inställning till att producera webbgrafik. Nyckeln låg i dess grafikmotor, som kombinerade det bästa av både vektor- och bitmappshantering.
Jag minns att jag blev särskilt förvånad över dess förmåga att retrospektivt redigera enskilda penseldrag
Jag minns att jag blev särskilt förvånad över dess förmåga att retrospektivt redigera enskilda penseldrag.
För att designa en typisk pseudo-3D-knapp, till exempel, dra helt enkelt ut en vektorbaserad rundad rektangel och applicera sedan en realistisk, pixelbaserad avfasning. För att göra den här knappen interaktiv, lägg till en bildskiva och skapa sedan nya överrullningslägen – genom att ändra färgen eller avfasningsdjupet, till exempel.
Det var bara början. Efter att ha skapat din knapp kunde du snabbt kopiera den och – tack vare Fireworks vektorhantering – helt enkelt välja flera objekt och snabbt justera, distribuera och, om nödvändigt, redigera dem alla samtidigt.
Lägg till text och importera bitmappar, som Fireworks låter dig redigera direkt på duken, och innan du visste ordet av fanns det en snygg webbkomp, komplett med ett navigeringsfält. Exportera resultatet och Fireworks gjorde det möjligt för dig att optimera dina bildsnitt individuellt, sedan genererade den automatiskt alla bitmappar och HTML-tabellkod som behövs för att återsätta dem i webbläsaren eller din kodredigerare.
Fyrverkerier var ett stort framsteg, och under åren lade Macromedia till en värd som var mer weborienterade tillägg som rutnät och smarta guider; symbol- och stilbaserad hantering; en inbyggd liveförhandsvisning; fjärröverrullningar och popup-fönster; alternativet för CSS-baserad export och snäv tur och retur-integration med Dreamweaver.
Förvärvsproblem
När Adobe förvärvade Macromedia 2005 var en av mina största farhågor att Fireworks skulle avskaffas. Men med Fireworks CS3 visade Adobe sitt engagemang genom att öka integrationen med Photoshop, Dreamweaver och Flash – och, ännu viktigare, till flersidigt stöd, komplett med huvudsidor för repeterande element. Nu kunde Fireworks användas inte bara för att skapa tillgångar och ensidiga mock-ups, utan hela webbplatsprototyper.
Framtiden såg ljus ut för Fireworks, men det har inte blivit som någon förväntat sig. Det här är en historia som jag har täckt här tidigare, men för att kort sammanfatta, har döden av Flash i webbläsaren och uppkomsten av HTML5 och mobiler tvingat Adobe att helt och hållet återuppfinna sin inställning till webben, vilket resulterat i dess nya Creative Cloud (CC ) strategi.