Som jag berättat här tidigare har jag arbetat med webbsajterna för LRF Medias tidskrifter Populär Historia, Allt om Historia samt Militär Historia. I och med den senaste tidens utveckling inom Responsive Web Design har en möjlighet att på ett enkelt sätt mobilanpassa dessa sajter dykt  upp, och vi har därför lagt till s.k. Media Queries för att kunna anpassa layout, text- och bildstorlekar m.m. till storleken på användares browser. Detta möjliggör att att samma HTML-markup och samma stylesheet kan användas på både datorer, surfplattor och telefoner.

Martin och jag har tagit fram en liten kampanjsajt för möbeldesigntävlingen Sydform. Martins specialtillverkade typsnitt som vi använder i rubriker har även legat till grund för ”tejpremsan” som sitter snett över hela sajten. Från början byggdes sajten i HTML5 och utnyttjade de nya elementen header, nav, section, element och footer. För att dessa skall fungera med Internet Explorer krävs dock någon form av speciallösning, som t.ex. finfina javascriptbiblioteket Modernizr. Denna idé skrotades dock, men den djärve kan se det in action på http://www.sydform.nu/?html5. Det ska se ut precis som vanligt, if all goes well.

När det gäller sajtens typografi har vi använt Graublau för brödtext och League Gothic för rubriker, inkluderat med @font-face vilket innebär att webbläsaren själv laddar ner typsnittsfilerna. En riktigt schyst möjlighet som börjar komma mer och mer nu. En annat knep som vi jobbat med är att lägga till WordPress ”Redigera”-länkar överallt där det är möjligt, vilket minimerar behovet av att leta efter inlägg i administationsgränssnittet.

Gå till mayarobert.com och ta en titt!

I samarbete med Gregory har jag byggt en humorsajt åt bland andra killarna bakom Hej Domstol! och Pang Prego. På Rikets sal bloggar Jesper, Valle, Kalle, Kringlan och Talib om bland annat konsthistoria, gubbar och möglig mat. Inläggen delas in i fyra kategorier – text, bild, ljud och video. WordPress hanterar som standard allt utom den sistnämnda, vilket istället ligger på videotjänsten Videofy.me. För att lätt kunna lägga in de här filmerna, och slippa klistra in (icke-validerande) HTML varje gång, har jag skrivit en plugin som gör det hela åt en, bara att ange adressen till videosidan så hamnar allt på rätt plats.

För att spela ljud har jag valt att använda finfina Yahoo Media Player, som automagiskt hittar alla mp3-filer på sajten. Även många av widgetarna i högerspalten är specialskrivna, för att visa sitt innehåll på rätt sätt samt erbjuda rätt inställningsmöjligheter. Extra kul är att sajten på mindre än 12 timmar haft över 3000 4000 unika besök.

Tillsammans med Benny på Gregory har jag gjort en webbsida åt journalisten Henrik Brandão Jönsson. Sajten, som är relativt bloggbaserad, är byggd i WordPress, med några specialtillverkade plugins för att visa t.ex. senaste inlägg och uppladdade PDF-filer.

Utöver jQuery har vi använt CSS3-instruktionen @font-face, som tilllåter oss att använda typsnittet Graublau. Med @font-face behöver besökaren nämligen inte ha typsnittet installerat i sin dator, utan det laddas ner när webbläsaren behöver det. När det gäller rubriktypsnittet Futura Condensed har vi istället valt att använda javascript-biblioteket Cufón, som ritar ut varje ord i ett canvas-element. Detta då Cufón gör det möjligt att begränsa användandet av typsnittet till en enda domän, vilket är önskvärt i det här fallet.

Läs mer om hur vi utvecklade varumärket.

Jag har i samarbete med Peter Esse och Snask byggt Liberala ungdomsförbundets webbsajt, med CMS:et ExpressionEngine.