Daytona, Fleecelabs, Heroku, HTML5, Omegapoint, Responsive design, SiteCensus, tv4 Digitala medier, TV4.se, valtech Featured, Headless / Decoupled CMS, Javascriptramverk, Nyheter, Open source PHP, Responsive Design / Mobilwebb

Superresponsive TV4.se har släppts

In Featured, Headless / Decoupled CMS, Javascriptramverk, Nyheter, Open source PHP, Responsive Design / Mobilwebb by MKSE.com Redaktion Martin Edenström17 Comments

Update: Nya responsive design www.tv4.se av TV4 inhouse samt Daytona, Fleecelabs och Omegapoint har äntligen släppts, berättar Peter Lind på Valtech (som erbjudit några konsulter) och Per Åström på TV4 Digitala medier. Vid första anblick laddar dock sajten lite långsamt i samtliga browsers, i flera sekunder ser den rätt märklig ut innan grafiken laddats in (se bild från FF, samma sak i IE och Chrome). Men det går säkert att komma runt detta om den ordning script...

Detta är enbart en förhandsgranskning av hela artikeln. För att läsa allt och ta del av all data krävs en engångsbetalning eller att du blir en supporterande medlem till MKSE.com. Du betalar vid månadsskiftet och kan därför läsa innan du debiteras. Summan bestämmer du själv, det börjar på 10:- SEK i månaden. Pengarna går till drift och licens för att driva MKSE.com. Betalas via ApplePay, Paypal eller kort. Stort tack för ditt bidrag och din förståelse!
To view this content, you must be a member of MKSE.com & artikelförfattaren Martins Patreon at $1 or more
Unlock with Patreon

Kommentarer

  1. Märkligt att så många responsive design(ers) väljer att göra allting så extremt stort. Bara för att det är responsivt behöver man inte utgå ifrån att alla har problem med synen.

  2. Vill veta mer :)
    – Hostas allt på Heroku?
    – Använder dom inte Ruby on Rails, eller det bara Rails på backend?
    – Utvecklas alla system in-house? vilka system från tredjepartsleverantörer använder dom?

  3. Håller helt med! Varför inte sätten en max-width på hela sidan. Likaså bör varje enskild kolumn ha en enskild max-width

  4. Mer info om vår setup:

    CMS är hemmarullat, har MongoDB i botten. Ligger hos Basefarm

    Vårt API som all backend-kommunikation går via ligger också hos Basefarm. Även det använder Mongo för lagring av information som vi får in via andra system, tex programinformation. Sök sker mha Solr

    Alla frontar kör på Heroku (gäller både tv4.se och tv4play.se)

    Ovanstående tre appar är skrivna i Ruby on Rails

    Vi jobbar med contiuous delivery (idag gjordes 8 produktionsreleaser av http://www.tv4.se). Brian (TV4) pratar mer om det här: http://www.valtechlabs.se/lunchseminarium-med-brian-riddle-continuous-integration-the-good-bad-ugly

    Vad gäller det responsiva så är den större delen såklart css. Här använder vi sass för att underlätta (se tex respond-to mixin http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32). För responsiva bilder krävs det JavaScript samt vår image proxy som skalar om bilder (eget CDN som nämns i posten)

    Framför tv4.se, api och image-proxy har vi Akamai som CDN

    PS Om ovanstående låter som teh awesome så ska TV4 anställa två utvecklare http://http.tv4.se/2012/06/20/were-hiring/

    Om ni vill veta mer, pinga @tv4_http

  5. Jo det är nog sant. Kanske för att vi alla sitter på 27″-skärmar, medans slutanvändarna sitter på upplösningar omkring 1280×768. Jag får ibland säga åt våra designers att arbeta i mindre fönster i photoshop eftersom man tappar perspektivet helt när man arbetar med för stora ytor.

  6. Ha ha? Bästa textverktygen för kod som du kan hitta…

  7. Jag håller själv på att utvärdera Heroku. Något avskräckande kändes det att de bara använder sig av US_EAST på AWS. Eller stämmer inte det längre? Jag tänker att pingtiderna mot API blir onädigt långa för oss svenskar. Antar att statiskt material inte lider iochmed att det kommer ned via Akamai. Har du några tankar att dela med dig av angående detta?

  8. Åhå, nu läste jag att ni kör API:erna på Basefarm och alltså inte Heroku. Nåja, vore kul med ett svar alla fall.

Leave a Comment

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.