css

Handelskammaren

Postad den av jonk

Handelskammarens nya sajt är klar nu! Sajten är responsiv och byggd i WordPress. Förutom innehållssidor, nyheter, sök och sådant som vi kan ta för givet med en WordPress-sajt så har vi också byggt:

  • Evenemangskalender.
  • Medlemskalkylator, finns i sidfoten på alla sidor.
  • Medlemsregister. Handelskammaren importerar alla medlemmar från sitt system och de sparas i json för att snabbt kunna filtreras fram här.
  • Exportdokument och böcker. En lösning för att kunna beställa och ladda ner dokument byggt med WooCommerce.
  • Filtreringsbar organisationskarta.
  • Relaterade nyheter och relaterade events. På varje sida kan redaktören välja att lista ut nyheter eller event som är relaterade till sidans innehåll.
  • plus en hel del små fiffiga grejer, t ex hur vi bygger upp puffar på startsidan, har möjlighet att lägga till ansvariga medarbetare på varje sida och så vidare.

Odd One Out har designat och Follow me Darling har programmerat, undantaget evenemang som Richard Sweeney har hjälpt till att programmera.

Responsivt verktyg till Marketreach

Postad den av jonk
Marketreach annonshanteringssystem

Det är inte bara publika webbsidor som behöver vara responsiva för att fungera bra för sina användare, det har Marketreach förstått. Så när det var dags att uppdatera deras gamla annonshateringssystem med ny design och nya funktioner så var det självklart att den nya uppdaterade versionen också skulle vara responsiv.

Jämförelse mellan gamla och nya designen i mobil

Klicka på bilden till vänster för att tydligt se skillnaden mellan responsiv och icke-responsiv design i mobilen.

Till vänster ser du det gamla utseendet och till höger det nya.

Nu kan både Marketreach själva, deras kunder och alla de jobbar med obehindrat använda systemet oberoende av vilken plattform man använder.

YogaJona.se, nu mobilvänlig

Postad den av jonk

Man behöver inte nödvändigtvis bygga om en sajt från grunden bara för att den inte är byggd för responsiv design från början, det mesta går att fixa i efterhand. Personligen så hade jag ett favorit-ramverk, 960.gs, som jag brukade använda till så gott som allt jag byggde förr. Sen kom responsiv design och förändrade väldigt mycket i hur man ska tänka när man formger och programmerar webb eftersom lika mycket surfande sker på mobil som på dator idag. Det gäller att möta sin publik där de är.

Vad göra man då när man levererat massor med sajter i ett ramverk som inte möter upp de nya kraven? Jag tänkte i alla fall så att jag bygger en responsiv version som jag kan erbjuda nya och befintliga kunder som har sajter byggda i 960.gs. Resultatet är 960 responsive som är fritt för vem som helst att ladda ner och använda hur som helst.

YogaJonas sajt är byggd i 960.gs och har nu fått en uppdatering till 960 responsive och resultatet ser du här nedanför.

Yogajona i mobilen

Förutom att inkludera den nya koden för 960 responsive behöver man lägga till kod för hur olika kolumner ska förändras i storlek beroende på skärmbredd och i vissa fall specialkod för t ex menyn. Vill du se hur det ser ut i verkligheten så kan du bara surfa till yogajona.se på datorn och mobiler och jämföra.

Svensk Specialkaffeinformation

Postad den av jonk
SSKI - Svensk Specialkaffeinformation

Nu är siten för SSKI, Svensk Specialkaffeinformation klar! Sajten är byggd med WordPress och responsiv webbdesign, vilket innebär att allt innehåll anpassar sig efter besökarens webbläsare. Så det spelar ingen roll om du sitter vid en dator, surfplatta eller telefon, du får alltid en bra upplevelse av sajten och allt är läsbart utan att du behöver zooma in och ut och skrolla i sidled.

SSKI finns för att främja vad man lite slarvigt skulle kunna kalla finkaffe-kulturen, och informera konsumenter om vad skillnaden är mellan specialkaffe och kaffa framställt i den traditionella kaffeindustrin. Man kan tro att kaffe är kaffe, men det kunde inte vara längre från sanningen. Testa själv från Willmanders t ex, en e-handel för just specialkaffe och tillbehör. Willmanders sajt har Follow me Darling också byggt, läs mer om det här.

Ny sajt till Sweden Social Web Camp

Postad den av jonk
Sween Social Web Camp anno 2013

Follow me Darling har fått den stora äran att bygga den nya sajten för den största årliga internethändelsen i Sverige: Sweden Social Web Camp!

Designen av sajten är baserad på årets logga som är gjord av Happiend. Sajten är helt responsiv, funkar alltså utmärkt i mobiler och tablets och alla upplösningar man kan tänka sig. Testa gärna med att besöka sajten och ändra storleken på webbläsarfönstret och se vad som händer! Det känns ju ändå helt naturligt för vilken modern sajt som helst idag att vara anpassad för mobila enheter, än mer en sajt för ett camp ute i det fria!

Startsidan är en samling av bra innehåll från sajten; blogginlägg som är viktiga, nya blogginlägg plus annat innehåll som den fantastiska filmen från förra årets upplaga av SSWC, sponsorerna och direkta genvägar till bokningarna förståss! Allt som gör en startsida inbjudande till allt härligt innehåll! Förutom det så nämner jag ju gärna de script jag skrivit till just detta projektet som gör både Facebooks Like-box och YouTube-filmerna skalbara med den responsiva designen.

Flerspråksstöd till Digifort

Postad den av jonk

Follow me Darlings första kund Digifort växer så det knakar och har nu nått utanför sveriges gränser, och ett behov av en engelsk sajt uppstod såklart. Eftersom detta var något de såg i framtiden redan när sajten byggdes så passade jag på att bygga stöd för flera språk redan då, för 2 år sedan. Så jobbet med att få igång Digiforts engelska sajt var minimalt och fungerade precis som det var tänkt. Lycka till i utlandet!

Isabelle McAllister

Postad den av jonk

Nu är nya sajten till Isabelle McAllister från bland annat DosFamily och Fixa Rummet färdig! Det är en personlig portfoliosajt som med tiden kommer att innehålla allt som Isabelle gjort. Sajten är fortfarande lite i skapande men all funktionalitet är där, det är bara portfolion som ska fyllas på, och med Isabelles bakgrund så är det en hel del!

Jag har skapat ett child-theme baserat på WordPress-temat Imbalance som Isabelle önskade använda men ville ha vissa ändringar på. Att göra ett child-theme är ett bra sätt att använda sig av ett befintligt tema utan att ändra i temats egna filer och på så sätt kan man uppdatera grundtemat utan att ens egna ändringar försvinner.

Nya Dos Family är live!

Postad den av jonk

Nu är Dos Familys nya site ute! Den nya sajten är baserad på temat Canvas från Woothemes. Förutom att skräddarsy temat till dem har också en flytt till Binero gjorts, vilket var ganska spännande eftersom sajten är ganska stor och innehåller ca 15.000 bilder!

Att Dos Family skulle få ny design var någonting som har varit planerat länge, redan när de blev kunder hos Follow me Darling 2010 var det deras mål. Däremellan har jag ordnat upp säkerheten på sajten eftersom den var hackad och lite andra smågrejer.

Under arbetets gång uppstod behovet att visa bilder från Instagram och länka någonstans där alla Instagram-bilder visas. Jag lyckades hitta Copygr.am och byggde en widget för att läsa ut bilder därifrån.

Både jag och Dos Family är väldigt nöjda med resultatet och när man tittar på kommentarerna till första blogginlägget på nya sajten så verkar besökarna vara minst lika nöjda!