Hoppa direkt till innehåll

CSS eller tabeller?

2007-06-19 - atlas, css, webb
273
Det pågår, eller snarare - det har pågått en trend bland webutvecklare att göra sina sidor med kod enbart med CSS. Det har blivit den senaste innegrejen - att lyckas skapa en väldesignad sida enbart med hjälp av CSS. Inte en enda tabell ska man ha i sin layout.
Det var en nyligen som frågade mig varför jag inte hängt med på den här trenden, och svaret är rätt så enkelt; Jag är inte ute efter att det ska vara så svårt som möjligt för mig att skapa en sida. Om vi bortser de över sjuttiotusen rader kod som Atlas består av och som måste uppdateras på något vis, så är det fortfarande ett himla jobb att skapa en design med enbart CSS. Något som i regel är dödsenkelt med en enkel tabell.
För om det är något alla dessa CSS-sidor har gemensamt så är det att dom har en mycket begränsad och primitiv design. Snygg och enkel, javisst, men det är väldigt tydligt att dom fått lov att göra eftergifter vad gäller designen. Och det är ju inte så konstigt. Läser man böcker som till exempel CSS Mastery av Andy Budd eller Designing with Web Standards med Zeldman så blir det snabbt väldigt tydligt att för att skapa ett visst utseende så måste man veta "knepet". Alltså, poängen är att få en sida att se ut på ett visst sätt är beroende av att man lyckas lista ut hur man ska göra det med CSS.
Och oftast så innebär knepen att man ska lura webbläsaren X att använda en CSS-standard på ett sätt det inte är tänkt för att uppnå ett visst resultat, tills man inser att det inte stöds av webbläsare Y eller Z. Jag har full respekt för att många webbutvecklare tycker detta är en uppgift värdig att lösas, och för många är det bara en fråga om att skapa nya mallar till nästa uppdrag. Det är inte riktigt lika lätt för mig, eftersom Atlas är ett enda projekt.
Grundanledningen till CSS är i regel att kunna använda väldigt lite kod för att uppnå en hög nivå av flexibilitet. Man ska enelt kunna skriva:
<ul class='tabs'> <li>Flik ett <li>Flik två </ul>
Och sen med lite magisk CSS så skulle ovanstående bli en fantastiskt trevlig flikmeny. Och visst, det är fullt möjligt. Det är så jag gör här till exempel. Flikarna i toppen är CSS-only. Men på MälarNetCity så har jag fem flikar i toppen som inte är gjorda med CSS. Skillnaden är att dem på MNC har rundade hörn.
Men man kan ju göra rundade hörn med CSS, hör jag er säga. Och, ja, det är klart man kan - om man använder sig av ovannämnda "knep" för att lura webbläsaren att visa något på ett annat sätt. Och så måste man lägga till lite kod i exemplet ovan med.
I slutändan så har du kanske inte så himla lite markup-kod i sidan längre, och sen visar det sig att man har 48 rader CSS-kod som fungerar i webbläsare X och Y men inte Z... Men missförstå mig rätt nu. Jag har inget emot CSS alls, och använder det väldigt mycket. Jag anser dock inte att dte är moget att ersätta tabeller. Det är av just den anledningen jag tror framtiden är HTML5 och inte XHTML2.
Mer i Webblog
Fixa snyggare skuggor i Photoshop
Universalfjrrkontroll
Philips Pronto
CSS eller tabeller
Aktiebolag
Jack Bauer
FBI bestller datorsystem
Nyckelord: atlas, css eller webb
Erstta tabeller med CSS
Atlas versionerat
Raid installerad
CSS eller tabeller
En webbutvecklares mardrm
Versionering
Xserve RAID
Alien: Romulus
Börjar likna en bar!
Reglar på plats
Rivning pågår!
Mjölner!
Örnen börjar bli redo för Sweden Rock
Utebar!
Mixtejp
Norrsken
Kan ha "råkat" skaffa något på Sci-Fi-mässan
Recension: Steam Hotell
Det börjar ta form med hemma-spa:et
Rostfärg och IKEA-lampa
Create a physical book from my digital book
Survey Island
Someone is trying to sell my map!
Julkalender
Myst book updated
Recension: Yasuragi Ryokan Hanare
Recension: Ad Astra
Ny tatuering - midgårdsormen!
Minnestal till en kaffekopp
Förlovade
Sweden Rock 2023
Ny nummerskylt för huset
Fix i husbilen
Grubbelgubbe
Uppdateringar i verkstaden!
Måla med rostfärg
Vårfix i trädgården
Jung Kook
Pappaskämt och annan humor
Bilder på spelbordet när det används
Använda laserskäraren för att skapa innehål...
Julklappar med laserskärare
Budget-Spa
Nyckelskåp
Fjällkaffe
1/20 DeLorean Time Machine
Caso Outdoor Cooler
Minikyl Coca Cola
Verktygsvagn med verktyg, 161 delar
CSS filters for background images
Huset ommålat!
Skiss för tatuering
Spelbordet klart
Laser cutting my Myst Island
We Can Do It
Batwing
Elsa