MKSE.com – All about CMS

Responsive design, responsive web design, responsiv design eller adaptive design är ett sätt att formge webbsajt och webbtjänster för en anpassad användarupplevelse. Detta sker genom att en webbdesign förstoras eller förminskas efter den läsenhets skärmstorlek som nyttjas. Termen myntades i maj 2010 av Ethan Marcotte.

På så sätt fungerar samma webbdesign för olika PC, olika tablet/läsplattor och alla möjliga typer av smart phones. Responsive design baseras på en kombination av grid system och CSS3 media queries som:

• min-width
• max-width
• orientation

För att anpassa användarupplevelsen i en responsiv web design.

• Knepiga CMS-termer #19: 960 Grid System
• Knepiga CMS-termer #18: EnhanceJS
• Knepiga CMS-termer #17: Cufón
• Knepiga CMS-termer #16: Progressive enhancement
• Knepiga CMS-termer #15: Balsamiq
• Knepiga CMS-termer #14: JSON
• Knepiga CMS-termer #13: CSS sprites
• Knepiga CMS-termer #12: CDN
• Knepiga CMS-termer #11: Failover
• Knepiga CMS-termer #10: Redundans och Redundanta system
• Knepiga CMS-termer #9: Continuous integration
• Knepiga CMS-termer #8: Cache med ehcache, oscache och Varnish
• Knepiga CMS-termer #7: Eclipse
• Knepiga CMS-termer #6: Luntbuild
• Knepiga CMS-termer #5: Ant
• Knepiga CMS-termer #4: Maven
• Knepiga CMS-termer #3: Rally
• Knepiga CMS-termer #2: Velocity
• Knepiga CMS-termer #1: Lucene

Avanza bank hann släppa en första betaversion av sin nya sajt innan året var slut.

Det hela 13 (!) månader efter att Avaza avtäckte sin minst sagt amibitiösa utvecklingssajt på Liferay CMS. Säkert den mest påkostade i Sverige genom tiderna.

Fick de in någon bra besökarpåverkan då? Jovars, den ”/nya” lanseringen har jobbar med trevliga app-ikoifiering (inställningar, dela och sök) för t ex medlemshanteringen, flera dropdowns i menyrad och en VideoJS HTML5 filmvisare.

Ikonerna dyker upp igen i de smått animerade sätten att visa sidor/notifyers. Animerade är även footer och header som går att fälla in och ut.

Den tidstypiska fixerade toppmenyraden finns där liksom en fixerad footer-rad med personaliserande funktionalitet och en mängd olikfärgade lightobx’es för notifieringar av olika slag.

Inloggade kan personalisera genom att skapa egna sidor/genvägar i sin bank. App-likt, innovativt och kul. Andra banker måste tycka exemplet är en aning skrämmande. Banksektorn tillhör, förståeligt, de som är försiktigast med innovation och nytänkande.

Det märks att det fortsatt finns konsulter som gillar och kan javascript frontend inblandade i teamet.

Sidor för registrering och glömt lösenord tillhör vad som ännu inte finns klart.

Tipstack till Gunnar Wrede.

Cloud Nine i Stockholm är klara med en open source Umbraco lansering av Residensportalen.com.

Det är en luftigt designad Umbraco e-commerce Tea Commerce lösning av Anders Brohäll och co. Sajten riktar sig till de som vill hyra ut bostäder. Det finns siffror på antal tillgängliga objekt samt mäklarlika objektsidor. Det går att registrera sig för att lista egna objekt eller ta del av utbudet.

Svenska Pingdom har gjort en mindre årssammanställning över tredjeparts kommentarssystemens popularitet.

Disqus dominans har klart minskat efter Facebook Comments fantastiska intåg (på Techcrunch samt genom mycket framgångsrika DN.se, Aftonbladet.se implementationer i Sverige, bl a) via Comments Box plugin i mars 2011. Samt Livefyre och WordPress interna/IntenseDebate växer stadigt.

Dessa är de som dominerar, men hur stor andel hade de under 2011 och vilken är egentligen störst numera?

Ingen fara för Disqus, som fortfarande krossar de andra kommenteringssystemen baserat på Technorati Top 100 som underlag.

Med större underlag blir det svårare att bedöma vilket system som är störst. Sex veckor efter lanseringen av Facebook Comments i våras hade 50 000 sajter anslutit, men efter det finns ingen statistik på antal kommentarer eller aktiva kommentatorer i förhållande till just ledande Disqus.

Disqus har 61 miljoner användare på nästan 1,1 miljoner sajter och 300 000 till 400 000 dagliga kommentarer.

Facebook själva säger hellre att att 7 miljoner appar integrerats med Facebook och att 500 miljoner använder Facebook via andra webbplatser (främst dela-knappar). Samt så klart att de har 800+ miljoner användare.

Naturvetarna har fått en re-designad och uppgraderad EPiServer CMS levererad av Nansen i Stockholm.

Nansen skriver på egna bloggen att Naturvetarna checkade in på Nansen Care Spa där centrering, luftighet och ett nytt bildspråk anammades.

Team:

• David Kästel, strategi och projektledning
• Robert Persson, produktionsledning och systemutveckling
• Kristoffer Lybeck, design och UX-utveckling

Så har ännu en IDG-sajt lyckats lämna de gamla trista Polopoly 9-mallarna modersajten tvingade in allas design i under åren 2008-2010.

Under de senaste kvartalen har vi kunnat följa iw.se, InternetWorld.se framtagandet via utvecklingsbloggen nyainternetworld.se. Nu är design och konceptansvariga Afonso Wilsson klara och det vart en i rutnät (fasligt likt samma annonsformat) uppbyggd re-design med en tillhörande, tydlig och fixerad (vid scroll) toppmeny. Mouseover visar att rutorna går att klicka på. Rutnätet innehåller även standard widgets för Facebook och Twitter. Och det fungerar bra och har rätt mängd yta.

Toppmenyn är svart på vitt, men övergår mjukt i transparent vitt på svart när scroll inleds.

Sajten har kategoriserats tydligare och sociala kanaler har lyfts fram via samma rutnät.

Rutnätets kvadratiska form bryts natt av en expanderad ruta med en auto/manuell carousel. Den enda missen är väl att Bambuser-sändningen kan startas utan att carousel’en stannar av. Så den hörs med inte syns. Men en miss som är svår att åtgärda då den ligger på tredjepartens sida. Samtidigt kul med ”play-knapp” direkt på startsidan, något tidningar alltid haft problem med via sina CMS. I caroulsel’en är säkert flera andra typer av widgets tilltänkta framöver.

En kategorisida använder sig av ett rutnät med fyra i bredd och en underliggande grafisk listning med antal kommentarer utskrivna (använder sig av en förminskad variant av samma bild bland listbilderna). Twitter-flödets ruta anpassas med en sökning på kategorinamnet istället.

Den mycket friliggande WordPress.com-bloggen Digitala Affärer får leva kvar, om än mindre exponerad. Den, av IW, prisade tjänsten Kundo används för feedback.

Varje kategori har försetts med en tydlig markör för sponsrings/annonsmöjligheter inom varje kategori. Säljigt, men har ju fungerat för bl a Talentums DagensMedia.se.

Miriam Olsson Jeffery, Magnus Höij, och de andra på IW har skapat en modernare sajt som sticker ut och jobbar bra med sina tillgängliga contenttyper. Tankarna på ett ”radar”-nätverk med inlänkat content från externa författare och bloggar (där MKSE.com bidrog med CMS-nyheter på startsidelöpet) är släppt. Ola Ljungstedt, utvecklare på IDG, fixade Polopoly java-kodandet.

Under 2012 kommer även ComputerSweden designa om signerat Nansen och Cap&Design får ett nytt utseende levererat av Söderhavet.

Annons:

Lasttest verkar ligga på fleras läppar. Först drar Apica in miljonbelopp i riskkapital för andra året i rad (tredje vändan sedan 2007). Något som gör att de snabbt kunnat växa vidare och vidareutveckla ett förbättrat EPiServer, Azure cloud och Atex (Polopoly) stöd.

Sedan blev Alexander Haneng från Making Waves inlägg om molnbaserade alternativet LoadStorm för EPiServer en av de mest lästa artiklarna i EPiServcer-kretsar i december månad.

Där beskriver han hur man i GUI kan ställa in test av olika delar av CMS:et. LoadStorm kostar $199 per månad. Ett alternativ är betydligt dyrare BrowserMob.

Cybercom vann uppdraget att ta fram en mobil webbplats åt Sveriges största bostadsorganisation, HSB.

HSB, som även sägs vara på jakt efter ett nytt CMS, kommer få en ny webb för drygt 22 000 unika mobilbesökare varje månad. Webbplatsen ska inledningsvis visa HSBs utbud av bostadsrätter, hyreslägenheter, aktuella visningar och kontaktinformation. Arbetet föregicks av en ”mobil strategi”.

Inblandade är bl a Martin Dolk och Mikael Grönlund samt Maria Isacsson, ansvarig digitala kanaler, HSB.

HSB är Polopoly 8 9 CMS-kund.

Update: När röken skingrat sig kring Lunds Universitets open source / proprietära CMS-upphandling visade sig universitetet fortfarande ha kvar flera open source CMS val.

Centralt beslutades om Drupal som CMS men även alternativet TYPO3 (som stod med som segrare i slutet av upphandlingen) finns kvar inom Lunds Universitets framtida CMS-flora.

Några baskrav vid CMS-utvärderingen var:

• Annat nordiskt universitet använder systemet
• Leverantör som är etablerad i Sverige
• Mest använda CMS i Sverige via CMS Crawler.com
• Topp fem i open source awards 2010
• Bra placering i Gartners Magic Quadrant

Som gav 18 CMS. Dessa sorterades vidare ut på kraven:

• En öppen arkitektur som är oberoende, öppen och begriplig, läs mer (Urvalskriterier för shortlist och bruttolista)
• Leverantörer med ramavtal i tre år
• Minst Mid-Range Product enligt Real Story Groups kategorisering
• Relevanta Nordiska referenser
• Livskraftighet, en aktiv och långsiktig organisation för systemet och lösningarna.

Ramavtalsleverantörer är Redbridge. Genom dessa används konsulter från bl a Nodeone.

Den första sprinten för www.LU.se avslutades för två månader sedan. Peter Svensson ansvarade för CMS-utvärderingen.

Annons:

Tele2 har gjort entré i iPhone App Store, deras app Mitt Tele2 0.91 (0.9 kom för några veckor sedan) för att kolla saldo, räkningar och några fler saker finns nu ute och ligger bra till i nedladdningslistorna.

Men premiären för operatören i App Store vart inte smärtfri, en klar majoritet av Tele2-kunderna är mycket kritiska till appen som både sägs vara dåligt uppbyggt  och kraschar ofta.

Det är osäkert vilka som står bakom Object-c kodandet.

Happiness hann med ännu en release innan ledigheterna. Det är den första av Lunds Universitets kommande Drupal-releaser.

Lunds Universitet, Biologiska Institutionen har fått en Drupal 7-baserad webbplats för Svensk Dagfjärilsövervakning (www.dagfjarilar.lu.se). Övervakningen är en del i Naturvårdsverkets nationella program för miljöövervakning. Sajten innehåller:

• Google Maps kart- och sökfunktion med observationer i egna pins
• Rapporteringsfunktion där observationer kan matas in
• Forum där du kan få frågor om dagfjärilar besvarade och se fina bilder
• Information och rapporering kring dagfjärilsövervakningen
• Dagfjärilsbloggen
• Nyhetsbrev via Mailchimp
• Egen 404-sida
  

Väldesignad och trevlig release.

NodeOne ska ansvara för när LU.se landar på Drupal 7.
 

Cerpus har gått live på en Drupal med, för fjärde gången denna vecka, Responsive Design. Ethan Marcottes presentationsteknik har i Sverige därmed synts i EPiServer, WordPress och Drupal projekt.

Denna gång även en mer ”äkta” responsive med typsnittsförminskning/förstoring och tre stegs layout-förändringar vid olika skärmstorlekar.

Annars är det en rätt standard, lutftig webbyrå-sida.

Cerpus i Karlstad är verksamma sedan 2002 och fok’ar numera på just Drupal CMS. Karlstad är nog Sveriges mest Drupal-intensiva stad.

Även Nansen, Upperdog och Noc har tydliga responsive design erbjudanden.

Skandiamäklarna.se har, några år efter intranätet gjorde samma sak, flyttat över till en Drupal.

Det vart en Drupal 7 signerad Happiness för den rätt omfattande releasen. Mäklarvarumärket ansluter sig därmed till de svenska företag som kört Drupal-testskott något/några år och nu även satsar på CMS-plattformen för större syften.

Dessutom är det aldrig lätt att integrera CMS i releaser som har så mycket branschspecifika system och data som t ex mäklarbranschen.

Objektbeskrivningarna verkar dock inte helt integrerade. De ligger en bit ifrån den nya Drupal:en på en www2-server.

Den nya sajten har en Google Docs (och inte Kundo) för besökarfeedback, Lånesnurra, blixtvärdering, Lockerz-dela och allmänt luftig, ”2010/2011-design”. Det finns även grafiska typsnitt, en sitemap-footer (som inte ligger längst ned) och i botten en designad erbjudandeyta med information om ett certifikat.

Först ger sig eBay på allvar in i e-handel och nu satsar framåtsträvande tryckföretaget Vistaprint på CMS och automatiserad webbproduktion.

Någonstans i deras köpkedja och kundhantering ser de ett behov av de enklare CMS och Facebook Pages-hanteringstjänster Webs.com DIY Site Builder erbjuder via egna verktyget SiteBuilder.

Vistaprint köper upp Webs.com DIY Site Builder för häftiga 845 Mkr. Webs.com DIY Site Builder i sin tur har nyligen växt genom förvärv av Facebook Pages skaparen PageModo. Vistaprint köpte tidigare i år även Albumprinter.

Även Drupal genom DrupalGardens och Google genom nya Blogger satsar på enklare, semiautomatiserad webbproduktion för att ge WordPress.com en match.

Borlängeföretaget WebDoc med eget CMS ska ha knutit till sig en del intressanta kunder under 2011. De listar bl a Fujifilm som ny kund.

Fujifilm.eu är dock TYPO3 4.5 CMS-användare. Det är osäkert vilken, om någon del av Fujifilm som bytt till Webdoc CMS 7 samt designat om.

Fujifilm, som tidigare använt EPiServer för intranät och testat Drupal.

Responsive design-satsande WebDoc jobbar annars med RK Tryck / Tierps Tryckeri / Partner Print Group, Svenska husgruppen AB (Faluhus.se och forsgrenstimmerhus.se).