Att utveckla för mobila webbläsare är, de många moderna funktionerna till trots, på många sätt som att resa tillbaka till slutet av 1990-talet. Mobilernas begränsningar gällande minne, processor, skärmupplösning och framförallt överföringshastighet påminner om den plats skrivbordsdatorer befann sig på när de fortfarande kommunicerade via uppringningsmodem.

Den stora skillnaden utöver storleken är att mobila webbläsare inte kör fax-fanfaren varje gång de kopplar upp.

För mig, som vanligtvis är bortskämd med bandbredd, har det varit en stor utmaning och väldigt lärorikt att få almedalssajten att köra i en komfortabel hastighet. I vissa telefoner är den kanske inte riktigt där än, i andra är det efter en hel del optimering faktiskt riktigt snabbt.

Så mitt viktigaste tips efter att ha pysslat med det här är att ta bort allt som inte är absolut nödvändigt. Stryk den där roliga funktionen som bara hälften av alla kommer använda.

Allt utöver det nödvändigaste gör sajten långsammare, mer svårnavigerad och kostar dyrt ur användbarhetssynpunkt.

Hantera datan

Eftersom vi gillar Wordpress väldigt mycket har vi använt det till publiceringen på almedalen.fokus.se. För att hantera den stora mängden innehåll i almedalsprogrammet på ett strukturerat sätt gjorde vi egna taxonomier. Jag har tidigare skrivit om det här, men det tål att upprepas.

Sätt upp dina taxonomier i functions.php:

<?php
add_action( 'init', 'my_taxonomies', 0 );
 
function my_taxonomies() {
	register_taxonomy( 'place', 'post', array( 'hierarchical' => false, 'label' => 'Plats', 'query_var' => true, 'rewrite' => true ) );
	register_taxonomy( 'organizer', 'post', array( 'hierarchical' => false, 'label' => 'Arrangör', 'query_var' => true, 'rewrite' => true ) );
	register_taxonomy( 'organisation', 'post', array( 'hierarchical' => false, 'label' => 'Organisationstyp', 'query_var' => true, 'rewrite' => true ) );	
}
?>

Nu kan vi utöver inläggsetiketter även sortera innehåll efter plats, arrangör och organisationstyp. Detta är i enlighet med »stryk det«-principen inte utgjort som navigeringsmöjligheter för användaren, men som strukturerad data är det superanvändbart i en massa andra sammanhang. Till exempel behövs det till Kart- och Twitter-integrationen.

Eftersom man måste kunna kolla alla evenemang, framförallt de som ännu inte har ägt, och evenemangen använder publiceringsdatumet (post_date) som tidsangivelse behöver vi få Wordpress att visa opublicerade inlägg. Återigen i functions.php:

<?php
function my_posts_request_filter($input)
{
	return(str_replace('publish','future',$input));
}
 
add_filter('posts_request','my_posts_request_filter');
?>

Detta trollar om alla inlägg till att ha ”publish” som post_status, även om den egentligen är ”future”.

Nästa grej var att stoppa in all data från Gotlands kommun i vår egen databas. Wordpress har såklart en samling förnämliga funktioner för detta ändamål. Vi gjorde en plugin som kör ungefär den här koden (xml-strukturen beror såklart på vad det är för xml man stoppar in):

<?php
function get_and_put_event($event_id){
 
	$xml = simplexml_load_file("http://www.en-internetadress.se/min-feta-xml-fil/");
	$document = $xml->documents->textdocument;
	foreach($xml->document as $document){
		if($document->attributes() == $event_id){
			foreach($document->children() as $node){
				$event[ (string) $node->attributes() ] = (string) $node;		
			}
 
			// Kolla om vi redan sparat inlägget och därför ska uppdatera det istället för att skapa det.
			$con = mysql_connect(DB_HOST,DB_USER,DB_PASSWORD);
			if (!$con){ die(':(' . mysql_error()); }
			mysql_select_db(DB_NAME, $con);
 
			$result = mysql_query("SELECT post_id FROM wp_program WHERE event_id = $event_id");
			$row = mysql_fetch_row($result);
			$mypost['ID'] = $row[0];
 
			// Rubrik
			$mypost['post_title'] = $event[$nodes->title];
 
			// Ingress
			$mypost['post_excerpt'] = $event[$nodes->excerpt];	
 
			// Innehåll
			$mypost['post_content'] = $event[$nodes->content];
 
			// Plats
			$place = $event[$nodes->place];
 
			// Tags är en array
			foreach($event[$nodes->tags] as $tag){
				$tags[] = $tag;
			}
			$mypost['tags_input'] = $tags;
 
			// Kategori måste skapas om den inte finns
			$category = wp_create_category($event[$nodes->category]);
			$mypost['post_category'] = array($category);
 
			// Egna taxonomier
			$organizer = $event[$nodes->organizer]];
			$organisation = $event[$nodes->organisation]];
 
			// Diverse saker
			$mypost['comment_status'] = 'closed';
			$mypost['ping_status'] = 'closed';
			$mypost['post_status'] = 'publish';	
 
			// Kasta in inlägget
			$my_id = wp_insert_post($mypost);
 
			// Kasta in egna taxonomier till inlägget
			wp_set_post_terms($my_id, $place, 'place');
			wp_set_post_terms($my_id, $organizer, 'organizer');
			wp_set_post_terms($my_id, $organisation, 'organisation');
 
			// Gör en trevlig länk som vi kan klicka på för att se hur fint det blev!
			echo '<p>'. $event_id .'=><a target="_blank" href="/?p='. $my_id .'">' . $my_id . '</a></p>';
		}
	}
}
?>

Det hela är ganska okomplicerat och finns väl dokumenterat i Codex.

Det enda speciella vi gjorde här var en databastabell som håller koll på vilka evenemang som sparats, och därför ska uppdateras istället för att skapas.

Slutligen fixade vi så att alla inlägg kommer kronologiskt i loopen. Vanligtvis brukar hemsidor visa det senaste först, men ett kalendarium bör nog oftast visa det första först. Den här raden vänder uppochner på allting och ska köras innan loopen.

	<?php global $query_string; query_posts($query_string . "&order=ASC"); ?>

Fixa gränssnittet

När all data är i ordning är det dags att bygga något som interagerar med den. Sajten bygger i hög grad på javascript-ramverken jQuery, jQTouch och Touchscroll.

JQuery behöver ingen närmre introduktion. Det har blivit de-facto standarden för att skriva enklare javascript och finns buntat med Wordpress.

JQTouch är en jQuery-plugin tänkt att tillhandahålla behändiga funktioner för just pekskärms-baserade apparater. Det gör det onekligen smidigt att anpassa interaktion för Android och iPhone, men det är också rätt tungt och svåröverskådligt. Kanske hade det varit enklare att skriva den begränsade mängd funktionalitet vi i slutändan använde själva? Men det är absolut ett imponerande ramverk som jag råder alla att testköra.

Touchscroll är ett ramverk som förhindrar webbläsarens default-scrollning och hittar på sin egen. På så vis kan man runda några av iPhone-Safaris stökiga begränsningar som superslö scroll, och förbud mot absolut positionering av element. Efter iOS4-uppdateringen känns den dock betydligt långsammare, eller så är det bara hjärnspöken.

Att integrera dessa ramverk med Wordpress är mest en fråga om att ha välstrukturerad html i temat, men vi hade vissa problem med att få jQTouch och Touchscroll att fungera ihop.

Komprimera och optimera

Vi har lagt stor möda på att få ner storleken på sidan. Almedalsprogrammet är i år större än någonsin, och den blotta mängden evenemang gjorde att storleken på sidan initialt var omkring en megabyte, typ enbart text och html, vilket är helt sjukt.

De flesta webbläsare, även mobila, stödjer gzip-komprimering. När vi komprimerade all html krympte sidan till runt 200kb, vilket ändå är för stort. Vi minifierade css javascript, och gzippade även javascriptet, detta reducerade storleken till 140kb.

Det visade sig också finnas en hel del effektivisering att göra i markupen. Genom att ta bort element som mest hade semantisk och estetisk funktion, och försöka åstadkomma samma sak med css istället sparades ytterligare 10kb, dessutom gjorde det Touchscroll mycket mer responsivt.

Inget av den optimering vi gjort har vi kommit på själva, det bygger på tips och tricks från vänliga själar. Och vi kommer fortsätta att försöka pressa ned storleken och upp hastigheten, så om ni har något grymt optimeringsknep på lager, langa på det, vi skulle bli superglada!

Avslutningsvis

Det som har varit roligast att göra är »spara favoriter«-funktionen. Dels för att den blev ganska elegant om jag får säga det själv, men framför allt för att den verkligen löser ett problem.

Med så många evenemang i kalendariet behövs det desperat ett sätt att vaska fram guldkornen, och det bästa sättet att göra det är såklart genom att använda almedalsbesökarnas kollektiva intelligens.

Så jag vill verkligen uppmana alla att ta en titt på kalendariet, registrera en användare och spara favoriter.

Tillsammans kan vi skapa den definitiva guiden till evenemangen du inte får missa!

Med mindre än en månad kvar till årets stora politik- och påverkansfestival är vi glada och stolta över att tillsammans med Gullers Grupp kunna presentera en mobilanpassad version av kalendariet.

För iPhone installerar du programmet genom att gå till almedalen.fokus.se med mobilens webbläsare, tryck på + och välj ”lägg till på hemskärmen”.

Vi kommer att fortsätta utveckla funktionerna under tiden fram till Almedalsveckan, så om du har tips och idéer på hur vi kan förbättra programmet tar vi tacksamt emot dem!

Eftersom det är första gången vi gör det här har utvecklingen varit kantat av nya erfarenheter och lärdomar. En mobiltelefon, hur bra den än är, kommer inte ens i närheten av den prestanda som vi är vana vid från våra datorer. Att få programmet att kännas någorlunda snabbt och responsivt har varit en verklig utmaning. I synnerhet eftersom Almedalsveckan och antalet evenemang i år är större än någonsin.

Vi tycker nu att vi har fått det att fungera tillfredsställande, och sätter vårt hopp till att 3g-näten i Visby klarar av att snabbt leverera data till alla seminariesugna sommargäster samtidigt.

Vi valde tidigt att göra programmet som en webbapplikation eftersom det innebär att fler kan använda det, och att vi får större kontroll över uppdateringar och annat. Det vi offrat är att programmet då inte är tillgängligt i Android- eller iPhones app-stores. Men eftersom det ändå är mycket snabbare och smidigare att installera en webbapp känns det inte som någon större förlust.

Vi hoppas att det mobila almedalsprogrammet ska göra det lite lättare för er som åker till Almedalsveckan att hålla koll på vad som händer på byn. Vi vill också passa på att bjuda in er till vårt seminarium, och tipsa om att man före, under och efter almedalsveckan kan följa oss på Twitter.

Vi ses i sommar!

Läs mer om appen på makthavare.se och fokus.se.

Sverige börjar få valfeber. Och eftersom Fokus alltid satsat så hårt på att ha den bästa bevakningen av svensk politik tycker vi det är superkul att tempot höjs och fler människor engagerar sig i de aktuella frågorna.

Varje nyhetswebb med självaktning bör i dessa tider ha en valsajt. Vi har en, du hittar den på fokus.se/tema/val-2010, men framförallt blir vi en valsajt.

De kommande månaderna riktar vi in oss på att inte bara ha en bra valsida med nyheter och annat smått och gott, utan även på att integrera valbevakningen i alla delar av fokus.se där det passar.

För att åstadkomma detta utvecklar vi ett Wordpress-tillägg som hämtar och visar information om svensk politik och svenska makthavare. Vi kallar det Sveriges riksdag för Wordpress och har nu släppt det i sin första version.

I dagsläget visar Sveriges riksdag för Wordpress ett interaktivt diagram över opinionsläget, en kalender med kommande händelser i valrörelsen och veckans mest intressanta länkar om svensk politik.

Diagramet visar en sammanvägning av publicerade opinionsundersökningar från alla olika institut. Genom att väga samman olika mätningar kan skillnader i frågor, mätmetoder och andra felkällor pareras och en tydligare bild av opinionsläget ges. Dessutom visas  länkar till Fokus politikreportage samt mandatperiodens viktigaste händelser, valda av Fokus politikredaktör Torbjörn Nilsson, i anslutning till tidsaxeln.

Politiklänkarna och valkalendern sammanställs av redaktionerna på Fokus och makthavare.se.

Vi har många ytterligare funktioner på gång som vi kommer att rulla ut i rask takt varefter de blir färdiga.

Sveriges riksdag för Wordpress är framförallt ämnad att användas på fokus.se och makthavare.se, men om du har en Wordpress-sajt som du vill politikifiera får du gärna ladda ned och använda tillägget på din sida.

Vi  har testat tillägget på Wordpress 2.9 och 3.0 men kan såklart inte garantera att det funkar perfekt tillsammans med ditt tema och dina andra tillägg.

Hursomhelst, från och med nu är vi en valsajt, och vi hoppas att du blir det också!

Plötsligt täcks Colorados himmel av fallskärmar med sovjetiska soldater. Invasionen sker så plötsligt att ingen hinner blinka innan kommunisterna fullbordat sitt mål: att starta soppköer från öst- till västkust.

Allt detta i filmen »Röd gryning« från 1984 – 114 minuter som du gott och väl kan ägna åt annat.

Men vid den tid då Reagan argumenterade för att en sovjetisk invasion av Afghanistan var samma sak som en invasion av USA, framstod inte »Röd gryning« som lika larvig. För många var det en fullt rimlig dramatisering av varför stödet till den afghanska motståndsrörelsen var viktigt.

Populärkulturen har sällan utrymme för mer än ett stort hot åt gången.

Parallellt med att Reagandoktrinen tappade i betydelse ökade antalet rapporterade fall av multipel personlighetsstörning i världen. År 1980 fanns bara 200 kända fall, när kalla kriget var slut hade de hunnit bli 20 000. Orsaken sägs av vissa forskare vara filmen »Sybil«, som med sin kittlande berättelse om Shirley Ardell Masons 16 personligheter populariserade diagnosen.

Undermedvetna hämnare med förträngda minnen av sexuella övergrepp var det nya, inte bara på film, utan även bland psykologer, medier och allmänhet. Individer som Hannibal Lecter och Thomas Quick utgjorde det stora hotet mot den fredlige medborgaren. Röda faran hamnade på utelistan.

Men med attackerna den 11 september blev hotet åter storpolitiskt. Sedan dess har en god del av 2000-talet ägnats åt att ängsligt debattera islam. I november förra året rapporterade till exempel riksmedierna om »ökad radikalisering« bland muslimer i Rinkeby. Mona Sahlin åkte dit och stöddansade och Nyamko Sabuni lovade att kartlägga fenomenet.

Ett halvår senare kunde »Konflikt« i P1 berätta hur uppgifterna, om bland annat terroristrekryteringar, till stor del baserats på anekdoter från en enda källa. Politiker, medier och medborgare hade återigen svepts med av en kittlande historia i samtiden.

När »South Park« nyligen summerade sina första 200 avsnitt med att ännu en gång driva med att man inte får driva med Muhammed var dock temperaturen lägre än vanligt. Någon skrev det förutsägbara hotet på internet som världspressen lydigt plockade upp, men den lika förutsägbara yttrandefrihets­debatten uteblev.

När hotet från islam till slut inte längre bär skägg utan förkroppsligas av Jihad Jane från Michigan, har terroristparadigmet skruvats till sin sista gänga.

Förr eller senare måste ett hot lämna plats för ett annat.

I september förmörkas återigen himlen i den amerikanska mellanvästern, när nyinspelningen av »Röd gryning« släpps.

Den här gången kommer soldaterna från Kina.

Rättegången mot 46-åriga Colleen »Jihad Jane« LaRose, som står åtalad för en mordkomplott mot konstnären Lars Vilks, inleds på tisdag i Philadelphia.

Någon du känner har blivit fan av ett up-and-coming kommunalråd som kandiderar till riksdagen. Du kanske också vill bli ett Facebook-fan? Partierna har i valrörelsen verkligen lyckats väva in sig i internets vardag. Med varierande iver och framgång satsar alla hårt på att söka upp väljarna var de än befinner sig.

En ståndsmässig kampanj­sajt anno 2010 har små rutor för åtminstone Twitter, Youtube, Facebook och Flickr. Eftersom partierna är erfarna och professionella kampanj­organisationer arbetar de efter siffror.

De har anställt personal för att noga mäta besökare på hemsidan, inlänkar i bloggnätverk, followers, visningar och fans.

Valet 2010 är partiernas första trevande försök att omvandla dessa siffror till social organisation. De skryter gärna ut nyckeltal de är nöjda med för att framstå som rörelser med fart. Men siffrorna ljuger; för att utvinna någon verkligt användbar kunskap ur dem krävs åtminstone att de skådas i ljuset av ett valresultat.

Svenska Dagbladets sammanställning av nätstatistik i veckan landade i slutsatsen att sverigedemokraterna dominerar på internet. Twittraren Magnus Bråth sågade undersökningen med de träffande orden »Att säga att sd dominerar sociala medier är som att säga att folk oftast skickar mail om Viagra«.

Demokrati må vara en krass popularitetstävling, men i nätkampanjerna är det inte antalet vänner som räknas, utan – i brist på bättre ord – kvaliteten på dem.

Priset delades för första gången ut förra året, då till författaren Mattias Gardell, och har vållat mycket debatt. Bland annat föranledde det den då blivande ständige sekreteraren för Svenska Akademien, Peter Englund, att instifta det ironiska Pol Pot-priset, som även det gick till Mattias Gardell.

På sin blogg skrev Englund att Mattias Gardell skulle få Pol-Pot priset i år också, men något utlåtande från juryn bestående av Englund och hans två katter har i skrivande stund inte kommit.

Roy Andersson uppger sig vara djupt hedrad av priset och ser inget problem i Jan Myrdals ovilja att distansera sig från kommunistiska regimers folkmord.

Motiveringen i sin helhet lyder:

”för sitt filmskapande och sina övriga insatser som civilisations- och samhällskritiker. Liksom Jan Myrdal har han i oböjlig egensinnighet gått sin egen väg. Jan Myrdal gestaltade, då det var aktuellt, bristerna i det framväxande folkhemsbygget. Roy Andersson har under snart fyra decennier med djup indignation som drivkraft, fast  parad med underfundig humor, skildrat de katastrofala följderna av samma folkhems raserande. I sin estetik har han, i likhet med Jan Myrdal förnyat sina genrer och med djupt moraliskt allvar betonat den enskildes roll och ansvar i ett samhälleligt och politiskt sammanhang”.

Fokus har tidigare skrivit om Leninpriset, Pol Pot-priset och kulturelitens leninvurm.

Nu har jag hunnit ta en första titt på riksdagens splitternya API och byggt en anspråkslös tillämpning på makthavare.se. För er som inte vet vad ett API är kan det sägas vara ett sätt att dela data mellan olika applikationer och hemsidor.

Om ett inlägg på makthavare.se handlar om en riksdagsledamot kommer det nu att finnas lite information från riksdagens databaser i spalten till höger. Telefonnummer, mejl, valkrets och så. Jag kommer snart även att stoppa in vilka motioner en ledamot har lagt på dennes makthavarsida.

Så, hur använder man då riksdagens API? Om du inte är kodrädd är det ganska enkelt. Vi börjar med att göra en funktion som hämtar ett person-objekt från riksdagen:

# Gör en funktion som tar namnet på en riksdagsledamot som argument
function ge_mig_riksdagsledamoten($namn) {
 
	# Hojta in riksdagens data i ett simpleXML-objekt
	$xml = simplexml_load_file('http://data.riksdagen.se/personlista');
 
	# Loopa igenom objektet och stoppa in namnen i variabler
	foreach($xml->person->person as $person){
		$efternamn = (string) $person->efternamn;
		$tilltalsnamn = (string) $person->tilltalsnamn;
 
		# Skicka tillbaka personen som matchar namnet i argumentet 
		if(strstr($namn, $efternamn) && strstr($namn, $tilltalsnamn)){
			return $person;
		}
	}
}

Nu kan vi göra ut information om en ledamot, men vi kan också använda informationen för att hämta mer information, dokument som den ledamoten varit delaktig i till exempel.

# Gör en funktion som tar en riksdagsledamot och en dokumenttyp som som argument
function ge_mig_dokumenten_for_riksdagsledamoten($person, $dokumenttyp) {
 
	# Här förutsätts att personen är ett person-objekt från riksdagens data
	$iid = $person->intressent_id;
 
	# Hojta in riksdagens data med dina argument instoppade
	$xml = simplexml_load_file("http://data.riksdagen.se/dokumentlista/?rm=&typ=$dokumenttyp&d=&ts=&parti=&iid=$iid&bet=&org=&kat=&sz=10&sort=c&utformat=xml");
 
	# Skicka tillbaka saker om det finns något
	if($xml){return $xml;}
}

Om vi vill ha alla motioner som Berit Adolfsson, den före detta moderata ledamoten från Västra Götalands län skrivit behöver vi bara köra våra funktioner med ”Berit Adolfsson” och ”mot” som argument (”mot” betyder motion, kolla in riksdagens dokumentation för att se vilka andra dokumenttyper som finns).

# Kör funktionerna
$berit_adolfssons_motioner = ge_mig_dokumenten_for_riksdagsledamoten(ge_mig_riksdagsledamoten('Berit Adolfsson'), 'mot'));

Det finns säkert andra, bättre sätt att göra det här. Om du har någon idé, dela med dig i kommentarerna.

Missa heller inte Anne Brynolfs alternativmedicinmashup och makthavares riksdagsledamotsmashup. Vilka fler tillämningar av riksdags-apit har ni hittat? droppa en kommentar!

Vår mobilapplikation för årets politikervecka på Gotland tar sig riktigt bra. Den grundläggande sturkturen är på plats, vi har flera bra datakällor att leka med och vi har redan fått kartor att funka någorlunda tillfredsställande.

Mycket är naturligtvis kvar att göra, och det officiella programmet är inte ens släppt ännu. Men vi börjar ändå göra oss redo för att släppa in några betatestare av applikationen.

Om du är intresserad av att provköra och komma med förslag på förbättringar, fyll i namn och e-post i formuläret nedan, så skickar vi ett mejl med inloggningsuppgifter när det är dags. Vi räknar med att börja släppa in testare från och med tjugonde april. Hoppas att du är en av dem!

På Fokus har vi börjat ladda inför årets almedalsvecka. Transport och boende är uppstyrt, programmet börjar klarna, och nu när våren börjat smyga igång känns det inte längre lika overkligt med ett varmt och soligt Visby. Tvärtom börjar det kännas rätt så nära. Och det känns bra.

Det bästa med almedalen är att det händer en miljard spännande saker hela tiden. Tyvärr brukar det vara ganska knepigt att sålla i utbudet och hålla koll på allt. Fram tills nu!

Fokus håller nämligen på med en mobilapplikation för almedalsprogrammet 2010. Tanken är att du snabbt och enkelt ska kunna se vad som är på gång, söka och filtrera bland programpunkter och även bygga och dela din egen lista över favoritevenemang.

Vi har mängder av andra features som vi hoppas hinna genomföra, och har fått massa bra förslag, fortsätt gärna komma med idéer!

Gullers Grupp är med som sponsor, och makthavare.se, som är världsmästare i almedalsrapportering, samarbetar med oss kring innehåll.

Färska siffror säger att 55% av all mobilsurfning sker med iPhone. Det är mycket, men knappast så mycket att det motiverar en infödd iPhone-applikation. Istället har vi valt att göra en webbapplikation med i grunden öppna standarder och öppen kod som kan nås av allt med en webbläsare (och uppkoppling). Sedan adderar vi lite iPhone-grejer till iPhone-versionen.

Webbarkitekturen innebär också att vi kan göra kontinuerliga uppdateringar utan att behöva gå igenom granskningsprocessen i Apples app-store. Vi gillar iPhone väldigt mycket, men vi gillar den öppna webben ännu mer!

Så jag hoppas att vi ses på den mobila almedalswebben 2010, oavsett om du kommer vara där eller följer spektaklet från fastlandet!

I övrigt blev det två svenskgrammys, båda till körledaren Ragnar Bohlin, för bästa klassiska album och bästa körframträdande. Årets bästa låt gick till Beyoncés ”Single Ladies (Put A Ring On It)”.
Läs Fokus intervju med RedOne från tidigare i veckan.

De flesta offer i helgens massakrer var ungdomar. Regeringen har mobiliserat 50 000 militärer och tusentals poliser i kampen mot kartellerna. Trots detta fortsätter alltså det narkotikarelaterade våldet. Fokus har tidigare skrivit om våldets Mexiko här och här.

Fokus.se finns nu i en särskild iPhone-variant. Den bygger på en fantastisk plugin vid namn WPtouch som i ett trollslag gör ditt Wordpress anpassat för iPhone, och i viss mån även för Android och andra moderna mobila enheter.

Att få det hela att funka är lika enkelt som att installera vilken plugin som helst, förutsatt att du inte cachar sidan, då krävs det lite extra meck med .htaccess och så. Men skam den som nöjer sig med en default-installation. I synnerhet eftersom iPhones webkit är den mest kapabla renderingsmotorn för webben hittills, och får åtminstone mitt hjärta att klappa lite fortare.

Nu när du har installerat WPtouch, låt oss kika på några av de saker du kan göra med css3 i iPhone. Eftersom detta inlägg handlar om iPhone tänker jag inte gå in på vilka andra webbläsare som eventuellt är med på noterna.

Skuggor

Du känner till det som drop shadow, eller outer glow i Adobe CS. Och nu kommer det till webben. Attributen lägger helt enkelt en skugga på block-element respektive text-element. Du kan specificera offset, blur och färg.

-webkit-box-shadow: 0 0 5px #777;
-webkit-text-shadow: 1px 1px 0 #eee;

Gradienter

Med css3 slipper du göra dina gradienter som små bakgrundsbilder, och göra om, göra om och göra om, för att få till en perfekt färgövergång. Med -webkit-gradient kan du skriva färgerna direkt i cssen, med alla funktioner du är van vid från ditt favoritbildredigeringsprogram.

Och bäst av allt: du kan specificera färger med rgba(röd,grön,blå,alpha), och alltså ha transparens i gradienterna, något som inte ens Adobe illustrator CS3 klarar av på ett vettigt sätt.

background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), to(rgba(200,200,200,0.0)), color-stop(.6,#ddd));

Runda hörn

En så enkel sak som ett rundat hörn är riktigt klumpigt att göra med css2. Massor med jobbiga extra-divvar och bakgrundsbilder, fula javascript eller dylika hacks krävs. I css3 behöver du däremot bara skriva:

-webkit-border-radius: 8px;

Överkurs

Iphone tillåter inte Flash, istället har man implementerat egna lösningar som gör det Flash gör och mer, fast snyggare och med bättre känsla. Du kan animera och transformera med css och skapa interaktion för touchscreen med javascript. Du kan till och med spara information i en lokal databas. Möjligheterna är såklart enorma, och jag har inte möjlighet att gå igenom allt här och nu, så ge dig ut och googla och experimentera.

Och spana in referensen för Safari css. Och har du ingen iPhone kan du registrera dig som utvecklare och ladda ned en. Och på css3.info kan du läsa massvis om hur läget ligger gällande andra css3-implementationer.

Ha kul!

Läs Torbjörn Nilssons och Anita Kratz redan klassiska reportage om hur det gick till när FRA-lagen drevs igenom.

Staten ser allt längre in i medborgarnas liv, men hur öppen är staten för medborgarnas insyn? Fokus har kartlagt av den digitala demokratin.

På temasidan fokus.se/tema/tekniken-och-politiken har vi samlat alla artiklar om möjligheter och svårigheter gällande politiken och internet.

Det är främst två saker som skiljer Fokustema från andra Wordpress-teman. Och det är de två saker jag får flest frågor om. Så nu tänkte jag berätta om hur Fokustema gör för att 1) kontrollera förstasidan och 2) bläddra i nummer.

I Wordpress widgetspanel kan man enkelt kontrollera vad som ligger i sidebaren. Så varför inte göra hela förstasidan till bestående av sidebars? På så sätt kan du styra vad som dyker upp på förstasidan genom att dra och släppa olika widgets till olika sidebars.

Vår favoritwidget heter Query-posts och används till att plocka ut inlägg från databasen. Den är en aning tweakad för att passa bättre in i Fokustema, och den tweakade varianten kommer släppas tillsammans med övriga temat. Nu till det praktiska.

Sidebars överallt!

Definiera sidebars i ditt temas functions.php:

if ( function_exists('register_sidebar') )
	$zones = array(
		$sidebar = array('name'=>'Sidebar'),
		$main_article = array('name'=>'Main-article'),
		$left_square = array('name'=>'Left-square'),
		$right_square = array('name'=>'Right-square'),
		$left_block = array('name'=>'Left-block'),
		$right_block = array('name'=>'Right-block'),
	foreach($zones as $zone) {register_sidebar($zone);}

Vad som händer där är att ett antal sidebars skapas. Men bara för att de kallas sidebars behöver de inte ligga vid hemsidans högersida. I ditt temas index.php, själva ingången till sidan kan du strössla ut dina sidebars efter behag. Typ såhär ser Fokustemas indexfil ut:

<? get_header(); ?>
 
<div id="frontpage" class="grid_12">
 
	<div id="main-article">
		<? if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Main-article') ) : endif; ?>
	</div>
 
	<div id="left-square" class="grid_4 alpha">
		<? if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Left-square') ) : endif; ?>	
	</div>
 
	<div id="right-square" class="grid_4 omega">
		<? if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Right-square') ) : endif; ?>	
	</div>
 
	<div id="left-block" class="grid_6 alpha">
		<? if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Left-block') ) : endif; ?>	
	</div>
 
	<div id="right-block" class="grid_6 omega">
		<? if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Right-block') ) : endif; ?>	
	</div>		
 
</div>
 
<? get_footer(); ?>

Klasserna som heter ”grid_6″ och så vidare kommer från det eminenta ramverket 960.gs, som hjälper dig att hålla sidebarsen (sidebarsarna?) på plats medelst vanlig css.

Det var allt. Nu kan du dra och släppa vilka widgets som helst till olika ställen på din förstasida. Bra va!

Mer om widgets, ännu mer om widgets och mer om sidebars.

Egna taxonomier

Ett av Wordpress mest underanvända områden är taxonomier. Jag vet, för jag har själv underanvänt det alldeles för länge. En taxonomi är enkelt uttryckt ett sätt att organisera saker. I det här fallet innehåll på en hemsida.

Wordpress har två inbyggda taxonomier, kategorier och ettiketter. Men det är också förberett för att skapa egna taxonomier. Typ såhär har Fokustema berikats med taxonomin »Nummer«.

// Kör funktionen "my_taxonomies" när Wordpress startar
 
add_action( 'init', 'my_taxonomies', 0 );
 
// Definiera funktionen "my_taxonomies"
 
function my_taxonomies() {
	register_taxonomy(
		'nummer', // Namnet på taxonomin
		'post', // Vad taxonomin ska appliceras på
		array(
			'hierarchical' => false, // Om taxonomin är hierakisk
			'label' => 'Nummer', // Namnet igen
			'query_var' => true, // Om man ska anropa databasen med taxonomin
			'rewrite' => true ) // Om man ska ha snygga urler
		);
}

Nu händer några saker av sig självt i Wordpress. Du får en ny panel i inläggsredigeringen:

Du får en sida för att administrera din taxonomi:

Du får en massa template-taggar för att jobba med din taxonomi i php:

$issues = wp_tag_cloud(
array('taxonomy' => 'nummer',
'echo' => 0,
'order' => 'DESC',
'number' => 0,
'format' => 'array')
);

Denna gör till exempel ett etikettmoln fast med nummer istället för vanliga etiketter. Observera att ‘taxonomi’ är satt till ‘nummer’.

Och bäst av allt, prydliga adresser som: http://www.fokus.se/nummer/2009-48/.

Allt detta och mycket mer finns inbyggt i Fokustema. Så om du inte pallar att bygga det själv är det bara att hålla ut tills det kommande släppet.

Frågor, förslag, förbättringar, förklaringar?

Ni som kommer hit till fokus.se ofta har kanske märkt att det varit lite sisådär med stabiliteten på sistone. För det första vill jag be om ursäkt för det. Även om vi varit uppe på fötter ganska snabbt så har det varit helt oacceptabelt mycket nertid. Inte ens Twitter får vara nere så ofta.

Det här inlägget kan komma att bli lite tekniskt. Ni som inte orkar med det kan scrolla ner till en visuell version av händelseförloppet.

Så. Det började med att servern av oklara anledningar hängde sig. En enkel omstart rådde bot på de mystiska krascherna, men att behöva starta om Apache flera gånger i veckan är ett tydligt tecken på att något är seriöst fel. Men vad?

Vi försökte felsöka och optimera. Tills plötsligt en dag då servern hängde sig så till den milda grad att den inte längre gick att starta om.

Det var bara att flytta, till en starkare maskin. Efter två veckor av utmärkt prestation på vår nya server trodde vi att problemet kanske låg begravet djupt någonstans i den virtuella maskin vi tidigare varit på.

Tills plötsligt en dag, då vi mötte den fruktade vita skärmen av död. Mycket har sagts om denna skärm. 26 600 googleträffar, och jag tror jag läst dem alla. Till ingen nytta.

Bara att börja packa ihop och flytta igen. Som av en händelse hittade jag i packprocessen en styggelse av sällan skådat slag. Jag har kört Wordpress i flera år, med stort nöje och mycket glädje. Det har alltid slagit mig som ett väldigt välkodat system, så det var en otrolig chock att upptäcka 70 megabyte meningslös data om RSS-cache i tabellen för systeminställningar. Ja du läste rätt, och nej, du förstår antagligen inte hur sjukt det är. Men lita på mig, det är hårresande.

Nu ska jag inte påstå att detta enskilt har orsakat våra krascher. Det finns flera samspelande orsaker. Men det jag kan säga är att det har rullat på rätt bra efter att jag gick loss på wp_options med yxa, eld och motorsåg.

Det här får betraktas som en första förtroendekris i mitt annars fina förhållande till Wordpress. Förvisso är detta troligtvis inte ett problem såvida man inte har en stor databas och mycket trafik i förhållande till serverkapacitet. Men att Wordpress inte städar upp sin egen skit utan låter den ligga och jäsa på det där sättet… Skandal.

Vad kan man då dra för lärdomar? Wordpress är inte helt enkelt att bara skala upp. Du behöver vara beredd på att tweaka servern och databasen. Du behöver en bra maskin och någon som kan L(inux)A(pache)M(ysql)P(hp).

I fall någon googlar på ”‘mystisk serverkrasch’ +wordpress +apache +minne” och hittar detta inlägg kommer här en kort redogörelse för hur jag löste vår vita skärm av död (därmed inte sagt att detta är lösningen på ditt problem, eller ens vårt).

I phpMyadmin:

1. Tog backup på hela databasen.
2. Tog backup på wp_options.
3. Tog kopia på backupen.
4. Raderade alla rader med %rss% i wp_options-backup-kopian.
5. Raderade gamla wp_options.
6. Importerade wp_options-backup-kopian (nu fri från %rss%-skräp alltså).

Eller, om sanningen ska fram var det inte så jag gjorde, utan snarare så jag borde gjort. Jag är typen som sparar på saker som eventuellt kan komma till användning någon gång i en avlägsen framtid, så jag stoppade in en gammal, mycket mindre wp_options jag hade liggandes, och ändrade fälten för site-url. Men du har antagligen inte en massa gamla wp_options, så följ anvisningarna ovan istället.

Wordpress, inget har förändrats, jag älskar dig fortfarande. Bara lite mindre än jag brukade göra. Nu rullar vi vidare mot nya äventyr. Hoppas ni lärt er något, det har i alla fall jag!

Klicka för att se en större version.