Denna process kan bara ha blivit föråldrad av tillkomsten av en lågkostnadsprodukt, Xara Web Designer från det brittiska företaget Xara (www.xara.co.uk), som kostar bara Kr39 att ladda ner. Xara har under några år byggt snabba, smarta vektorbaserade designverktyg: företaget köptes kort av Corel, men har sedan dess återfått sitt oberoende. Web Designer ger dig en dra-och-släpp-miljö där webbsidor kan läggas ut med all flexibilitet som ett vektordesignprogram. Sådan flexibilitet saknas tyvärr från de flesta webbutvecklingsverktyg, och de som gör det genererar ofta HTML som är en röra av tabeller och genomskinliga bilder. Xara Designer undviker tabeller och använder istället formatmallar på rätt sätt för att producera standardkompatibla sidor som bör rendera samma i alla större webbläsare.
Du kan använda den för att designa inte bara enstaka sidor utan hela webbplatser, med alla deras länkar, mus-över-händelser, animationer och andra användarinteraktioner. Utseendet på hela din design kan ändras genom att använda ett annat tema, och det finns en enkel att använda publiceringsfunktion som laddar upp alla relevanta sidor till din livewebbserver. Jag bestämde mig för att testa hur bra produkten är genom att bygga en grundläggande webbsida med några saker som är svåra att få till i HTML och stilmallar. Jag placerade en låda med rundade hörn med lite text bakom i vinkel, med en genomskinlighet på lådan. Sådant här skulle normalt göras som en grafik, och Web Designer gör just detta när det måste. Ta en titt på skärmdumparna och sedan på koden mittemot.
Återgivningen av HTML-versionen är läskigt identisk med designvyn – killarna på Xara har verkligen gjort sin hemläxa med den här produkten, och till det här priset är den ett måste för alla som designar webbplatser. Naturligtvis vill du rensa upp stilarna, men det möjliggör en snabb utveckling av en design.
Multipel personlighetstestare
Nästa steg i din webbdesign är att testa den i olika webbläsare, och ett problem här är Microsofts insisterande på att du inte kan behålla tidigare versioner av webbläsaren installerad på samma maskin. För att komma runt detta låter SuperPreview (även tillkännagiven på Mix09) dig visa samma sida sida vid sida i IE8, 7 eller 6, vilket borde göra det mycket lättare att upptäcka dessa besvärliga stilar. Jag tror att det finns planer på att stödja andra webbläsare, och jag är säker på att vi kommer att se detta integrerat med Expressions webbdesigner så att vi äntligen kan få en korrekt förhandsvisning i vårt webbdesignverktyg.
Från Virtual tillbaka till Real
Jag är fascinerad av användargränssnitt, inte bara webbaserade utan all interaktion med användare. Vad är det som ger en njutbar användarupplevelse, oavsett om det gäller en applikation, ett operativsystem eller till och med en hushållsapparat eller en bil? Små detaljer kan göra hela skillnaden: med din bil en tillfredsställande dörrknack, med iPhone är skärmen mjuk när den reagerar på fingerrörelser. Det finns ofta något odefinierbart som markerar en produkt som bättre än andra. Med hi-fi vet nästan alla när de hör ett bättre ljud, men få kan berätta varför det låter bättre.
Sådana överväganden fick mig att tänka på min utvecklingslåda. Jag har använt en Mac Pro quad-core med 8 GB RAM, kör OS X med Windows Vista i en virtuell maskin under antingen Parallels eller VMware. Den här installationen ger mig alla möjliga fördelar, som att ha en box med alla versioner av de stora webbläsarna installerade på den (jag skulle till och med kunna köra IE6 på OS X). Jag kunde välja det bästa programmet för jobbet och blev äntligen fri, befriad från begränsningen av en enda tillverkares operativsystem!
