Förhoppningsvis kommer förra månadens kolumn att ha väckt din aptit för CSS-baserad design, så att ni alla nu är konverterade, har övergett era tabelllayouter och tagit bort alla era transparenta spacer-GIF:er. Egentligen vet vi att du förmodligen inte har det, för även om vi har berättat teorin för dig och visat några enkla CSS-designexempel, så har vi inte pratat om något av de tillgängliga verktygen för att hjälpa dig bygga en sida utan tabell.
Som du såg förra månaden är en stilmall helt enkelt en textfil som innehåller olika element som tillämpar stilegenskaper på vissa delar av din HTML-kod. Nu, om du känner dig pervers, kan du redigera dina CSS-filer genom att använda gamla goda Anteckningar (sarkastiskt kallad ”Visuell anteckningsbok” i vissa kretsar); trots allt är Notepad en perfekt användbar textredigerare. Det skulle dock vara mycket bättre att hitta ett verktyg som ger mer en hjälpande hand med CSS, och det finns några fantastiska där ute som hjälper dig att designa dina stilmallar. En ovetenskaplig undersökning om Cix avslöjade att TopStyle är ett av de mer populära paketen, förmodligen för att TopStyle Lite – en gratis CSS-redigerare – levereras tillsammans med Macromedias HomeSite, som i sin tur kommer med den populära Dreamweavers webbplatsredigerare. Deras släktträd blir lite komplicerat, men det betyder att det finns massor av människor där ute som har upptäckt att de redan har installerat TopStyle Lite, så de har spelat snabbt och sedan börjat använda det på riktigt.
Men för de TopStyle-älskare som aldrig har provat någon annan CSS-redigerare, låt oss peka dig i riktning mot Style Master (www.westciv.com), vilket enligt vår åsikt slår TopStyle helt enkelt – till att börja med är handledningen utmärkt. Style Master kommer från ett australiensiskt företag som heter Western Civilization, som under en tid har producerat briljanta CSS och standardbaserade tutorials. Om du följer dessa kurser med Style Master som din redaktör, kommer du att upptäcka att både CSS och redaktören börjar bli vettiga tillsammans. Ju mer du lär dig om CSS, desto mer kommer du att förstå hur Style Master har skrivits och varför det gör saker som det gör. Och eftersom den västerländska civilisationen är så fanatisk när det gäller CSS och standarder, kan du vara ganska säker på att Style Master tar fram korrekt kompatibel kod.
Vi gillar särskilt sättet Style Master presenterar sina alternativ och logiskt grupperar vad du skulle vilja göra med en viss väljare. Om du till exempel väljer textstilsredigeraren finns alla lämpliga egenskaper där; om du använde TopStyle Lite, skulle du leta igenom alla egenskaper och försöka hitta de som är lämpliga för textelement. Style Master är inte en wysiwyg-redigerare – och med rätta, eftersom wysiwyg är en sådan felaktig benämning i världen av webbplatser med en mängd semi-kompatibla webbläsare – men den har en fantastisk förhandsgranskningsfunktion så att du kan se vad du är gör på den faktiska sidan där du arbetar utan att behöva fortsätta spara ditt arbete och förhandsgranska det utanför redigeraren. Även om den har inbyggda redigeringsverktyg, om du föredrar en och annan handkodning kommer Style Master omedelbart att markera eventuella misstag så att du inte kan undgå att lägga märke till dem.
Men den verkliga mördarfunktionen i Style Master, som för närvarande gör den till den bästa CSS-redigeraren på marknaden, är dess Design X-Ray-funktion. Den stora nackdelen med CSS är att eftersom din design dras så långt bort från HTML-sidan kan det ibland vara svårt att räkna ut vilken bit av CSS som påverkar vilka HTML-element, särskilt när det kommer till specificitet. Med Style Masters röntgenfunktion kan du helt enkelt klicka på vilken del av din förhandsgranskningssida som helst och den visar dig med ett ögonkast alla uttalanden i den aktuella stilmall som väljer det elementet. Sedan, om du dubbelklickar på elementet, hittar du den mest specifika CSS-satsen vald, redo för redigering. Det gör CSS-redigering till en knäpp.
