Might Know Something Else feed Kommentarer Feed

MKSE.com – All about CMS

Störst på CMS. EPiServer, Drupal, WordPress, Sharepoint, Polopoly, Escenic och Sitevision.

Arkiv för ‘Ny teknik HTML5, CSS3’ kategorin

Hållbar stad släppt med responsive design, inget CMS

Skrivet av Martin Edenström On 16 maj 2012

Valtech är färdiga med CMS-befriade sajten hallbarstad.se för kunden Arkitekturmuseet. En del av de museer Stockholmskonsulten jobbar med sedan några år tillbaka.

http://hallbar-stad-assets.s3-website-eu-west-1.amazonaws.com/assets/city-d1542a07936c158c8a03cb277271f8b9.jpg

Hållbar stad är en webbplats för samtal och kunskap om hållbar stadsutveckling, ett forum för idéutbyte och en samlingsplats för goda exempel på hur ett mer hållbart samhälle kan skapas.

En rails-baserad release med responsive design, Facebook Comments kommentarer, Amazon AWS CDN stöd och trevlig formgivning i stort.

Eloge eftersom toppmenyn, vid minskad skärm, även animerat fäller ihop sig.

Ny responsive design release från TV4.se

Skrivet av Martin Edenström On 2 maj 2012

TV4:s nya plattform blir allt mer tydlig. Inte minst i nya släppet Hockey-VM, som bygger på samma ramverk som den nya TV4-sajten kommer att gå live på senare i år.

http://img.tv4.se/convert/resize/200x113/shape/cut/source/http%3A%2F%2Fwebapi.tv4play.se%2Farticle%2Fgrid%2F4fa1135904bf721337000010%2FViktor-Fasth.jpg

Den handlar om en responsive design sajt som även är den är första publika delen av arbetet med nya TV4-sajten. Lite mer uppgifter från teamet bakom:

Standards: HTML5, CSS3
Components: Rails, jQuery, Memcached
Software: Textmate, vim, Rubymine

Svenskt Projektforum live på responsive design WordPress CMS

Skrivet av Martin Edenström On 19 april 2012

Svenskt Projektforum sedan har för inte alltför länge sedan valt att köra WordPress CMS i en integration med Salesforce CRM.

Webbplatsen uppgraderades häromveckan till WordPress CMS 3.3 och den baseras på tekniker som HTML5, CSS3, jQuery och Modernizr och designen är numera responsive design, hälsar Mats Wall, ansvarig Digitala Kanaler.

Projektforum firar faktiskt hela 6 månader som responsiv sajt, vilket gör att de måste tillhört de första exemplen i Sverige. Före t ex Nansens Radiotjänst.se responsive design.

Kul även att Projektforum satsar på speciella, lite ”nördiga” lösningar som egna short-URL:s (http://prjkt.se/). Nya sajten sportar även, helt korrekt, de officiella, samställda sociala bokmärkeslänkarna, Instapaper (”read later”), kommentera samt bläddring mellan artiklar.

Projektforum ger bl a ut IPMA-certifieringar och informerar om bl a PRINCE2 och XLPM.

Så blir nya responsive design SVTPlay.se

Skrivet av Martin Edenström On 11 april 2012

Egna bloggen Testbild berättar en del om nya Svtplay.se, en designmässigt snarlik release – som dock under ytan innehåller en hel del nytt.

http://blogg.svt.se/testbild/files/svtplay_beta_collage-3-505x378.jpg

Gunnar Slott, Produktägare SVT Play, skriver att det blir en anpassningsbar responsive design release som även introducerar en QR-aktiverad fjärrkontroll till SVTplay. Det finns ny sökfunktion, HTML5, bättre anpassad touchkontroll för de 10-15% som använder läsplattor/smartphone och en del annat.

Synpunkter ventileras i en Kundo.

Swedavia.se lanserad på EPiServer med responsive design

Skrivet av Martin Edenström On 28 mars 2012

En storrelease har under onsdagskvällen sett dagens ljus. Nya Swedavia.se innehåller inte färre än 11 flygplatswebbar (Arlanda, Bromma, Landvetter, Malmö etc.).

Sajten har utvecklats i ledning av ett internt resursteam (Digital Services) med assisterande frilanskonsulter.

Beställare var Michael Persson Gripkow, Marknadsdirektör på Swedavia. Han säger:

- Vi tar ett stort och nytänkande steg framåt med våra nya webbplatser, som gör oss tillgängliga för våra kunder i de flesta situationer, oavsett om kunden använder laptop, surfplatta eller smartphone. Vi har lagt vårt fokus på att göra webbplatserna användarvänliga och relevanta för våra målgrupper och samtidigt kommersiellt attraktiva. För oss är det viktigt att våra resenärer, partners och samhällsintressenter nås efter olika behov och kundsituationer i vårt snabbt föränderliga samhälle. När vi nu lanserar nya webbplatser gör vi det som Ett Swedavia, där alla flygplatser hänger ihop samtidigt som vi utvecklar vår affär och kundnöjdhet genom ännu bättre service, nya tjänster och tydligare mervärde genom våra digitala kanaler.

http://www.swedavia.se/Global/generella%20bilder/press/pressbild3_1024x375.jpg

Sajten sportar responsive design, ligger på en EPiServer CMS 6 med vissa HTML5 element och har en SiteSeeker sökmotor samt MyNewsdesk och HR Manager integration och interna integrationer för diverse flygdata.

Det blev en trevlig design också som bygger på ingångar, ikonifierade feta menyer, 960gs rutnät med fyra puffar samt flygplatsdropdown.

Knepiga CMS-termer #23: Node.js

Skrivet av Martin Edenström On 2 mars 2012

Inte bara Facebook måste ompositionera sig och hitta nya områden att verka inom.

Samma sak spås av allt fler (”lean UX”) gälla design- och webbyråerna. CMS-systemen och framförallt standarder inom CSS och HTML (960.gs, progressive enhancement, JS-ramverk som jQuery, CSS3, HTML5, webfonts, WAI-standarder etc.) har blivit så pass vedertagna och samstämmiga över olika utvecklingsverktyg och browsers att de enorma re-design och omgörningsprojektens tid kan vara över.

För webbinstallationer på plattform och med rätt standarder anno 2010-2011 väntas det de kommande åren räcka med att ändra några rader, kanske direkt från gränssnittsutvecklarens egen webbläsare, för att uppnå en motsvarande re-design effekt. 

Hos många kunder finns dessutom en uppfattning att de redan investerat i återanvändningsbar design och tillhörande produkter för att styra webben.

Modularitet och faktumet att många 3:epartstillverkare till webben som kundtjänstfunktion, Google Maps och Twitter dikterar och skarpt begränsar designmöjligheterna hjälper till. Det blir allt svårare att visa upp en slående re-designeffekt som kunden inte tidigare försökt sig på.

Ny input till re-designen kommer fortfarande krävas, som:

  • Teoretisk input via t ex fokusgrupper, effektkartläggning, card-sorting, eye-tracking, analys/statistik/A/B-test och användarundersökningar.
  • Ny grafisk profil från kunden eller reklambyrån.

Men finns ramverken och standarderna på plats finns mindre eller inget behov av:

  • Informationsarkitekturarbeten med helt nya wireframes,
  • Interaktionsdesign
  • Moodboards,
  • Design av element,
  • Photoshop-prototyper och design
  • Helt ny CSS, HTML etc.
  • Designarbete på en ny teknisk plattform (content och mallar återanvänds och flyttas allt enklare mellan CMS)

Detta arbete och dessa ansvar flyttas längre ned i hierarkin, från AD till gränssnittsutvecklare.

Det gäller design av webb- och produkt på de enheter vi idag konsumerar webben på. Och även gällande för kunden oprövade eller framtida enheter väntas allt mindre enhetsanpassningar krävas. Tack vare responsive design via olika typer av mediaqueries.

I Sverige borde detta innebära förändringar för designfokuserade byråer som Doberman, Deasign, F&B och CP+B Europe.

Sveriges Radios nya HTML5-sajt Plus imponerar

Skrivet av Martin Edenström On 10 februari 2012

De är inte kända för att varit i direkt framkant det senaste decenniet, men i veckan har Sveriges Radio imponerat på nätet med sin nya Plus satsning.

En ren, HTML5-uppbyggd online multimediaupplevelse som kombinerar radioprogram med lyssnarnas egna länkar, kommentarer, Youtube-klipp, bilder etc. allt användare/autentiserat via en Facebook Connect, så klart.

http://sverigesradio.se/diverse/appdata/isidor/images/news_images/2938/2139963_520_379.jpg

Mycket snyggt, och missa inte klicka er vidare till länken via mobilen. Det är där satsningen verkligen leverar. Sveriges Radio har i projektet verkligen gått ”mobile first”.

Ett oerhört fall framåt jämfört med den rätt tama mobilsajten från april 2011 och den, förvisso omfattande, men tekniskt ej fulländade re-designen av iSidor .NET CMS från i november 2009.

Satsningen marknadsförs i mobila kanaler just nu. Sveriges Radio Plus är framtagen av Forsman & Bodenfors. Teknisk leverantör är Society 46. Sveriges Radios marknadschef Rebecka Ioannidis Lindberg beställde.

Knepiga CMS-termer #20: Responsive design

Skrivet av Martin Edenström On 28 december 2011

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.

http://www.straightupsearch.com/files/2011/12/Untitled-1.jpg

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.

TV4 Play för iPad finns ute

Skrivet av Martin Edenström On 7 december 2011

Per Åström och co. på duktiga TV4 New Media är klara med TV4 Play iPad. Liksom Daniel Goldbergs påfund för Computer Sweden handlar det om en gammalcontent orienterad (tryckt/TV), paywallad modell där ett medlemskap även ger tillgång till allt innehåll i appen.

http://www.idg.se/polopoly_fs/1.417498!imageManager/1272933993.jpg

För hela innehållet krävs TV4 Play Premium, för 99 kronor per månad, 495 kronor för ett halvår eller 948 kronor för ett helår.

Bon hjälper WordPress att bli magasinens nya favorit-CMS

Skrivet av Martin Edenström On 7 november 2011

http://bon.se/live/wp-content/themes/bon/images/bon_logo.png

Hypade Bon blir med ny sajt. Nya bon.se har idag lanserats med målsättningen att bli bästa modesajten i Sverige.

Det gör man på CMS:et WordPress 3. Bons chefredaktör Linda Leopold erbjuder bloggar, inifity-scroll, designad twitter-feed och lightboxes för artikelpresentation bland andra egenskaper i nya releasen. Kommentarer sker med orginalplugin’en.

IT-huset (otippat, resurskonsult utan WP-bakgrund och främst .NET-kompetenser) stod för programmering och lovat att deras WP-templates ska vara byggda för att kunna navigeras med fingrar och fungera på iPad och iPhone.

WordPress är snart uppe i lika många tidnings, eller iaf magasinreferenser som ledande svenska alternativet EPiServer.

http://bon.se/live/wp-content/uploads/2011/09/SvenskaDesignpriset-217x325.jpg

Public Class satsar på Node.js releaser

Skrivet av Martin Edenström On 10 oktober 2011

State-of-the-art tekniksugna Public Class med Jakob Stenqvist och Robert Sköld har verkligen tagit till sig hypade, eventdrivna javascript-ramverket Node.js. http://webbsverige.files.wordpress.com/2011/10/wolff-olins.png?w=500&h=308

Byrån Wolff Olins tillhör de första kunderna som får en ny responsive sajt baserad på Node.js, HTML5 och CSS3.

Adobe HTML5-satsar, köper PhoneGap och TypeKit

Skrivet av Martin Edenström On 7 oktober 2011

Det är inte bara eBay som beefar upp med förvärv inom e-handel, mobilt och eventuellt CMS.

Även Adobe har antagit en ”Oracle-lik” skrud med en mängd intressanta förvärv inför framtiden. Nu har de även tagit över hypade PhoneGap genom att köpa ägarbolaget Nitobi.

Strax innan köpte de även TypeKit, en av de stora och mest erkända leverantörerna av kreativa typsnitt på webben.

http://www.phonegap.com/assets/carousel/dw5_4.jpg

Med PhoneGap hoppas de snabba upp egna racet mot HTML5 och webstandarder strategiarbetet.

Heroku erbjuder Python och Django stöd

Skrivet av Martin Edenström On 29 september 2011

Salesforce-ägda Heroku är nöjda med att kunna presentera applikationsstöd för att kunna exekvera Python and Django på molnplattformen.

Det gick att lösa då Python har mycket gemensamt med Ruby, Heroku’s orginalspråk på plattformen.

https://nav.heroku.com/images/logos/logo.png

Svenska projekt på Heroku? Sök här.

Andra webbtekniker det buzzas om just i september 2011? Sök på t ex:

Beteendeanalys bakom GP:s nya iPad app

Skrivet av Martin Edenström On 12 september 2011

GP:s nya iPad app GP bild är baserad på beteendegranskning som uppmärksammat att besökarna gillar klicka sig runt i bildspel. Gärna inom tydliga, tillhörande teman.

http://www.medievarlden.se/sites/default/files/imagecache/article_image/articleimg/skarmavbild_2011-09-12_kl._09.58.22.png

Detta bildbrowsande baseras därav appen på och ägarna Mkt Media hoppas att fler inom sfären ska haka på.

Medievärlden skriver att HTML5-appen (dock native) blir gratis och 3 nya bilspel per dag blir takten. Allt publcieras från GP.se:s vanliga Polopoly CMS från 2 år sedan. GP har, liksom just Polopolys ägare Atex, gillat tablets ett längre tag och höll redan för ett år sedan på med iPad-anpassningar.

Android version är på gång.

?>