Aug/090
När en hemsida blir en applikation
Hur kommer det sig att vi helt plötsligt behöver en applikation för att komma åt informationen på en hemsida?
Som ett exempel kan vi ta kära Hemnet som ett tag varit Sveriges största bostadssajt. För en tid sedan gjordes en ”uppfräschning” av sidan vilket gav den nytt utseende. Men vad hände mer? Jo, helt plötsligt kunde man inte använda sidan i iPhone/ iPod touch för att de fräcka ”sliders” som sidan använder sig av inte stöds av Apples handhållna enheter.
Vad händer då? -”Jo, det här är inget problem för att iPhone-applikationen kommer att släppas snart.”
Vad skulle hända om alla tänkte såhär? Hela min home-screen på min stackars gamla iPod touch skulle bli översvämmad av ikoner, en för varje hemsida jag vill besöka.
Det intressanta med det här är ju att Apple faktiskt har lyckats väldigt bra med Safari på iPhone. Tillsammans med enhetens interaktionstekniker blir det den bästa mobila webbläsare jag har använt.
Det är klart att en applikation i dagsläget kan göra vissa saker snabbare och snyggare än en ”vanlig” webbsida kan göra, men till vilket pris? Applikationen fungerar fortfarande bara på EN sorts enhet och måste utvecklas specifikt för denna. Samt att Apples ständiga uppdateringar gör att det inte slutar där, utan att den måste underhållas för att kunna köras i framtida versioner av operativsystemet.
I och med att en webbsida relativt enkelt kan känna av om användaren surfar med sin iPhone så kan man presentera materialet på sajten på ett sätt som passar perfekt för dess skärm. De som lyckats bäst tycker jag är Google som t ex med deras Reader gör att RSS-feedsen kan läsas på ett väldigt bra sätt både på datorn och i en iPhone. Jag behöver ingen specifik applikation för att göra så enkel sak, vilket är väldigt bra.
Finns det ingenting jag gillar med det här då? Jo, det är klart det gör.
- Liksom att ha sina bokmärken är det inte helt fel att ha några stycken av sina favoritsajter som en ikon på ”skrivbordet” och då kan det lika gärna vara en applikation, det kvittar för mig
- Som jag tidigare sagt finns det viss funktionalitet i en iPhone som inte fungerar så bra på webben, vilket gör att vissa sajter gör sig helt enkelt bättre som applikation än som webbsida
- Än en gång visar Apple varför de är världens bästa designers, de har lyckats få hela världens alla utvecklare att satsa på att utveckla för EN enda enhet, det skulle ju kunna jämföras med att alla skulle börja utveckla för endast Nokia N97
- Hade det inte varit för hela den infrastruktur App Store tillhandahåller så hade inte så många utvecklat för just iPhone, trots att den är en av historiens bästa ”mobiltelefoner”
Aug/093
Add-ons för Firefox
Jag har tidigare fått en fråga om vilka add-ons jag använder till Firefox så här kommer en lista.
All-in-One Gestures
![]()
Navigering med hjälp av musen. Håll in högra musknappen och gör en gest för att gå bakåt (dra vänster), framåt (dra höger) eller annat. En av mina stora favoriter.
AutoPager
![]()
Har jag skrivit om tidigare så läs gärna hela det inlägget.
BugMeNot
![]()
Låter dig logga in och ladda ner program och annat utan att du behöver gå genom en lång registreringsprocess. Fungerar på väldigt många olika sajter.
ColorZilla
![]()
Plocka upp värden för vilken färg som helst från en webbsida. Fungerar likadant som color pickern i Photoshop eller andra bildprogram.
Delicious Bookmarks
![]()
Gör det enklare att kontrollera de bokmärken man har på Delicious. Den utnyttjar att Delicious vet vad andra taggat en viss URL med och ger dig förslag, vilket gör att det går snabbt att spara ett nytt bokmärke.
Download Statusbar
![]()
Slipp ett pop-up-fönster för nedladdningar och ha istället dessa längst ner i varje fönster.
Firebug
![]()
Ovärdeligt för alla webbutvecklare. Undersöker webbsidors HTML, CSS, Javascript och mycket mer. Jag använder det både för design av egna saker men även för att inspektera hur saker och ting är uppbyggda på andra sajter.
FireShot
![]()
Tar skärmdumpar av det som finns i webbläsaren. Det bästa med just FireShot kontra vissa andra skärmdumps-add-ons är att man kan direkt kan rita på den nytagna bilden.
GooglePreview
Lägger in en skärmdump på alla sökträffar när man är inne på Google.
Gmail Notifier
![]()
Notifieringar av Gmail-meddelanden.
Greasemonkey
![]()
Gör det möjligt att köra egenkomponerade Javascript på vilken sajt som helst, lokalt i webbläsaren. Det går även att ladda ner andras, t ex nåt av mina två; Facebook CSS Fixer eller Hemnet Cleaner.
MeasureIt
![]()
Mäter pixlar på skärmen
Split Browser
![]()
Delar upp webbläsaren i hur många olika delar som helst. Kan vara bra för att jämföra sajter med varandra.
TwitterFox
![]()
Twitternotifiering för Firefox.
Aug/092
Ladda nästa sida automatiskt
Nästan alla gånger man söker på någonting på Internet får man en lista med cirka 20 sökträffar och sedan flera hundra sidor till. Till dessa navigerar man med de klassiska nästa-knapparna eller varför inte direkt till en specifik sida genom att trycka på dess sidnummer.
Nu har jag dock hittat ett Firefox-plugin som gör att du inte behöver trycka på nästa-knappen längre. Den laddar helt enkelt in nästa sida automatiskt när du börjar närma dig slutet på den sida du just nu befinner dig på.
Detta plugin heter AutoPager och nedan kan du se en skärmdump på hur den automatiska sidladdningen sker och visar hur botten på sida 1 och toppen på sida 2 ser ut.
AutoPager fungerar på otaliga sajter och de jag testat det på med positiva resultat är än så länge Google, Flickr och Digg.
Aug/091
WordPress-plugins för denna blogg
Om det nu intresserar någon så kommer här en lista på de plugins jag använder för denna WordPress-blogg. Kan kanske vara bra att se hur de fungerar live.
Spam-filter för kommenteringsfunktionen.
Sökordsoptimering för hela sajten.
Delar visuellt upp kommentarerna i de som besökarna skrivit och de som administatörer av sajten skrivit (i detta fall jag).
Gör att jag har större kontroll och frihet över de länkar som jag tycker är viktiga.
Större inställningsmöjligheter än WordPress inbyggda Tag Cloud.
Validerar kommenteringsfälten utan att behöva ladda om sidan. Mycket snyggare sätt att göra det på än att kasta besökarna till en helt ny sida.
Används för att jag ska ha koll på hur många som följer min blogg via RSS.
Delar upp arkivet under år och är expanderbar vilket gör att den bara visar år från början och månader om man klickar på ett valfritt år.
Bildvisare som lägger bilderna över hela sajten på ett trevligt sätt. Den är väldigt smidigt att använda också och knyter sig automatiskt till bilder jag lägger in i mina poster.
Gör det möjligt att lägga upp en profilbild.
Syns bara i administreringsläget och är en textredigerare med mer funktionalitet än WordPress inbyggda.
Visar helt enkelt en feed på mina Twitter-inlägg.
Jul/090
Gratis Spotify-konton
En god vän till mig tipsade mig om denna sajt där man kan skaffa gratis Spotify-konton. Det går till så att du skapar ett franskt konto vilket du ändrar till ett svenskt efter regristreringen och då funkar allt som vanligt. Det finns en bra beskrivning hur man går till väga på sidan.
UPPDATERING: Registreringsdelen på sidan verkar inte fungera så bra just nu så kolla genom hur man ska göra och gå sedan in här och tryck sedan ”Continue anyway…” för att komma till registreringen.
Jul/095
Bloggen flyttad
Tjenare alla.
Nu har jag flyttat bloggen hit istället, vilket du säkert vet då du är här och surfar runt. Jag har flyttat den hit av lite olika anledningar:
- Nu kör den på min egen server vilket gör att jag kan kontrollera allt material smidigare
- Bloggers (min gamla bloggplattform) administreringsgränssnitt gav mycket mer att önska
- Min nuvarande bloggplattform WordPress gör allt mycket smidigare och ger mig total frihet att styra bloggen och dess innehåll
- Jag kan blogga från iPod touch
Peka gärna om din RSS-läsare till denna adress också: http://feeds.feedburner.com/TeknikFrMnniskor
Temat är byggt av en kille som heter Andrei Luca och jag har gjort lite småändringar på det.

Mar/090
Lights Out i Youtube
Jag har tidigare skrivit om Greasemonkey som är ett add-on till Firefox som gör det möjligt att köra små skript folk har skrivit. Jag har hittat några favoritskript och här kommer ett tips.
Tipset är Youtube ”Lights Off” och gör det lite mer njutbart att kolla på filmsnuttar på Youtube. Skriptet dimmar ner allting på sidan utan just filmen, vilket gör det enklare att fokusera på filmen. För att aktivera/avaktivera skriptet klickar man på glödlampan som finns placerad under filmen.
Skriptet kan laddas ner här: http://userscripts.org/scripts/show/11058
Jag hade dock problem med Firefox 3 i OS X som dimmade ner själva filmen också, men det löstes genom att jag la till två rader kod i slutet på skriptet:
document.getElementById(”watch-player-div”).style.position = ”relative”;
document.getElementById(”watch-player-div”).style.zIndex = ”200″;
Mar/090
Årets kommentar
”Warning: ONLY DO THIS IF YOU KNOW WHAT YOU ARE DOING AND CAN ACCEPT THE RISK*”
well *****, its a tutorial, i wouldn’t be reading a tutorial if i knew what i was doing
Så sant, så sant….

Mar/090
Uppdaterat Facebook-skript
Nu har jag uppdaterat det skript för utseendet på Facebook jag skrivit om innan (http://interaktioner.blogspot.com/2009/03/fixa-facebooks-utseende_14.html).
Högerkolumnen:
- Tagit bort reklamen
- Gjort bilderna mindre
- Gjord textstorlekarna mindre
Mittkolumnen:
- Tagit bort alla inlägg av typen ”jag har tagit ett fjantigt test om vilken personlighet jag har”. Detta är tyvärr en liten fullösning då dessa inlägg är av samma typ som alla andra inlägg. Det skriptet kollar efter är texten ”took the” i inlägget. Så skriv inte det i era inlägg så slipper ni få de bortfösta
Vänsterkolumnen:
- Minskat textstorlekarna
Ladda hem det nya skriptet på samma ställe som tidigare
Mar/090
Fixa Facebooks "nya" utseende
Gör följande för att installera:
1. Installera webbläsaren Firefox (om du inte redan gjort det).
2. Installera ett add-on som heter Greasemonkey. Det gör mitt skript körbart.
3. Klicka på denna länk: http://userscripts.org/scripts/source/44239.user.js. Det borde skicka upp fönstret som syns här jämte. Tryck ‘Install’ eller ‘Installera’ så ska skriptet läggs till i Firefox.
4. Klart att surfa in på Facebook och kolla nya utseendet.
Då jag gjorde detta väldigt snabbt kan fel förekomma och skriptet kommer säkert uppdateras för att göra saker ännu bättre. De rundade hörnen på bilderna fick jag plocka bort för nu, men de kanske kommer tillbaka i en senare version.
Har ni några frågor är det bara att köra iväg de till mig.
Syns på Facebook.













