1

Ibland får man en snilleblixt. Vi hade fått en lagtext i .docx-format och var tvungna att omformatera till html. Det är inte världens roligaste grej att hålla med på. Så varför inte använda sig av Word 2007:s inbyggda funktion och spara dokumentet som en webbsida?

Efter att ha sett en header på nära tusen rader kod kom vi på anledningen till att vi hade ombetts formatera om texten manuellt.

Microsoft är ju inte så pjåkiga ändå som lyckas få in tusen rader kod bara i headern. Sånt kräver skicklighet, det måste ni hålla med om.

13

Året var 1995. Sony hade nyss släppt sin första spelkonsol, Playstation. Konkurrenten hette Nintendo och en ny konsol var i pipelinen. Sony var tvungna att hitta en ny approach för att bryta sig in i spelmarknaden. Man satsade på stil, design och kaxighet.

Instrumentellt i detta var ett av Playstations releasespel, ett futuristiskt racingspel med en annorlunda design, inget som gamers hade skådat tidigare. Spel hade alltid varit pastell, midi och noll helhetskänsla. Här kom Wipeout med minimalism, stilrena linjer, electronica och en sammansatt vision.

För att få till detta hade Sony gett uppdraget att skapa världens häftigaste spel till erkända The Designers Republic. Designbyråns arbete lade grunden till det som skulle kallas Playstationgenerationen - gamers som vägrade se spel som ett guilty pleasure - som med resursstryka och attityd kom att förändra spelbranschen för alltid.

På fredagen gick The Designers Republic i graven. Resumé har en story om den anrika designstudions undergång. Bland finanskrisens offer hittar man numera Playstationgenerationens upphovsmän. Och där Sony en gång i tiden hade hela spelbranschen i sin hand måste företaget nu för tiden påpeka om och om igen att Playstation 3 inte är konsolen för alla. Siktet är inställt på en mer exklusiv image, mest för att man har en dyr konsol som man inte har råd att prissänka.

Med The Designers Republics undergång, och Playstation 3:s ställning i branschen, har ännu ett steg mot Playstationgenerationens död tagits. Med tanke på den nya 360-generationen är jag inte helt säker på om vi är på väg mot en bättre världsordning.

RSS-läsaren Google Reader har, som synes, designats om. Enligt den officiella bloggen görs detta för att mjuka upp upplevelsen. Färgerna är mjukare, man har infört rundade hörn, förenklat gränssnittet och även gett oss användare ett par nya funktioner.

Eftersom Google Reader är min port till bloggosfären vill jag gärna ha en så behaglig upplevelse som möjligt. Och här tycker jag att förnyelsen fungerar ganska bra, känslan av harmoni har ökat.

Är det bara jag som förresten lagt märke till att Google verkar genomgå en designrevolution? Tror nästan att det började med Chrome, sen dess har flertalet tjänster försökt hänga med i det nya designspråket.

3

gravatar.gifAllt sedan Automattic tillkännagav uppköpet av Gravatar för att sedan deklarerat att funktionen kommer att vara standard i framtida WordPress har alltfler bloggteman börjat använda gravatar som standard.

Även detta tema utnyttjar gravatar och resultatet av detta kan man se om man kommenterar ett inlägg.

Vad är då en gravatar kan man fråga sig? Jo, en förkortning av "globally recognized avatar", eller helt enkelt en global avatar. När du skriver in dig hos Gravatar får du möjlighet att koppla en bild till din epost-adress. Det fina är att nästa gång du kommentarar i en gravatar-aktiverad blogg så räcker det med att du skriver dit din epost-adress för att Gravatar ska känna igen dig och hämta hem den bild du kopplat till din identitet från dess server.

Om du har en gravatar så får du en starkare identitet på nätet. Vilket definitivt har sina fördelar. Att kommentera med en tillhörande bild ger mer personlighet och jag kan även tycka att det är estetiskt trevligare med lite bilder än att bara titta på text.

Att skaffa sig en gravatar är gratis och väldigt enkelt. Gör det här. Och då kan jag se vem det är jag pratar med.

3

Det har blivit dags att följa upp det inlägg jag gjorde där riksdagspartiernas webbhotell kartlades. Den här gången kommer jag att titta på webbteknologierna bakom politikernas sajter och dagens hjälpmedel är det utmärkta verktyget Built With.

Socialdemokraternas sajt är först till rakning. Sajten är byggd med hjälp av ASP.net, Shockwave Flash, CSS och enkla Javascript. Loggar och sajtanalyser sköts av DeepMatrix. Kodningen baseras på UTF-8, vilket är standard.

Moderaternas sajt byggs med hjälp av ASP.net och Shockwave Flash. Standarden som används är XHTML Transitional och CSS och Javascript hjälper till. Även ett javascriptbibliotek som heter Adobe Active Content får komma till användning. Loggar och sajtanalyser sköts av Google Analytics.

Centerpartiets sajt byggs även den med ASP.net, Shockwave Flash, CSS och Javascript. Pluginet SWFObject används för att förenkla för webbläsare att hitta flashinnehåll. Lite förvånande är kanske att Centerpartiet sajt skippat XHTML för att istället satsa på HTML 4 / 4.01 Strict. Annars baseras kodningen på UTF-8.

Folkpartiets sajt använder ASP.net som grund. Även Javascript, CSS, Image Map, Conditional Comments, SWFObject och Nifty Corners kommer till användning. Sajten är markerad som XHTML Strict och använder UTF-8 för teckenkodning.

Kristdemokraternas sajt byggs med hjälp av ASP.net, CSS och Javascript. Koden är deklarerad som XHTML Strict och kodningen baseras på UTF-8. Google Analytics står för logg- och sajtanalys.

Vänsterpartiets sajt körs med hjälp av XHTML Transitional, CSS, Javascript, Conditional Comments och MooTools. Sajten stöder även RSS. Kodningen sker genom obskyra ISO/IEC 8859 och logg- och sajtanalys sköts av Google Analytics.

Miljöpartiets sajt är byggd med hjälp av ASP.net, CSS, Javascript och HTML 4.01 Transitional DTD. Kodningen sker genom ISO/IEC 8859.

Intressant alltså att notera beroendet av ASP.net, och avsaknaden av PHP-baserade partisajter. Överlag känns det som att riksdagspartierna gärna designar sina webbsidor med hjälp av ungefär samma verktyg. Ligger det någon gemensam upphandling bakom?

11

Tro det eller ej, men mitt byte av tema denna gång är bara ett test. Nu är det inte sagt att jag inte kommer att behålla saker och ting som de är, men än så länge har jag faktiskt inte bestämt mig.

Med det inbyggda taggsystemet har möjligheter som jag inte vågat utforska tidigare öppnat sig. Det har fått mig att delvis tänka om mitt sätt att presentera mina inlägg. Där jag tidigare haft en väldigt tydlig koppling till bloggar.se försöker jag numera leva på egna meriter.

Och här introduceras det jag kallar mervärde. Helt enkelt en lansering av mina interna taggar som vidareläsning. Mina hänvisningar till bloggar.se har nu fått gå tillbaka ett steg till att exponeras endast för varje inlägg för sig. Samtidigt har den externa tagglänkningen åsidosatts till ett fält till höger om inläggen istället för direkt under. Det ser helt enkelt snyggare ut och samtidigt blir taggfunktionen mer relevant, det är i alla fall vad jag tror.

I bloggar.se:s plats har mina mervärdeslänkar tagit plats. Jag hoppas att ni kommer att utnyttja dessa för att läsa er in på vad jag tidigare tyckt i ämnet. Det är ett egoistiskt tänkande, men jag har ändå försökt att hålla mig så öppen för bloggosfären som någonsin tidigare. Länkandet i själva inläggen kommer att fortsätta på samma sätt som förut, det är berikande att skicka läsare till varandra.

Vidare har ett par nygamlingar kommit tillbaka. Ett av dem är taggmolnet, det andra tre-kolumn-designen och det tredje är pluginet Get Recent Comments från Krischan Jodies.

Återkom gärna med feeback om du känner för det. Något som inte fungerar? Kommentera nedan eller skicka ett mail till naseer[a]tmn.nu.

2

Jag har oftast märkt att temaskapare brukar vara lata när det gäller blockquote-funktionen. Det här temat saknade till exempel helt formateringskod i stilmallen för blockquotes. Jag har sett teman där funktionen varit väldigt begränsad och så har jag även sett väldigt avancerade och snygga blockquotes.

Grejen är att en utmärkande blockquote inte alls behöver vara så svår att få till.

I min stilmall (style.css) har jag till exempel slängt in följande rader:

blockquote {
background-color: #DDF0FF;
padding: 2px;
padding-left: 2em;
margin: 1em 0px;
border: 1px solid #505163;
width: auto;
clear: both;
overflow: hidden;
}

Som ni ser är det inte så krångligt att anpassa koden till den egna bloggen. Vill man inte ha någon ram runt sin blockquote så sätter man bara border till 0px. Vill man ha en annan bakgrundsfärg (eller ingen alls) så ändrar man background-color. Och så vidare. Möjligheterna är obegränsade.

Och från att haft en tråkig blockquote med endast indragen text kan man plötsligt skapa lite funkigare citat.

"Som den här till exempel."

Ett tips när man fastnar för en extra snygg blockquote-funktion är att helt enkelt sno koden. Lyssna inte på de som säger att det är omoraliskt eller olagligt. Det var så de flesta kom att lära sig skriva HTML. Man kollade in andras kod, klistrade in den i sin hemsida, för att sedan anpassa den. Det handlar helt enkelt om learning by doing.

Hur du då gör för att sno en stilmallskod? Tja, gå in på din favoritsida och välj att visa källkoden. Oftast räcker det med ett högerklick för att du ska få möjligheten. Leta sen upp stylesheet-avsnittet i koden - den brukar ligga rätt högt upp i källkoden - och notera vilken sökväg css-filen har.

Hos ICA.se ser jag till exempel följande sökväg: lib_css/ettan_test/start.css
Vad jag gör då är att gå till http://www.ica.se för att sedan inkludera sökvägen ovan i webbadressen. Resultatet blir http://www.ica.se/lib_css/ettan_test/start.css. Och vips kan jag se stilmallen för ICA.se för att låta mig inspireras.

Prova gärna själv. Ta bara backup på dina filer innan du pillar i dem för att ta det säkra före det osäkra, och sedan kan du leka så mycket som du vill.

4

kong

Jag började min spelskribentkarriär hos Kong. Från att tidigare följt sajten av och till från den tid då de kallades tvspel.nu vågade jag äntligen skicka en skribentansökan och togs då emot som skribent.

Sedan dess har Kong alltid stått mig varmt om hjärtat. Jag har följt utvecklingen från tvspel.nu, till Kong, till nyhetsbrevet Kong[1], Kong 2.0 och så vidare. Nu är vi framme vid Kong 5.0 och det är WordPress som tagit över som publiceringsverktyg ihop med ett riktigt snyggt egendesignat tema.

För en sajt som varit igång sedan 1996 har Kong alltid lyckats med att behålla en fräsch känsla. Så fort man märkt av att läsarna tröttnat har en ny design dykt upp som livat upp stämningen.

Nu när man kör med WordPress som backend kan jag tänka mig att saker och ting blivit lättare att administrera. Inte minst på grund av alla möjliga och omöjliga plugins man kan använda sig av.

En annan nyhet jag lägger märke till är att sajten breddat sig från att exklusivt skriva om spel till att ta in film, musik, prylar och annat smått och gott.

Av de gamla godingarna bland spelsajter är det väl bara Gamingeye och Gamecore som fortfarande är i enorm behov av nydesign. Jag märkte nämligen att Level7 hade fixat en ny dräkt för inte så länge sedan.

  1. Jag tror att mina första skribentuppdrag hamnade här någonstans. []

5

Med hjälp av webbtjänsten Crazy Egg har jag den senaste månaden spårat alla klick jag fått på bloggen. Inget konstigt med det kanske, men extra coolt blir det när man väljer att visualisera klicken i form av ett värmefilter.

Crazy Egg heatmap
(bilden är klickbar)

Tyvärr är Crazy Egg ganska begränsat när man utnyttjar tjänsten utan att betala för den. Här visas endast de mest populära klicken istället för alla klick. Detta leder till att inläggsklicken sällan syns, allt eftersom tiden gått har fokus istället lagts på bloggens header och sidebar. Lite synd att man inte får en helhetsbild, men rätt coolt ändå.

Hur ser klicken på din blogg ut?

Jag beundrar alla som arbetar hos svenska Microsoft. De här människorna har nämligen lyckats knäcka Microsofts jobbsajt, någonting jag själv försökt göra i tre dagar nu utan att lyckas. Jag är mitt inne i en labyrint som inte ens Theseus hade klarat av, röd tråd eller ej.

Jag vill bara veta en sak. Hur i helvete hittar man Microsofts lediga tjänster?

Det hela börjar med att jag är nyfiken på vilken typ av tjänster Microsoft erbjuder här i Sverige och det leder mig till Microsofts Karriärwebb. Där hittar jag en länk som heter "sök aktuella jobb" och klickar på den. Det för mig vidare till Microsoft EMEA Careers som ber mig att lista det land jag önskar arbeta i. Jag väljer Sverige och hamnar återigen hos Microsofts Karriärwebb som återigen ber mig att söka aktuella jobb. Vilket självklart tar mig vidare till Microsoft EMEA Careers...

Snurrigt värre!

Jag tror att det är så Microsoft hittar sina anställda. Är du tillräckligt klurig för att faktiskt hitta till de lediga tjänsterna så är du troligen tillräckligt klurig för att kunna arbeta på företaget. Enkelt och effektivt.

Snacka om urusel design...

Jag är medveten om att man kan klicka på "Tjänster på Microsoft AB" i menyn till vänster i Karriärwebben, men hur kul är det att basera ett helt inlägg på en fungerande länk? Nä... just det. Och nej, jag letar inte efter jobb.