Dreamweavers problem har alltid varit att hålla jämna steg med webben. Det kan låta konstigt, med tanke på att det är en applikation för att skapa webbplatser – antingen genom handkodning eller olika layoutorienterade verktyg och vyer – men webbteknologin stannar aldrig stilla länge. För att förbli relevant kan du inte avslöja ett nytt och spännande verktyg i din programvara som alla behövde för två år sedan, men det är nu i stort sett föråldrat.
På senare tid är det därför förvånande hur lätta vissa Dreamweaver-uppdateringar har varit, till den punkt där du började undra om en ”snygg ny ikon” så småningom skulle bli en headliner. I Creative Cloud 2015 verkar det dock som om vad Dreamweaver kan göra och vad moderna webbdesigners behöver det för att göra, äntligen konvergerar.
En responsiv webb
Att ha ”skapa responsiva webbplatser” som den här uppdateringens flaggskeppsfunktion är förmodligen tillräckligt för att få de flesta webbdesigners att kvävas av sina överprissatta lattes. Det är inte som om Adobe precis har upptäckt responsiv webbdesign (bara fem år efter resten av branschen); det är bara det att med den här uppdateringen verkar det som att företaget äntligen ”får” responsiv design – och har tillhandahållit några användbara verktyg för att gå med det.
I Live View, till exempel, får du nu färgkodade Visual Media Query-fält ovanför din webbsida: grönt för frågor som använder max-width; lila för frågor med minsta bredd; och blå för frågor med båda. Om du klickar på ett fält ändrar du automatiskt din sidas storlek i Live-vyn till den relevanta brytpunkten, och det finns också en scrubberbar för att manuellt dra runt din layout, precis som när du testar i en webbläsare.
När du designar från grunden ger Bootstrap-integration dig nu ett försprång, och det finns sex mallar att välja mellan. Adobes demosida, Vermilion, visar upp fördelarna med detta tillvägagångssätt särskilt väl, med kolumner som är dragbara, vilket gör att du kan ändra storlek på dem utan att skapa en ohygglig röra av kod. (Ta det, Dreamweaver cirka 2005!)
Om du är en kodande purist som avskyr Bootstraps relativa uppblåsthet, fungerar resten av dessa verktyg lika bra med dina egna snyggare sajter.
Testtider
Den andra stora nya funktionen som borde få dig ordentligt upphetsad är förhandsgranskning av flera enheter. Adobe har form på detta område. Med Adobe Edge Inspect kan du läsa in en webbplats i Google Chrome, aktivera den på flera enheter och sedan fiffla med kodinspektören; hela tiden kan du se liveuppdateringar av resultatet av ditt mixtrande.
I själva verket kan du nu göra allt detta direkt från Dreamweaver. För alla enheter som är online och inloggade på ditt Adobe-ID skannar du antingen in en QR-kod eller anger en URL i en webbläsare. När du senare uppdaterar din layout i Dreamweaver kommer den att uppdateras på alla dina enheter inom någon sekund.
Förmodligen utformades detta med mobilen i åtanke – för att testa pågående webbplatser på iPads, iPhones och Android-enheter – men det har en bredare räckvidd. Det är möjligt att använda samma URL i en stationär webbläsare på en andra skärm och/eller i en virtuell maskin som kör ett alternativt operativsystem. Detta är en stor tidsbesparing, och enbart anledningen till att byta – eller åtminstone, om du är en Dreamweaver-användare, återför applikationen till din verktygslåda.
