Wordpress-tips v.16
Det var ett tag sedan sidorna lanserades, men nu har de båda fått varsin plats bland våra referenser. De bygger båda på Wordpress och använder plugins som bland annat: TDO Mini Forms, WP e-commerce, Relevanssi och PBD AJAX Load Posts.
Sidorna det handlar om är Internet.se och Rum för ung kultur.
Läs och inspireras!
Just nu-appen uppe!
Ja, det är sant. Dragsters första riktiga native app ligger uppe på Appstore och Google Play för er att ladda ner gratis!
» Så här ser Just nu-appen ut i Android
Dragsters julkalender 2011
Dragsters julkalender för 2011 skiljde sig från övriga år. Temat var Dragster-året som gått. Vad hade Dragster egentligen sysslat med under det händelserika året 2011? Dragnet programmerade ihop en sida för att presentera detta medan Dragster fyllde luckorna.
» Visning i datorn
Luckorna
Alla luckor visas på en sida. Allt eftersom decemberdagarna gick blev en ny lucka aktuell. Den gick på dag och klockslag. Kl 23:59 visades en lucka och två minuter senare blev nästa dags lucka aktuell. Det gjorde att innehållet kunde fyllas på i förväg och "publiceringen" kunde sedan sköta sig själv.
Kollen, om luckan var aktuell, dåtida eller framtida, gjordes både när luckan presenterades och när innehållet hämtades vid öppning. Det gick alltså inte att kolla på någonting i förväg. Den aktuella luckan lades överst och blev röd. De luckor som redan öppnats låg i lagret under och de som inte öppnats låg underst och visade Dragster-loggan istället för en luckbild.
» Kalendern som den såg ut 10e december
Javascript som användes
Polaroid photo viewer
Det hela baserades på en polaroid photo viewer som gjorts av Marco Kuiper. Målet var att anpassa denna så kalendern skulle kunna följas även i läsplatta och smart mobil.
jQuery UI
Inbyggt i polaroid photo viewer fanns jQuery UI. Draggable användes när en bild flyttades med muspekaren. Från början ändrades bildens rotation när den flyttades eller klickades på, men det kommenterades ut för denna kalender.
Detect Mobile Browsers
En liten kodsnutt från detectmobilebrowsers.com som avgör om besökaren surfar från en mobil eller inte. Här lades ipad till för att få samma funktionalitet för ipadens touchscreen som mobilerna.
Doubletap
På de små enheterna med touch så är det krångligt att klicka på de små siffrorna för att öppna en lucka. En doubletap är mycket smidigare. En doubletap känns av och triggar ett klick på den luckans siffra, så egentligen händer det exakt samma sak som när man klickar på siffran.
Toucharea
För att kunna flytta runt bilderna på en touch screen används toucharea. Med hjälp av den kan man få tag i händelser som touchdragstart och touchdragmove, vilket är precis vad som händer när en bild flyttas.
Fancybox
Till sist lades Fancybox 2.0 in. Den visar luckorna i rätt format oavsett enhet.
» Kalendern i mobil
» Lucköppningen i mobil
Flera nya hemsidor
Nu har vi skrivit om flera projekt vi jobbat med. Det var ett tag sedan sist, så vissa projekt har något år på nacken. Vi skriver om hur vi gjort sidorna och vilka tekniker och verktyg vi använt, mer om den tekniska biten bakom.
Dessa kan du läsa mer om:
- Tour Africa - en Wordpress-sida som tar besökarna hela vägen till Afrika
- Oscar of Sweden - en Silverstripe-sida som lägger all fokus på skjortorna
- Ekoplus - Silverstripe med beställningssystem
- Skandia Elevator - en stor Silverstripe-sida med mycket innehåll.
Redesign av Konstfack.se
I våras hämtade vi hem ett riktigt prestigeuppdrag till Dragnet. Det gällde Sveriges största konst- och designhögskola Konstfack som behövde göra om hela sin webbplats och intranät.
På de publika webbplatsen var huvudmålgruppen nya sökande från Sverige och internationellt. På intranätet var huvudmålgrupperna studenter och personal. Kraven som ställdes på webbplatsen var att webbplatsen skulle ge en mer publik bild av Konstfack, att den skulle tydligt lyfta fram elevernas arbeten och aktiviteter och som offentlig verksamhet ställdes det även höga krav på användarvänlighet och tillgänglighet samtidigt som känslan i Konstfack som en framåtskridande och skapande instution skulle framgå.
Innehållet och strukturen stod Konstfack själva för och vårt uppdrag var att genom designen uppfylla kraven. Vi löste detta bland annat genom att använda studenternas arbeten som bakgrundsbilder som slumpas fram på webbplatsens förstasida. Bilderna fotas av studenterna själva. Vid varje programbeskrivning kan administratören ladda upp bilder, intervjuer, filmer mm för att visa exempel på arbeten som studenterna gjort.
Vårt uppdrag gällde koncept, webbdesign och frontendprogrammering och KnowIt stod för implementering i publiceringsverktyget Episerver.
Ny sajt för Earphones
Härom veckan slog butiken Earphones upp portarna i här i Göteborg. Earphones är inte mindre än en sk flag ship store för ett av världens populäraste hörlursmärken - Skullcandy. Tanken bakom sajten var att skapa en social hubb för Earphones där vi samlar deras blogg, Facebookprofil, filmer från Vimeo och spellista från onlineradiokanalen last.fm. Sajten är byggd i det lättskötta publiceringsverktyget Wordpress
Ny sajt för Rut mfl.
Pga att klädmärket Rut mfl ompositionerats behövde även deras nuvarande sajt ett ansiktslyft. Förutom att själva profilprogrammet skulle implementeras har vi även lagt ett ännu större fokus på Ruts kollektion plus tydligare integrering med sociala medier i form av egen blogg, Facebook, Twitter och Spotify. Läs mer och se fler bilder på Ruts hemsidaprojekt här.
Nya sajter i massor
Den sista tiden här på Dragnet har vi varit extra produktiva. En hel drös med sajter i vitt skilda branscher har fått se dagen ljus. Nedan ser vi t ex Oscar of Sweden ett gammalt anrikt svensk klädmärke som inte gör något annat skjortor.
Sen har vi Skandia Elevator som tillverkar skopelevatorer till storskaliga jordbruk över hela världen.
Därefter har vi gjort en sajt åt Trendpartner som arbetar med chefrekryteringar, trading och investment.
Sist men inte minst så har vi uppdaterat Programmakaren för Kulturnatta som drivs av Kulturförvaltningen i Göteborg. Nytt för i år är integrering med Facebook, Twitter och Google Maps. Mer om Programmakaren hittar du här
Ny hemsida åt D&J
Bråda dagar hos oss. Vi har nyss lanserat D&Js nya fina webbplats. Läs mer om projektet här
Ny hemsida för Femstar
Vi har nyss lanserat en liten hemsida åt Femstar. Femstar jobbar med att analysera och förbättra servicegraden hos företag som vänder sig till konsumenter. Sajten är byggd med Wordpress och Femstar kan själva enkelt sköta sidan. Kolla in den här
Still Chic - Ny kampanjsajt för Bic
Kolla in nya sajten för Bic. Sajten är en del av en kampanj för Bics nya rakhyvlar. På sidan kan du vinna 15.000:- genom att skicka in din mest pinsamma historia. Sajten gör det även enkelt för dig att dela med dig av andras historier på bland annat Facebook och Twitter för att på så sätt få lite extra spridning på nätet. Till sajten
