Mobile boilerplate – mall för mobilanpassade siter
Nästa steg blir att göra en helt mobilanpassad version. Då sprang jag behändigt nog på en mobilversion av HTML5 Boilerplate och tänkte ge mig i kast med att testa just denna template för att göra mobilanpassningen. Lite för att se det som en utvärdering och se om Boilerplate’s mobilversion är något att ha.

Vid ett första ögonkast ser det i alla fall ut att kunna vara smidigt så nu skall jag sätta mig in i dokumentationen och om allt verkar OK så kommer det snart komma en mobile.rendezvouspoint.se.
Stay tuned!
Rendezvouspoint goes adaptive…

Jag har ännu inte fixat CSS för alla tänkarbara enheter och upplösningar men siten borde nu funka bättre vanligaste mobila enheterna i alla fall. Jag ska även försöka få tag i en iPad och se hur det ser ut där.
För att se resultatet kan du antingen surfa in med en smartphone eller bara krympa webbläsarfönstret på bredden. Hojta gärna till om ni hittar några konstigheter som borde fixas.
Mvh
Robban
Rally Interactive har fattat grejen…
Byrån bakom siten har lyckats på de flesta plan för vad jag anser en modern portfolio bör vara. Sidan är modern, snygg, adaptiv för olika enheter och lättanvänd.
Det som sticker ut vid första anblicken är inte bara de triangelformade figurer som visar upp byråns olika projekt utan även den i mina ögon unika hovereffekt de lagt på dessa. Dessutom den flashiga onclickfunktionen som döljer antal views, likes och kommentarer på Dribbble.com samt länk till en screenshot, också på Dribbble.

Det är inte bara det att dom fått till detta på ett enkelt och intuitvt sätt, det flyter dessutom på fantastiskt bra. Tekniken som används är canvas och javascript och sidan är dessutom adaptiv.
För er som inte känner att ni har riktig koll på vad adaptiv innebär så testa att ändra webbläsarfönstrets storlek eller surfa in på siten med läsplattan eller mobilen. Sidan anpassar sig helt enkelt efter enhetens upplösning vilket blir vanligare och vanligare på siter idag (det är för övrigt nästa steg i utvecklingen av rendezvouspoint.se också).
Även undersidorna laddas in på ett ganska unikt sätt utan att kännas segt eller störande vilken den här typen av effekter ofta blir. Icke att förglömma att de små förhandstittar som visas upp i portfolion ser riktigt bra ut!
Sidan fungerar i moderna webbläsare och faktiskt även i IE9. Användare av äldre versioner av IE göre sig icke besvär.
Snyggt jobbat Rally Interactive säger jag!
Conversion Jam – Konferens om konvertingsoptimering

Idag har jag och mina kollegor på Atrox Creative spenderat eftermiddagen på Conversion Jam – Sveriges första konferens om konverteringsoptimering. Totalt 6 talare varav tre stora internationella namn.
Först ut var Micheal Summers från Michael Summers Consulting, Eye-trackingexpert från USA. Han höll ett inspirerande och informativt föredrag om do’s och dont’s inom e-commerce. Många värdefulla tips och en del tankeställare där han tog upp de 10 vanligaste misstagen som begås i webbshoplösningar.
John Ekman på Conversionista som anordnat hela Conversion Jam höll ett föredrag om vad e-tailers lärt sig av retailers. Svaret var Absolutely Nothing! Något han visar genom enkla jämförelser med fysiska butiker. Roligt och lättfattligt.
Jim Hudson från Paypal US med stor erfarenhet av psykologiska studier av hur vi beter oss när vi handlar på nätet visade att upplevelsen styr vårt uppfattning av tid och hur stor vikt tiden är för en bra e-commeceupplevelse. Hur man fokuserar på det kunden är intresserad av vid rätt tidpunkt, något som ändras hela tiden under vistelsen på siten samt hur man lockar till merköp på rätt sätt. Något de flesta siter gör på fel sätt i dagsläget.
Sist ut var André Morys – Web Arts Germany visade hur man med nogrann A och B-testning och med relativt enkla medel kan boosta konverteringen på vilken typ av produkt som helst. Oavsett om det handlar om Appleprodukter med stort ha-begär eller pinsamma halväckliga svettabsorberande “bindor” för armhålorna.
På det stora hela en informativ och tankvärd eftermiddag och jag kommer gärna tillbaka nästa år.
Här kan ni se hela programmet.
Advanced Custom Fields löser många problem i WordPress
Denna plugg löser nämligen en mängd problem som kan dyka upp när man utvecklar en site. Hur många gånger har ni stött på att en site behöver ett gäng redigerbara “puffar” utplacerade på olika ställen på en site? Oavsett vilken plattform man arbetar med stöter man förr eller senare på detta problem. Troligen förr.
I wordpress finns en mängd olika lösningar på detta men jag har hitills inte stött på någon som är så mångsidig som Advcanced Custom Fields. Denna plugin ger dig inte bara möjlighet att bestämma var dessa puffar skall ligga och på vilka sidor den får finnas utan även detaljstyra dess innehåll.
Exempelvis kan du skapa en instans av pluggen som heter “kontaktpuff”. Där kan du definiera upp att den kan innehålla ett textfält för rubrik, en bild, ett till textfält för en e-postlänk och tills sist en WYSIWYG-editor för valfritt content. Sedan kan du bestämma att denna instans får finnas på alla sidor med mallen “default-page” alla poster i kategorin “support” och användartypen “redaktör”.


Börjar ni se potentialen? Det kommer mera. Förutom att det går att lägga in fler fälttyper, fler typer av regler av var och hur varje instans får användas och dessutom kombinera dessa med varandra så finns det även stöd för Custom Taxonomies.

Som en extra bonus finns även en repeaterfunktion. Denna kostar visserligen $25 men är väl värd pengarna. Repeaterfunktionen lägger nämligen till så att man kan loopa ut fälten och enkelt lägga till eller ta bort rader direkt i adminpanelen i WordPress. Denna stöder även drag-and-drop så man enkelt kan sortera om datat. En stor fördel men denna funktion är att det går att separera innehållet från HTML:en. På så vis kan man ge kunder tillgång att att uppdatera avancerade layouter och ändå vara 100% säker på att det alltid renderas korrekt.
Ett bra exempel på detta är exempelvis en kontaktsida med bilder och kontaktuppgifter till alla medarbetare på ett företag. Det kan vara ganska pyssligt att administrera men när allting ligger i en uppstyrd loop med förbestämda fält som inte kan innehålla något annat än de dom var skapta för (t.ex. en bild eller en text) så blir det hela plötsligt väldigt enkelt. När det dessutom bara krävs ett knapptryck för att lägga till eller ta bort rader i loopen och att omsortering sker genom drag-and drop så tror jag både leverantörer och slutanvändare jublar första gången dom arbetar med Advanced Custom Fields.

Tycker du detta verkar komplicerat? Lugn, det är egentligen väldigt enkelt. Både att sätta upp för dig som administratör och för slutanvändaren som ska uppdatera siten. Så istället för att båda parter lägger ner onödigt mycket tid med att sitta i supportsamtal så installera Advanced Custom Fields och börja upptäck dess potential!
Advanced Custom Fields är utvecklat av Elliot Condon och kan hämtas gratis här http://plugins.elliotcondon.com/advanced-custom-fields/
En ny blog har sett dagens ljus…
Idén är att jag skall blogga om mitt arbete. Vad arbetar jag med då? Frontendutvecklare är min officiella titel och det i första hand kommer återspeglas i den här bloggen. Jag kommer blogga om allting som rör mitt jobb och lite till. Ämnen som ligger mig nära om hjärtat är exempelvis CSS3, HTML5, Javascript och dylika tekniker. Därför kommer jag skriva om detta både på en mycket grundläggande nivå men även för den mer insatte.
Det kan handla om alltifrån nya teknologier till smarta eller snygga lösningar men även guider till hur man löser frontendrelaterade problem som ofta dyker upp i vardagen. Det kommer även bli en och annan artikel relaterat till WordPress eftersom jag mer och mer kommit att gilla detta underbara CMS. Jag ser mig fortfarande som en nybörjare inom WordPressutveckling men trots det knackade jag ihop den här bloggen på mindre än en dag. Lättanvänt eller vad?
Hur som helst, välkommen hit, kom snart igen. Jag kommer börja fylla bloggen i så snabb takt jag orkar med! Läs gärna mer om mig här
mvh
Robban