Sydform
Postad i Digital av Simon Fransson den 8 mars, 2010
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.
Maya Robert
Postad i Digital av Simon Fransson den 19 februari, 2010Vi har tagit fram en sajt åt produktdesignern Maya Robert. Martin står bakom designen som Simon har implementerat. Fokus ligger på att presentera hennes produkter, vilka vi valt att visa som ett flöde av bilder på förstasidan. För att undvika en massa navigation fram och tillbaka har vi valt att hämta sidorna med produktinformation med jQuery för att sedan visa dem direkt på förtsidan. Naturligtvis finns de även tillgängliga via traditionella länkar för t.ex. Google-robotar och besökare utan javascript.
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!
Rikets sal
Postad i Digital av Simon Fransson den 11 januari, 2010
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.
Henrik Brandão Jönsson
Postad i Digital av Simon Fransson den 5 januari, 2010
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.
THE LARS – webb
Postad i Digital av Simon Fransson den 30 december, 2009Vi har byggt en produktsajt för Engström & Engströms lyxförstärkare THE LARS. Det första man möts av när man besöker sajten är så klart de stora produktbilderna på de två två modellerna type 1 och XLS, och kan man även se hur förstärkarna ser ut i 5 olika träslag. På produktbilderna har vi placerat ut ett antal ”noder”, som poppar upp detaljinformation om förstärkarens olika delar. Interaktivitet som denna implementeras ofta med Flash, men för att göra webbsidan mer sökmotorvänlig och dessutom få den att fungera i enheter utan Flash (som t.ex. mobiltelefoner) har vi istället valt att använda javascript-ramverket jQuery.
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.
Levande livsmedel
Postad i Digital av Cecilia Hjalmarsson den 19 november, 2009
Under hösten har Cecilia varit webbredaktör för Skånes Livsmedelsakademi. Sajten har genomgått stora förändringar mycket tack vare Martin (webbdesign) och Kommunikationsbyrån Berge (projektledning). Målet var att skapa en mer levande livsmedelswebb och tycker vi att vi har lyckats rätt bra med.
Läs mer här
Palatsets Catering
Postad i Digital av Simon Fransson den 29 oktober, 2009Jag har byggt en sajt åt Palatsets catering & festvåning i Malmö. Lasse har hjälpt till med bakgrundsmönstret.
Tweetspotting sätter Twitter på världskartan
Postad i Digital av Simon Fransson den 21 oktober, 2009Idag släpps iPhone-appen Tweetspotting som jag utvecklat tillsammans med Måns Severin. Med Tweetspotting kan du se vem som Twittrar i närheten – eller på andra sidan jorden. På samma sätt kan du följa din timeline och dina mentions i kartläge, eller i en lista för den delen. Track-funktionen gör det även möjligt att i realtid följa dina vänners rörelser, såvida de använder en Twitter-klient som uppdaterar platsinformation. Tweetspotting kan köpas för 15 kr på App Store. Mer info hittar du på tweetspottingapp.com, vilken även den byggts av mig och Måns.
Prosopagnosia
Postad i Digital av Simon Fransson den 6 oktober, 2009
Prosopagnosia är det latinska namnet på ansiktsblindhet, vilket kan man säga att Apples iPhoto 09 lider av. Programmet låter dig därför koppla ihop personerna i ditt iPhoto-bibliotek med kontakterna i din adressbok, och inte bara Mac OS X inbyggda adressbok, utan även Gmail, Mozilla Thunderbird och Microsoft Entourage. Och inte nog med det, programmet kan även användas för att synka kontaktbilder mellan iPhoto och adressboken, vilket gör att du kan även föra över dessa till din iPhone.
Prorammet är utvecklat i Cocoa, tillsammans med Måns Severin som bl.a. ligger bakom Core Animation-effekterna. Webbsajten där programmet kan laddas ner är byggd i WordPress.
Flippat.se
Postad i Digital av Simon Fransson den 5 oktober, 2009
Martin har designat och Simon har programmerat sajten flippat.se åt Malmö Stad. Flippat är ett event för modeintresserade ungdomar som går av stapeln 28-30 oktober på Gustav Adolfs torg i Malmö.
Sajten har även fått en funktion för att publicera inlägg med MMS. Besökarna kan MMS:a in bilder på sig själva, vilka tas emot av mm3 och därefter laddas upp och publiceras via XML-RPC.