Så nu är jag supernöjd. WordPress äger helt enkelt.

EPiServer
+ Lätt att bygga mallar.
+ Lätt att lägga till extra sidegenskaper
+ Bra med sidträd
+ Användarvänligt redaktörsläge
- Svårt att uppdatera till ny version
- Dyra plugins
- Besvärligt att lägga till Plugins
- Få tutorials
- Dålig support
- Litet community
- Byggt kring konsultverksamhet

WordPress
+ Lätt att installera
+ Lätt uppdatera
+ Lätt att installera plugins
+ Bra interface
+ Stort community
+ Gratis
+ Lättare att exportera data.
- Lite omständigt att skapa mallar
- Omständigt att lägga till sidegenskaper

EPiSever är bra men WordPress är kärlek.

Dessutom så finns det större anledning att köra Mac, (I miss you att work!)

Som programmerings-verktyg använder jag Aptana studio, för att hosta sidan lokalt använder jag MAMP. Till databasen använder jag Sequel PRO och som grafik-program använder jag Pixelmator.

Vad har ni själva för setup? Vore intressant att veta.

Finns det någon som kör Windows där ute vad har ni för desktop setup? Finns det några bra editors till Windows 7?

Behöver man två skärmar som webutvecklare/ webdesigner?

Nu har jag dock arbetat med WordPress väldigt intensivt i flera månader på jobbet så jag är van att flytta databaser hit och dit.

Det är inte hela sanningen. Jag har haft så fruktansvärt mycket att göra på jobbet och hemma då man har fått en mini My att beundra.

Så nu har jag slut på ursäkter, hmm vänta nu jag har en till! Jag har ju sökt en del jobb, då är det ju inte bra att sidan är nere. Hmm kompromiss, i helgen, installerar jag wp 3.0 lokalt testar att föra över mina inlägg och kommentarer. Sedan fixar jag temat som med största sannolikhet kommer att gå sönder. Om detta funkar smärtfritt laddar jag upp skiten.

Dessutom tror jag det är dax för en redesign av furuskog.se.

Update:
Gjorde ett lokalt test. Temat funkade inte alls. Posterna kom in som de skulle. Kommentarerna visades så där, fast det kan vara temat som visar pingback på ett annorlunda sätt än hur jag gjorde i mitt gamla tema.

Frågor på det?

Kampanjen går ut på att tagga vänner med olika skor. Sedan kan den taggade vännen gå in och gissa vilken sko som har taggats.

Sidan är live! Sneakermania

Vad är poängen?

Avsikten är att användaren ska få en överblick vart man laddar ner Firefox och hur många som laddar ner programmet just i detta ögonblick. Allt sker alltså i realtid.

När en nerladdning sker visas det på kartan i form av en orange prick på den plats nerladdningen gjorts.

Nedan för kartan visas en tabell med statistik för nerladdningarna som också den ändras i realtid. Det finns en filterfunktion på tabellen så man kan se varje land för sig.

Teknologier

För att rita kartan används SVG och för att rita overlayern med prickarna där nedladdningen sker används html-elementet Canvas. Javascript används för att styra kartan och lyssna efter nedladdningarna och spara deras geografiska lägen.

• Se mitt demo
• Ladda ner mitt demo

Termer

Här följer några termer för den som inte är invigd.

Vad är XML?

XML står för Extensible Markup Language. XML är ett språk för att märka data och kan användas som en datakälla för t. ex webbapplikationer.

Vad är SVG?

SVG står för Scalable Vector Graphics och är en XML-dialekt. Ett SVG-fil definieras via en vanlig XML-fil och kan därfär ändras i en vanlig text-editor precis som XML. Av denna anledning kan man enkelt indexera, söka, komprimera och scripta dessa filer.

Vad är XSLT?

XSLT står för XSL Transformations och är en XML-dialekt. XSLT används för att transformera om XML-dokument till andra XML-format som t.ex XHTML.

XML-filen

XML-filen beskriver den data som skall visas samt länkar in en mall där dessa data skall visas.

Se kod för XML-filen

XSLT-filen

XSLT-filen är den mall som skall omvandla XML-filen till XHTML-fil med SVG-kod för att rita upp diagrammet beroende på hur XML-filen ser ut. Den här filen kan användas för flera XML-filer samtidigt om de har rätt gilltlig uppsättning av data som kan hanteras.

Se kod för XSLT-filen

• Se mitt demo
• Ladda ner mitt demo

Klassen formView

Den här klassen används för att skriva ut formuläret och presentera feedback för användaren.

Se kod för formView-klassen

Klassen ValidationManager

I den här klassen använder jag för att validera innehållet i formulär t.ex tillåtna tecken.

Se kod för ValidationManager-klassen

Ajaxanrop med jQuery

Den här jQuery-koden kör igenom php koden filtrerar och pushar fram responsen från PHP i under det berörda formulärfältet.

Se kod för jQuery-scriptet

Lathundar

Vi webbutvecklare tar nog ofta en och annan lathund till hjälp, jag själv brukar kolla på dessa när jag vill ha lite tips. Fördelen att ha dem på iPhonen tycker jag är att man har med den överallt samt att man slipper en massa papper.

Jag hittade några intressanta lathundar, dessa var;

• HTML Cheat Sheet (7 kr)
• CSS Cheat Sheet (7 kr)
• jQuery Cheat Sheet (7 kr)
• PHP Cheat Sheet (7 kr)
• RegEx Cheat Sheet (7 kr)
• MySQL Cheat Sheet (7 kr)

Färg

Jag hittade en applikation för att hantera färger som heter Color Expert (75 kr). Det här programmet verkar vara värt vad det kostar eftersom det ingår;

• En massa färgskalor som i pappersformat kostar lätt över 1000 kr
• En eyedropper som man kan plocka ut färger från foto, färgskalor och färgpaneler
• Färgfunktioner så man kan matcha färger

Övervakning och administration

Något som jag tycker är praktiskt är att kunna övervaka och administrera sin sida fast man inte sitter vid datorn, därav letade jag efter applikationer som kunde hålla koll på mitt Google analytics-konto och min worpress-sida.

Ego

Jag hittade Ego (15 kr) som bl.a håller koll på;

• Grundläggande Google Analytics statistik så som antal besökare
• Twitter anhängare
• Feedburner premuranter

Analytics App

Programmet Analytics App (45 kr) pratar med Google Analytics APIn och hämtar hem nyttig data. Programmet innehåller bl.a;

• 47 olika sorters rapporter
• Fler funktioner än andra likande applikationer (enligt upphovsmannen)
• En ”idag-sida” där man kan se allt som har skett inom det nuvarande dygnet
• Möjlighet att hantera flera olika konton och sidor

WordPress

WordPress är ett gratisprogram för att hantera din WordPress-blogg via iPhonen, vilket gör att jag t. ex kan hantera kommentarer på resande fot. För att man skall kunna köra applikationen krävs det att man har version 2.7 eller uppåt på din WordPress-installation.

Sammanfattning

Det finns många applikationer för oss utvecklare på Appstore, och de flesta ligger under hundralappen. Iphonen är en grym maskin och jag är supernöjd med min nya iPhone.

Har själv funderat på att utveckla för iPhone dock återstår det att se om jag hinner ta mig tid att sätta mig in i det hela.

Viewport

Att ställa in metataggen viewport innebär att man säger till mobile safari att den skall visa sidan enligt Iphone skärmens dimensioner 320 x 480 eller 480 x 320. I vanliga fall visas sidan i utzoomat läge i mobile safari men detta förhindras nu.

Så här kan taggen se ut;

< meta name="viewport" content="320;" >

Jag hittade en sida man kan kolla upp inställningar på viewport dessa kan du hitta här.

Anpassa efter vertikal- eller horisontalläge

Det finns även möjligheter att med hjälp av javascript känna av om iPhonen hålls horisontellt eller vartikalt och tex då kunna länka in olika css-mallar. För jag skall kunna byta stilmall så måste jag sätta ett id på style-taggen för den CSS-fil som skall bytas.

Se kod för orient-funktionen

För att känna av orientering på iPhonen så måste jag sätta en trigger på body-taggen nämligen; < body onorientationchange="orient();" >

Jag upptäkte en sak när jag länkade in olika stilmallar. Jag var tvungen att först ställa in viewport på; < meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" > för att inte zoom-läget skulle ändras så jag kunde ha egna storlekar på sidan beroende av läget på iPhonen.

Sedan så stängde jag av defaultinställningen för Mobile Safari så att inte storlek på texten ändras av webbläsaren utan av CSS när iPhoneskärmen roteras.

För att förhindra detta så använde jag css-koden nedan; body {-webkit-text-size-adjust: none;}

Identifiera en iPhone eller eller iPod

För att kunna känna av vilken webbläsare och operativsystem så brukar jag använda den här php-koden$agent = $_SERVER['HTTP_USER_AGENT']; med hjälp av PHP-strängfunktioner så kan jag plocka fram webbläsare, webbläsar version och operativ sytem.

I det här fallet behöver jag bara veta om det är en iPhone eller iPod. Så här ser header-strängen ut för en iPhone;Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1 like Mac OS X; sv-se) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7C144 Safari/528.16 Så här identifierar jag iPhonen;if (eregi("iPhone",$agent)){
  $os = 'iPhone';
}


Trixa med adressfältet

Jag lade till ett lite javascript-kod för att animera bort adressfältet dvs scrolla ner sidan så det ser ut som det är borta.

Se kod för animera bort adressfältet

Resultatet

Med hjälp av dessa lärdommar skapade jag en iPhone-version av min sida. Här kan du se den versionen.