Webbutveckling

Det var härligt med en naken dag. Uppfriskande på många sätt faktiskt, men det är lika skönt att få dra på sig CSS-kostymen igen. Jag fuskar en smula och klär på mig 45 minuter för tidigt eftersom jag måste få gå och lägga mig innan midnatt. Jag har under kvällen samlat på mig skärmdumpar från alla de bloggar jag har hittat som har deltagit i CSS Naked Day.

Lite tråkigt att inte fler deltog. Hade varit kul att se Carl Bildt strippa, eller Stationsvakt, Opassande, Oscar Swartz eller en företagsblogg som Mindpark. Men de kanske hänger på nästa år?

Tanken är att jag här under ska göra en liten före/efter-jämförelse av hur dessa bloggar har lagt upp sin kod och hur de ser ut med och utan sin CSS-formatering.

Hur Nikke Index ser ut med formatering ser nu ju själva, även formen kommer med all säkerhet att ändras rätt snart. Därför kan en före/efter vara på sin plats även för den här bloggen:

Nikke index, är idag, den 9 april, tillsammans med tusentals andra sajter och bloggar totalt naken. Så här skulle den se ut utan CSS-formatering. Men varför? Tja helt enkelt för att fira CSS Naked Day. Det är tredje året som sajter deltar i denna hyllning till alla bloggdesigners som sitter och meckar näterna igenom för att skapa snygga bloggmallar.

Vill du vara med? Det är enkelt. Leta rätt på din bloggs CSS-fil (oftast heter den style.css eller screen.css) och byt tillfälligt namn på den. Svårare är det inte. Det verkligt svåra är att svälja stoltheten och visa upp sina tankar i all sin nakenhet. Törs du vara med?

Det jag tycker är det roligaste med Naked Day är att man ser deltagande sajter och bloggar som sökmotorerna ser dem. Helt plötsligt blir det uppenbart för alla vad som är huvudrubriker och underrubriker på sajterna och hur bilder egentligen används i formen. Men den tyngsta anledningen till att jag deltar i firandet av CSS Naked Day är i mitt fall att jag faktiskt tycker att formen är sekundär. CSS-formatering är praktiskt, det är underbart att kunna separera form, innehåll och funktion, men det är alltid innehållet som kommer att vara det primära i min bok. Därför är jag med. Jag firar innehållet, sajtstrukturen och formen som klistret som håller ihop det hela.

Tack till Mickey J Barczyk som påminde mig om den nakna dagen.

Har du också klätt av din blogg? Skicka en pingback eller lämna en kommentar så lägger jag in dig i listan här under och gör en jämförelse-bild när den nakna dagen är över.

Om du inte har varit här tidigare har du här nedan en bild på hur Nikke Index brukar se ut i vanliga fall:

Andra nakna bloggar:

• Alter Ego Resonerar har också klätt av sig dagen till ära.
• Daniel Feldt (som står bakom det omtyckta WP-temat DF-One) har också klätt av sin blogg. Starkt.
• MaxiMac vågar inte ta hela steget, men tar en naken långlunch åtminstone. Alltid något.
• Hennig.nu är ytterligare en svensk blogg som idag är avklädd på CSS.
• Lillbra.se har varit med och klätt av sig redan tidigare.
• Pubis är ytterligare en som har klätt av bloggen.
• Teflonminne har kommit ihåg att det är CSS Naked Day.
• David tillhör vår strippande skara.
• Cynism bjuder på nakenchock.

Cap & Design har också uppmärksammat CSS Naked Day i en liten blänkare.

En presentation av en redesign behöver inte nödvändigtvis ske i form av Photoshop-bilder, slides och wireframes. Den kan lika gärna vara handritad och filmad också, och läggas ut till allmän beskådan på YouTube. Riktigt skönt tycker jag. Gör ditt förslag så transparent som möjligt, och sprid det så mycket som möjligt, så kan ingen annan knycka idéerna.

Bra av Sydsvenskan.se, som lägger ut alla förslag på www.redesign.sydsvenskan.se/tavlingsbidragen/ och bra av Kristtin Heinonen och Tomas Wensström som förstås även har lagt sitt bidrag på Whatsnext: www.whatsnext.se/2008/04/04/vart-bidrag-till-sydsvenskan-redesign/

Jag försöker hitta en form som ska kunna användas på alla olika delar av Lindqvist.com. En av de roliga effekterna av det är att jag nu lägger ut favoriterna ur min läslista (delade grejer från Google Reader och mina senaste del.icio.us-länkar). Den tråkiga är förstås att det ser lite stökigt ut under en tid.

Här döljs ingenting. All utveckling pågår i realtid.

Det du ser uppe till vänster på sidan är min aktuella Facebook-status. Det är hyfsat enkelt att hämta den dynamiskt, och Facebook bjussar snällt på RSS-feeden.

Lite svårare var det att lista flera personer på ett och samma företag, men till slut gick det. Nu ligger aktuell Facebook-status för alla som jobbar på och kring webbyrån Ottenray, på deras kontaktsida. Formen är inte godkänd av formgivarna på byrån, men funktionen är det.

Denna totala öppenhet i kommunikationen med kunderna känns helt rätt för ett företag som ska göra webb år 2007, och detta är bara ett första steg.

Det finns en färdig Facebook-plugin för detta, men den fungerar lite sådär med min blogg, och inte alls om man vill parsa in statusmeddelanden i annan kod.

Veckans teve är så sakteliga på gång att bli en TV-guide.Inte riktigt över hela den närmaste veckan ännu, men åtminstone för dagens TV-program och för de närmaste tre dagarna. Alltid något… Inte klart ännu, men under utveckling. Läs mer »

Barni.se är ett projekt som jag har planerat tillsammans med Mårten Brink i snart två år. En sajt som vänder sig till föräldrar, och har ett starkt fokus på föräldraskap, barn och familjeliv.

Under förra veckan började vi äntligen komma loss. Det är mycket som återstår, men nu finns en förstasida, en WordPress-driven artikeldel med dagliga artiklar i alla ämnen, ett webbkatalog (Barnsajter) som inriktar sig på sajter för barn och föräldrar och snart även ett forum där allt som rör barn, föräldraskap och familjeliv kommer att kunna diskuteras.

Det återstår fortfarande mycket jobb, men nu är vi i alla fall igång.

Våren överrumplade oss mer än vanligt i år, med sommarvärme redan innan valborg. Det märks på webben. Det finns inget som är så dåligt för affiliate-sajter som riktigt vackert väder. Ingen vill resa bort, ingen sitter hemma och köper onödiga saker på webben. Det enda som kanske fungerar någotsånär är sajter som förmedlar bolån och har aktuella jämförelser av bankernas ränta på bolån.

Det enda en stackars webbmarknadsförare kan glädja sig åt är att sajter som handlar om glykemiskt index och andra dieter får fler besökare ju närmare badsäsongen vi kommer. Men det känns, å andra sidan, en liten smula cyniskt.

En rolig sak som jag ser i webbplatsstatistiken så här års är att det råder en viss disprepans mellan den information som uppdateras och den information som besökarna efterfrågar. Det är t.ex. många vedhandlare som hör av sig om att lägga in sina sidor om vedförsäljning på min sajt bjorkved.se, medans de flesta vedköpare helt enkelt verkar åka till närmaste vedhandlare. På hösten är ordningen den motsatta. Då söker senfärdiga syndare torr ved medan vedhandlarna vilar på lagrarna och ofta står med tomma lager.

Samma sak med dejting-sajterna. De kämpar hårt mot det vackra vädret och användarna som envisas med att vara ute och träffa folk i verkligheten istället för att sitta hemma och träffas på webben. Å andra sidan ökar aktiviteten om nätterna, då längtan efter någon att hålla i handen ökar ju ljusare kvällarna blir…

De sajter där det borde vara full fart så här års är sajter med allmän turistinformation och utflyktstips. Jag själv gjorde en minnenas resa med min mamma till Nås i Dalarna under veckan. På vägen passerade vi flera intressanta platser som t.ex. sjön Malingarna, där vägen har byggts på en rullstensås mitt i sjön. En smått fantastisk naturupplevelse, men nästintill utan officiell turistinformation. Den lilla byn Nås har för övrigt en webbplats där senaste nytt-sidan uppdaterade strax efter nyår 2004.

Nåväl. Det är kanske inte så konstigt. De som sitter på informationen om sådana här pärlor är sällan desamma som de som gör bra och interantiva webbplatser. Och de mest produktiva webbpublicisterna (affiliate-marknadsförarna) verkar alla vara inställda på mer lukrativa områden som bolån, långresor, pokerspel, försäkringar och spelsajter.

Jag tror att vi tänker fel kring detta. Jag är en stark anhängare av longtail-publicering. Det gör ingenting om en sida bara får ett par sökträffar varje dag, så länge besökarna upplever att de hamnar rätt och får rätt information. Och så här års söker folk efter verkligt konstiga saker som utemöbler, rätt tid att gödsla syrénbuskarna, verkstäder som reparerar gräsklippare, firmor som hyr ut en skylift… och så länge som folk söker så känns det som om det är vår uppgift att skapa sajter kring det.

Det är bara att sätta igång.

Den som idag köper en dator behöver inte komplettera med särskilt många program. Det mesta finns tillgängligt i lika bra eller ibland till och med bättre versioner på Webben. Google Docs och Spreadsheets istället för Word och Excel. WordPress eller andra bra webb-cms för att göra sajt. Kalenderprogram finns det gott om liksom fotoalbum, spellistor, videospelare…

Det som har saknats är bildredigeringsprogram. Men det tänker Adobe nu råda bot på, och planerar, enligt cNet en online-version av Photoshop. I en intervju med Adobes CEO Bruce Chizen berättar han om planerna på att utveckla online-versioner av program som Photoshop och Premiere.

Detta är något som jag som sajtutvecklare har sett fram emot. Det är få vanliga företag som har behov av alla funktioner i Photoshop eller Fireworks, men de bildredigeringsprogram som finns ute hos företagen räcker inte till ens för så enkla uppgifter som att beskära och skala ner bilder till hanterlig webbstorlek.  Och det är inte roligt lämna vidare sajter till företag som sedan försöker lägga upp jättebilder på över 1 MB.

Adobe kommer säkerligen att hyra ut sina bildbehandlingsprogram för hyfsat dyra pengar, men när de väl har börjat, så öppnar de marknaden för billigare produkter. Det ser jag fram emot.

Efter att ha uppgraderat den svenska delen av Lindqvist.com till WordPress 2.1 och uppdaterat den engelskspråkiga delen med den senaste säkerhetsfixen, så rasade mitt förra tema. Det var rätt knackigt ihopkommet ändå, och jag har, åtminstone tillfälligtvis (och naturligtvis inspirerad av Agaton) fallit för detta rena och väldigt trevliga tema. Eftersom Agaton och jag, åtminstone delvis delar läsarkrets, så passar det in på den klassiska strategin att webbesökare snabbt ska känna igen sig på olika webbplatser.

Det kommer att behöva några extra anpassningar, bland annat vill jag ha en övergripande menyrad som kan användas på alla delsajter inom Lindqvist.com. Men det får bli efter sportlovet.

Uppdatering: Inser nu att även Lars Iselid använder detta tema på sin engelsspråkiga blogg Nowhere North

Det är festligt när sajter som man loggar in på dagligen helt plötsligt, och utan förvarning byter utseende. Man får en chock, undrar om man har kommit rätt, upptäcker att muspekaren redan står på platsen där länken man alltid klickar på först brukar vara, och blir tvungen att ta till sig sajten på ett helt nytt sätt.

TradeDoublers sajt, som har sett i stort sett likadan ut under de senaste 6-7 åren bytte idag utssende. Och även om den nya sajten är snygg på alla sätt, så måste jag erkänna att jag är rätt förvånad över att de inte har berättat om utseendeförändringen i något mail till sina affiliates.

Amerikanska företag, och särskilt sådana som har en ekonomisk koppling till sina användare, brukar å andra sidan vara alltför tjatiga om kommande gränssnittsförändringar. PayPal skickade åtminstone tre mail och informerade i varningsrutor på sidan i en månad innan övergången till ett nytt utseende.

Vad jag kan se så innebär inte förändringen hos TradeDoubler någon större gränssnittsförändring när man är inloggad. Det mesta ligger kvar där man är van att ha det, men med en ny färgskala, och bättre kompatibilitet med andra webbläsare. Det är snyggt, och man blir glad, och kanske kan jag till och med börja använda sajten med Safari nu också.

Viktigast ändå är att TradeDoubler på detta sätt har lyckats med att presentera sin nya telefonbaserade-tjänst, och paketera om sina gamla sina nya tjänster till de olika paketen Pull, Talk, Push, Reach och Toolbox. Det är snyggt, och behöver en egen artikel faktiskt.

Se även: TradeDoubler presents td Talk - pay-per-call

Nu i natt släpptes den skarpa versionen av WordPress 2.1 - Ella. Så nu blir det bråda dagar för bloggare och sajtadministratörer över hela världen. Listan över nya funktioner är lång och flera av dem är sådana som jag som relativt nybliven WordPress-bloggare har väntat ivrigt på. Här är några av de som jag upplever som de viktigaste:

• Autosave gör att texten sparas automatiskt medan du skriver. Efterlängtat av alla som har råkat ut för att webbläsaren hänger sig eller har råkat navigera bort från en sida innan de hade skrivit färdigt och sparat inlägget.
• Den nya redigeraren innehåller tabbar som gör det lättare att växla mellan WYSIWYG-läget och kodläget. Otroligt skönt tycker jag som ofta behöver använda HTML-läget och inte har gillat det lilla popup-fönstret.
• En ny funktion gör det möjligt att importera och exportera bloggens innehåll via XML. Underbart för den som vill flytta sina alster mellan olika WordPress-bloggar.
• Redigeringssidan har helt gjorts om och innehåller nu en stavningskontroll. Vet inte hur vettigt detta kommer vara på svenska, men i mina engelska bloggar ser jag verkligen fram emot det.
• Nästa nyhet kan te sig underlig för de flesta av mina läsare, men WordPress 2.1 innehåller funktioner som förhindrar indexering av sökmotorernas spindlar. Jag återkommer om den nyheten tror jag…
• Man kan nu ange att en sida ska fungera som startsida för bloggen istället för att bara lista de senaste bloggposterna. Detta efterfrågas framför allt av sajter som använder WordPress mer som publiceringssystem än för traditionellt bloggande, och görs idag av flera av mina kunder med hjälp av olika pluginner. Fantastiskt för flera företagsbloggar jag känner till!
• Mycket effektivare databasanrop, tack vare ett samarbete med svenska MySQL.
• Bloggrollen kan nu delas in i underkategorier, och man kan skapa nya kategorier i samma fönster som man lägger in nya bloggroll-länkar.
• Ny inloggningskärm.
• Fler AJAX-element för att skapa anpassade databasfält, moderera inlägg, radera saker utan att behöva byta fönster.
• Även sidor (och inte bara inlägg) kan märkas upp som utkast eller vara lösenordsskyddade.
• Kommentars-RSS kan nu innehålla samtliga kommentarer och inte bara de senaste 10.
• Bättre internationella funktioner, bland annat inbyggt stöd för skriftspråk som skriver från höger till vänster.
• Nya upload manager gör det möjligt att ladda upp inte bara bilder, utan ävne video-klipp och ljud!
• Den nya versionen innehåller en ny version av Aksimet-spamskyddet.

Sådärja. Det var vad jag hade samlat ihop ännu så länge. Du hittar allt om den Ella, den senaste versionen av WordPress på wordpress.org/development/2007/01/ella-21/
Nu ska jag installera den nya versionen också. Till att börja med på en helt ny blogg (en engelsk version av Nikke Index), men sedan ska åtskilliga sajter uppgraderas. Det kommer att bli en hel del jobb…

Andra bloggar om: wordpress, ella, bloggverktyg

Vill du åka till Galápagos-öarna? Känner du att du har koll på etiska fonder? I så fall borde du ta chansen att delta i KPA Pensions tävling vars förstapris, en resa till Galápagos är värd cirka 80 000 kronor. Tävla på www.dittlivsresa.se.

Tävlingen som är ihopsnickrad av Abby Norm, med tekniskt understöd av bland andra Frenil och Carnaby, kräver lite mer än vanligt av de tävlande. Bland annat att man verkligen sätter sig in i flertalet etiska frågor kring KPAs fonder.

Min inblandning i tävlingen handlar framför allt om att bygga upp databaserna, klistret mellan Flash-filerna och databasen, e-postlösningarna för kommunikation med de tävlande samt tillämpningen av regler för hur de olika faserna i tävlingen ska visas på sajten. Alltså ett projekt som inte alls har handlat om sökmotoroptimering.

Pust. Så har jag gått igenom min allra första uppgradering av Wordpress. Jag installerade 2.0.4 alldeles innan 2.0.5 släpptes och måste skam till sägandes erkänna att jag skippade 2.0.5-uppdateringen. Men nu har jag varit så duktig så, och uppgraderat alla filer till 2.0.6. På köpet fick jag en komplett backup av sajten (inklusive en enorm databasdump av alla mina MySQL-tabeller som i komprimerad form är 9,2 MB stor).

Nu ska jag vara ännu duktigare och posta den till mitt GMail-konto med ett riktigt obegripligt namn också.

Jakob Nielsen har skrivit listan vi alla har väntat på. Listan över de 10 största “blooparna” vad gäller hur datorer och användargränssnitt beskrivs på film. Och jodå, några av mina absoluta favoriter finns med, som “This is Unix. It’s Easy.” (ur Jurassic Park) och det faktum att filmhjältar aldrig får spam.

www.useit.com/alertbox/film-ui-bloopers.html

Men Jakob Nielsen är inte bara elak, han har som vanligt faktiskt en viktig slutsats, och i det här fallet är det att filmvärldens totalt verklighetsfrämmande bild av användargränssnitt och deras användning smittar av sig både på forskningsbudgetar och på folk i gemens allmänt dåliga självförtroende vad gäller datoranvändning.

Vi glömmer det hela tiden, men sätt en novis framför ett hyfsat avancerat forumprogram eller publiceringssystem och få ett minne för livet. Det är inte så enkelt som vi tror, och absolut inte så enkelt som Hollywood tror.

Men mest bör man läsa listan för att den är rolig.

Jag har ägnat väldigt mycket tid åt den mobila webben i veckan. Dels i form av möjligheten att ladda ner eller skicka drinkrecept via MMS från Cocktailguiden.com, dels i form av att försöka utarbeta en sund metodik för hur man visar sajter som Cocktailguiden.com i ett bra mobilt format.

Utrustad med min P990 och Opera Mini har jag jagat runt olika typer av sajter i jakt på vettiga sätt att flytta in webben i mobilerna. För det börjar bli ett format att ta på allvar nu, även om surfandet i mobiler är väldigt olikt surfandet i vanliga webbläsare. Läs mer »

I min strävan att gå från sajt till blogg så har jag nu nått den punkten då jag har börjat lämna ifrån mig fullständiga RSS-flöden. Det är nästan lite läskigt. Men samtidigt känns det rätt bra att veta att vänner, kolleger, konkurrenter och antagoniser kan sitta och läsa mina drapor via Google, i Sage, i handdatorn eller i mobiltelefonen (nya Opera Mini har en riktigt skön funktion för det faktiskt).

Säkert kommer RSS-flödena göra det lättare för olika typer av skraparsajter (scraper sites) att återpublicera mina texter för egen vinning, men det får jag väl i så fall utnyttja efter bästa förmåga genom att låta varje post innehåller lagom många tillbakariktade länkar. Läs mer »