Får väl hålla er lite uppdaterade på vad som händer med mig och mitt kodande. Igår lades mitt senaste projekt upp för allmän beskådning. Det är musikartisten Grand som anlitade mig för att göra en hemsida för lanseringen av hennes nya album - "A Grand EP".
Designen är väl det man märker först på sidan. Den är utarbetad tillsammans med kunden och vi dribblade lite fram och tillbaka mellan olika designer innan vi till sist kom fram till denna som visar albumsbilden stort på framsidan med en meny upptill.
För att visa sidorna valde jag att komplettera de vanliga länkarna med ett AJAX-script som hämtade datan utan att behöva ladda om sidan. På så vis slipper man bl.a. att musiken körs om från början för var sida man tittar på vilket ju vore ganska så orimligt.
Alla sidor tittas alltså på utan att sidan laddas om, men om man sitter på en dator utan stöd för javascript så fungerar det ändå och störmomentet att musiken återupprepas vid sidomladdningar försvinner då javascript är ett krav för att kunna spela någon musik alls. Att sidan fungerar utan AJAX är ju viktigt för att Google ska kunna läsa av innehållet.
Alla sidor validerar Xhtml 1.0 Strict och CSS 3. Varför version 3 på CSS? För att jag använder mig av opacity-attributet på bilderna i galleriet och det attributet är nytt för CSS 3, men stödjs redan av bl.a. Firefox.
Hela sidan går bra att visa utan CSS-filen och då slipper man även de flesta bilderna, detta är än en gång viktigt för Google då den måste kunna förstå innehållet på sidan utan CSS och att bilderna inte syns gör inget för Google då den ju bara ska indexera de verkligt intressanta bilderna - de under press.
Jag tycker sidan blev bra - AJAX ger den en skön och smidig känsla och ljudet flyter på förvånansvärt bra. Designen blev bra etc. så nu hoppas jag att den ska hjälpa Grand att slå igenom bra!
Ska se om jag kan få tid att skriva lite om lärdomarna jag drog av detta projektet här på bloggen snart samt kanske uppdatera min företagsportfolio med detta och några tidigare projekt såsom Medveten närvaro.
Andra bloggar om: jobb, webbdesign, musik
Mr.B kommenterar den 11/2 2007
Fina webbplatser du fixat till! Verkligen proffsiga!
Låter väldigt smidigt med AJAX-scripten. En viktig sak du tar upp här också om man vill synas på webben, att sidan måste ha bra tillgänglighet utan både JavaScript, CSS och bilder, så den kan indexeras effektivt av sökmotorernas robotar.
Skulle vara skoj att få ta del lite mer av dina lärdomar från dessa projekt!
Pelle kommenterar den 11/2 2007
AJAX-bibliotek? Vad är det? Jag kodade allt själv för att få det perfekt anpassat för sidans specifika behov och för att få en bra förståelse för AJAX i sig.
Har du något bra AJAX-bibliotek att tipsa om? Tittat på Prototype och det ska väl inte vara problem att använda kommersiellt med tanke på BSD-licensen, men jag har inte orkat sätta mig in i juridiken kring GPL-licenser och det kommersiella ännu, något som väl hindrar mig från att professionellt använda många bibliotek :/
Jesper kommenterar den 11/2 2007
Hehe, helt rätt attityd. Man ska alltid gå till grunden med nya tekniker. Jag gjorde samma när jag lärde mig AJAX och kodade för hand.
Nu har dock Microsoft gjort klart sitt ramverk och släppt det som öppen källkod. Så detta är det jag kommer använda i framtiden. Fungerar ju bäst med .NET men själva javascript-biblioteket kan man även använda med andra server-språk. Annars finns det ju många andra bibliotek men har inte erfarenhet av dessa.
Ni kan läsa mer om Microsofts AJAX-teknik på min hemsida. http://codeodyssey.se/blog.aspx?cid=13
Jesper kommenterar den 10/2 2007
Den blev riktigt bra tycker jag. Kul att du skrev lite om hur du skapat den, det var intressant att läsa. Den fungerar onekligen bra utan Javascript. Blev lite nyfiken, vilket AJAX-bibliotek har du använt?