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.

Draftit Förteckning

Postad den av jonk

Draftit Förteckning

Follow me Darling har gjort front-end (html/javascript/css) till Draftits produkt Förteckning som är ett system för att hålla ordning på all behandling av personuppgifter i en organisation.

Allt är som vanligt responsivt. Backend är gjort i .NET/EPiServer av Draftit själva.

Mer om Förteckning finns att läsa här hos Draftit.

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 mobilKlicka 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.