Chronometro

Vi på B.OTT Android teamet är mycket stolta att presentera vårt första bidrag till Android developer communityn som vi har utvecklat in-house: ett plugin för Android Studio som heter Chronometro.

https://github.com/TV4/chronometro

Open-source är en av anledningarna till Androids framgång. Därför är det extra kul att kunna ge tillbaka till communityn och bidra till fortsatt utveckling av plattformen.

Chronometro används för att mäta laddningstider av metoder och anrop som används i Android applikationer. Den är mycket praktisk för att kunna verifiera icke-funktionella krav.

Så, pröva den gärna och spread the word 🙂

Är du utvecklare eller AD?

Inför 2014 kommer vi förstärka Digitala medier med mer personal. Sedan några veckor tillbaka ligger en annons ute för en produktägare för våra Sport-tjänster och nu finns det ytterligare tre tjänster ute. Det är en AD/formgivare och två utvecklare vi söker.

Utvecklarna ska ingå i vårt team som utvecklar TV4 Play och Fotbollskanalen på iOS och Android och vi söker minst två personer, en med inriktning på iOS och en inriktad mot Android. En av de viktigaste kriterierna är att du brinner för att utveckling och programmering och allt runt omkring. Om du följt med i bloggen så har du förhoppningsvis fått en ganska bra bild av vad vi gör och vilka plattformar vi arbetar med.

AD-tjänsten är en ny funktion på avdelningen. Hittills har vi köpt in nästan all formgivning av externa partners, till exempel Daytona, men nu vill vi ha en egen resurs som kan ingå i utvecklingsteamen och formge våra produkter.

Vi har en spännande tid framför oss där TV4 kommer satsa mycket på att bygga TV-upplevelser på många tekniska plattformar. Om du gillar internet, rörlig bild, moderna teknologier och att bygga tjänster som många använder kommer du trivas här. Välkommen att söka! Om du inte är rätt person men vet vem som skulle passa så skicka gärna vidare annonsen eller tipsa mig.

Tiden är mogen för media querys

Ibland snubblar man över något där första tanken är “detta är ju självklart, varför använder ingen detta?”.

Jag använder Chrome to Phone rätt ofta, för att läsa vidare något man hittat på bussen hem. Vissa sajter har direkt anpassade layouter, men merparten har det inte (jag pekar bland annat på er IDG). Man får man förlita sig på mobilens webläsare att den anpassar texten till skärmen (genom dubbel tap på texten i en kolumn) eller försöka läsa något genom att scrolla i sidled vilket är helt uruselt ur användarsynpunkt.

The “full web experience” i mobilen är oerhört överskattad.

En del av de få mobilanpassade sajter som finns använder javascript för att kontrollera user agent strängen och skicka vidare till en mobilsajt. Och absolut, det funkar.

Utvecklingsmässigt är nackdelarna dock enorma. Dels har du två varianter och att bygga till en paddversion (som ledningen skriker efter) innebär ytterligare en. Sen måste de också testas. Visst finns det “User Agent Switcher” addon för Firefox, men optimalt är det absolut inte.

Men detta är inget nytt.

Jag snubblade över Less Framework. Ett ramverk för design av “adaptive websites”.
Beroende på vilken vilken upplösning du beskådar sajten i får du en anpassad layout. Less Framework har 4 st layouter, två mobila, en för paddor och en default. Men man måste inte följa detta (även om layouterna är genomtänkta enligt Fibonacci talföljden i syfte för “harmoni” på sidan), ramverket består endast i ett par rader CSS3 kod.

Med hjälp av media query max-width och min-width så anpassas layouten. Man behöver inte ens överdriva med handheld, portrait osv. Max-width och min-width räcker i de flesta fall.
Utvecklingsmässigt är fördelen enorm, att testa de olika varianterna handlar bara om att ändra storlek på webläsarfönstret. Du ser resultatet direkt.

Prestandamässigt tjänar du en del också, då CSS gör sitt jobb i renderingsmotorn. Javascript lever i sin motor som, oavsett hur snabbt de utvecklas, måste arbeta i DOM:en och lyssna på window.onresize eventet = mer overhead för samma sak.

Ett snyggt exempel på adaptive design (med media querys) är musiksajten http://www.juslisen.com. Det är så det ska fungera. Ge gärna tips på fler i kommentarerna.

Tyvärr lever många fortfarande med IE <9 = inget CSS3. Här finns lösningen CSS3-mediaqueries-js.

Det är egentligen inget nytt, men det är dags. Ju mer mobila vi blir, desto mer mogen är tiden för direktanpassade sidor och media querys är rätt väg.