html5 – innan jag börjar
Postat i WP & HTML5 Inga kommentarerDet jag tänkte skulle bli ett litet sidoprojekt växer redan under planerings- och researchstadiet. Jag hade inte tänkt vara så himla ambitiös från början, bara experimentera mig fram som jag brukar göra när jag lär mig nya saker, med den enda skillnaden att jag skulle göra det här istället för lokalt på min egen dator, och så skriva ner vad jag gör vartefter. Men det vore väl inte jag om jag skulle kunna hålla det på en sån enkel och lagom nivå, så jag har ägnat halva natten åt att läsa på ännu mer, samlat på mig länkar och försökt fatta beslut om exakt hur och i vilken ordning jag ska göra saker, och vilka eventuella hjälpmedel i form av färdiga mallar som ska användas. Och i mina tankar har det hela växt ut till ett ganska omfattande och ambitiöst projekt.
Först och främst har jag kollat närmare på vilka webbläsare som har bäst stöd för HTML5. Och jag hade fel igår när jag skrev att Safari skulle gå bra. Safari är inte lika uselt på den punkten som IE, men inte långt ifrån. I särklass bäst är Chrome, och det är oavsett operativsystem. Tvåa är Firefox, och en bit därefter kommer Opera. Vill du hänga med här så rekommenderar jag absolut att du installerar Chrome!
Så kom jag på att om alla inlägg jag gör om detta ska ha ett läsvärde efter att jag gjort nästa förändring, så måste jag hela tiden infoga skärmdumpar som visar förändringarna. Det betyder att man kommer att kunna se förändringarna i bilderna, även om man har en kass webbläsare, vilket i bästa fall kan motivera även den mest inbitne IE-användare att byta upp sig för att få del av allt nytt och roligt som händer på webben nu.

Innan avklädningen, med ett färdigt tema "Oenology".
När det gäller hjälpmedel och färdiga mallar har jag haft riktig beslutsångest. Självklart finns det färdiga WP-teman som tar tillvara alla de senaste finesserna i WP, och det finns även de som stöder HTML5. Men jag vill ju lära mig, och det gör jag bäst genom att skriva koden själv. Det är helt ok att använda färdiga mallar och teman, men vill man ändra något i dessa så måste man veta vad man gör. (Om man ser på frågorna på olika hjälpforum, så är det just där det blir galet. Man hittar ett snyggt tema, laddar hem det och vill sedan ändra något, men har inte på långa vägar de grundkunskaper som behövs för att greja med koden.) Det finns också en del helt avskalade startteman, som bara hämtar in en drös med WP-grejer, men helt och hållet (ibland nästan helt) saknar formattering, dvs css-regler. Teman som alltså fungerar som mall för att göra ett eget tema. Här finns t ex fem olika att välja på, det allra ”renaste” där är Starkers HTML5. Men jag bestämde mig till slut att inte ens använda ett sådant, utan koda allt själv från grunden (vilket inte hindrar att jag använder t ex Starkers som referens).
Helt konsekvent i undvikandet av mallar kommer jag inte att vara ändå. Jag har de senaste två-tre åren använt mig av 960.gs, ett färdigt ”rutnät” som css-mall för att göra layouten på webbsidor. Och det kommer jag att göra nu också (om jag inte istället väljer att testa Fluidgrid den här gången), att sitta och pilla med marginaler och kolumner och få det snyggt tar bara tid. Jag tycker alltså inte att det är fel att använda färdiga mallar, men jag tycker att om man gör det gäller två saker: antingen låter man bli att peta i mallen och tar den som den är (i det här fallet finns ingen anledning att peta), eller också kan man tillräckligt om det man petar i, oavsett om det är html, php, javascript eller css för att veta vad man gör.
Jamen dåså! Då är det dags att ”klä av” bloggen. Trial & error.
PS Om du vill veta mer om nyheterna med HTML5, så finns en översiktlig beskrivning här. På svenska!