Ungefär såhär långt har jag kommit på en ny Supermumin-sida. Jag tror det mesta framgår ganska tydligt.

jag hara bara fipplat lite den här veckan. Från början var det bara en enkel layout för att testa lite blueprint, men till slut så hade jag nästan en full framsida, så jag la till de sista smågrejerna (som menyn, loggan och “taggar etc”-meningen) och bestämde mig för att köra på.

Jag är inte riktigt säker på färgerna (jag vet att min flickvän kommer hata det gula), men jag har ingenting annat att ersätta dem med. Det är alltid mitt problem.

Dessutom tycker jag det saknas ganska mycket. Det är vitt. Väldigt vitt. Jag ska försöka hitta något ikontema som funkar ihop med det gula (eller någon annan färg, i värsta fall får ikontemat bestämma färgen) och köra in lite fina ikoner till listorna och de övriga element som går att typbestämma ganska enkelt.

Ja, just det. Jag hade ju en layout som byggde på Yahoo!-ui. Den kastar jag. Koden var ganska rörig, och jag förstod inte själv tanken bakom allting. Det var en ganska fin, tre-kolumnslayout som var ännu vitare än den jag har nu och den jag visat upp, men den var ändå hyffsat fin. Men, som sagt, koden var en enda röra. Jag kanske gör klart den (om jag orkar, som sagt så har jag ingen som helst lust att göra kommentarfält etc till temat, hence IntenseDebate här på bloggen) och lägger upp den ifall någon annan vill använda sig av den, alternativt säljer den till någon som behöver support etc. Vi får se.

Iaf, till inläggets kärna; om det är någon som har något förslag, vad som helst, för vad jag kan göra för att bättra på layouten, släng upp en kommentar eller maila mig!

Nu ska jag slänga mig i duschen – det sitter fast en massa sticksiga småhår överallt sen jag snaggade mig igår.

• 16+ Top JavaScript/Ajax Effects for Modern Web Design – aComment.net – – webmaster webdevelopment webdev webdesign web2.0 web tutorials tutorial
• 20 Best Websites To Download Free EBooks – – websites website toread resources showcase resource reference reading
• How To Get Better Results In Less Time At The Gym | PeopleJam – – workouts workout tutorial work training tips lifehacks weightlifting weights
• Show Lyrics in Winamp,iTunes, Windows Media Player etc – – windows tools software plugin plugins player music foobar2000 lyrics
• 10 skäl att du inte lyckas som entreprenör | Disruptive – En blogg om entreprenörskap, riskkapital och webb 2.0 – – entreprenörskap misstag tips 10lista
• XHTML & CSS kodningstjänster | Grafix Studio – webbdesign och grafik – – xhtml slicing css kod tjänster
• » 5 Scientific Theories That Will Make Your Head Explode | Cracked.com – – weird universe toread theory theories scientific science quantummechanics
• 50 Photoshop Tutorials For Sky and Space Effects | Tutorials | Smashing Magazine – – webdesign tutorials tutoriales tutorial software smashing-magazine space
• 20 Free eBooks About Social Media | chrisbrogan.com – – web2.0 web socialnetworks socialnetworking socialmedia social_media social-media
• Minimalist Fitness: How to Get In Lean Shape With Little or No Equipment | Zen Habits – – zenhabits zen workouts workout weight video tutorial training

Eftersom jag gjorde det här mellan 09 och 11 på morgonen, så misstänker jag att det är _mycket_ som kommer strula. Jag har inte testat någonting i någon webläsare (bara tittat lite ytligt i Firefox), så det kommer antagligen bli lite småfixande i framtiden (vilket betyder att sidan kommer se ut som om den är byggd av “Ray Charles”:http://2k3hd.com/nucleus/media/1/20070821-Ray%20Charles.jpg i samarbete med “Stevie Wonder”:http://www.showclix.com/event_pictures/stevie_wonder.jpg snabbare än du hinner säga “blinda briljanta musiker som webdesignar”). Hittar ni någonting får ni gärna “hojta”:/kontakt/

• Joomla Template Tutorial – – webdev webdesign web tutorial theme template howto design joomla cms css
• Joomla Tutorials – Home – – webdev webdesign web2.0 web tutorials video tutorial tools
• Joomla! Developer Network – Joomla Template Tutorial – – xhtml work webdevelopment webdev webdesign tutorials web tutorial
• Beginners – Joomla! Documentation – – wiki website webdevelopment webdev webdesign web2.0 web tutorials

F.ö, när man ändå pratar kreativitet. Jag såg några DIY-videos på youtube häromveckan, och blev lite småkär i stencil-målning. Surfade runt lite på “stencil revolution”:http://stencilrevolution.com/, bestämde mig för att köpa en billig skalpell (11,50kr på Claes Ohlson), och nu har jag börjat öva mig lite smått på att göra stenciler. Jag måste bara skaffa ett ordentligt stencilpapper, hitta någonting att göra en stencil av, sedan hitta någonting att måla på. Jag funderar på att spraya ner ett par gamla kartongbitar någonstans, och sedan gå över till canvasmålningar (förutsatt att jag blir något vidare på det), så vi får väl se hur det går. Bara börjat, får se hur länge jag orkar hålla på innnan jag tappar intresset och tålamodet.

Jag tänkte såhär; om jag skippar allting som har med desig, HTML och CSS att göra, så blir det bara ett tomt skal, ett wordpress-tema som jag kan bygga på närhelst jag behöver bygga ett wordpress-tema. När jag ändå är i farten kan jag lika gärna lägga upp arbetet så att det funkar för andra, och när jag väl gjort det, ja, då är det ju inte speciellt långt ifrån att vara matnyttigt för allmänheten.

Största anledningen är för att jag har lite polare som undrat om hur man stylear wordpress, och hur det funkar och sådär. Då kan det vara rätt skönt att ha någonstans att börja, att slippa gå rakt på originaltemat Kubrick och börja peta och leta i det (som jag gjorde när jag lärde mig), det blir så skrämmande stort på något sätt. Jag önskar jag hade hittat en template som var tom, som hade länkar till alla funktionerna som används, som var ordentligt kommenterad, som helt enkelt var gjord för att andra ska läsa innehållet.

Därför vill jag också passa på att fråga de som råkar läsa det här; vad skulle *du* vilja se i en sådan fil? Vad undrar alltid du över? Vad tycker du är jobbigast att kolla upp när du skriver tema-kod? Vad undrade du mest över när du försökte lära dig att göra din första?

Så här långt har jag kommit själv när jag funderat under dagen

* Bara det nödvändigaste…
* …men ändå ett par olika sorters taggar och funktioner
* Länkar till de funktioner som används
* Ett par exempel på plugins (insert stort frågetecken here)
* Eventuellt en egenhändigt skriven förklaring av Loopen

Jag är ingen expert på att skriva wordpress-teman, men jag tycker ändå jag kan det tillräckligt bra (och samtidigt tillräckligt mycket nybörjare för att minnas hur det var första gången) för att göra någon sorts introduktion i den här formen. Det kanske gör det lite lättare att lägga händerna rakt på koden, istället för att sitta och läsa massa teroetiska artiklar på “codex”:http://codex.wordpress.org/

Nå, vad tror ni?

Jag slängde bara upp skiten, som Otto sa. Lika bra. Dessutom upptäckte jag att alla sidor funkade som de skulle. Typ.

Än så länge är det några småproblem:

* -Sidan ser apkass ut i IE7-, så jag kan inte tänka mig hur dålig den ser ut i tidigare versioner. IE7 omhändertagen, måste bara fixa ett sätt att testa IE6 så ska det nog ordnas det med. All Hail “conditional tags”, dock.
* Recent comments/trackbacks-widgeten strular. Jag fick det att funka i dev-läget, men inte nu. Slugt.
* -Artikeltexten är alldeles för mörk i Safari på Windows. Ska se över om det är någon css-selector som strular eller om det är något annat som gör att det inte funkar.-
* *Ny!* Massa XHTML-validieringsfel. Jag har rensat bort alla som jag kan rå för, sen är det massa plugins och wordpress-features som förstör för mig. Jag ska hacka bort några av dem lite senare, men jag ids inte göra det nu.

Kom gärna med fler förbättringsförslag eller kritik eller något. Och glöm inte spana in den nya läckra loggan; den är jag så fett nöjd med att ni kan inte ana.

Jag fick hjälp med den grundläggande designen (precis som med den här första designen), men den har sedan dess ändrats rätt mycket. I princip finns bara placeringen av headern och ett par av färgerna kvar av originalsidan, resten har jag choppat sönder och lagt till osv.

Hitills har jag kommit såpass långt att jag bara har några WordPress-förändringar kvar, sen är sidan live-klar. Problemet är bara, som vanligt, att jag aldrig blir nöjd.

Sätter jag mig ner för att göra en söksida, så slutar det med att jag gör om footern på hela sidan för att sökrutan ska få se bättre ut. Det tar åtminstone en timme innan jag blir klar. När jag är klar med footern märker jag att jag inte har någon länk till söksidan i sidebaren. Då måste jag lägga till den. Men nu ser hela sidebaren sne ut, att jag inte märkt det innan! Får jag sitta en timme och ändra den med.

Efter det är jag så trött på att sitta och koda på designen att jag inte orkar mer och sätter på en film.

Såhär kan det hålla på i månader. Sen tröttnar jag, lämnar någonting halvfärdigt, slänger upp sidan, låter det gå ett par månader, sen börjar jag fixa alla småsaker. Jag *lovade* mig själv att *absolut inte* lägga upp sidan innan den är _helt_ klar. Men den blir aldrig _helt_ klar. Så det dröjer nog ett par månader till innan jag slänger upp den.

Det mesta är “färdigt”, jag är bara inte nöjd med hur det funkar eller ser ut. Under tiden har det hunnit komma en ny wordpress-release, massa nya plugins (som jag ämnade att installera på den *nya* versionen av sidan, men tröttnade på att vänta och därför har jag en helt packad footer på den här sidan) och diverse smakskillnader på mig sen jag började.

Häromdagen kom jag på mig själv med att fundera på om inte sidan borde göras om till helbredd. Fast jag lyckades övertala mig själv att inte försöka mig på det. Sidan var ursprungligen fast bredd av ett skäl, tänker inte ändra på det nu.

Nej, jag måste bli nöjd någon dag. Nu ska jag sätta mig och designa kommentarernas utseende. De ser alltid lika jävla tråkiga ut…