Ny design på Kostdoktorn!

Kostdoktorn

Den här sidan blev just omdesignad!

Skillnaderna är inte jättestora, men kanske märker du dem. Här är en lista:

  • Sidan är responsiv, dvs. ser olika ut beroende på vilken skärmbredd du har – exempelvis om du surfar in på en mobil.
  • Menyn ser annorlunda ut på mobila enheter.
  • Maxbredden för inlägg är ökad från 650 till 800 pixlar. Det finns därmed plats för större bilder m.m.
  • De sociala ikonerna för exempelvis Facebook är nu grå (ofärgade) och mer diskreta.
  • Mottot under loggan är bytt från ”Riktig mat för din hälsa” till ”Revolutionera din hälsa”. Riktig mat är bara en av ingredienserna för det – om än ofta den viktigaste.

Vad tycker du om förändringarna?

Säg också gärna till om du hittar några buggar. Jag och IT-ansvarige Johan Eenfeldt från Team Kostdoktorn sitter och fixar vad vi hinner under kvällen.

94 Kommentarer

Toppkommentarer

  1. Eriksson
    Texten är för stor. Bilder är på tok för stora.
    Läs vidare →
  2. Stefan Lindberg
    Ett val kanske om jag i mobilen *vill* ha den stationära sidan. Exempelvis wikipedia har så att man kan välja PC eller mobil. Jag borde få ett val.

    Och webbläsaren bör i så fall komma ihåg valet så att vid nästa surfning på sidan så får man automatiskt mobil- eller PC-sidan.

    Svar: #69
    Läs vidare →
1 2

Alla kommentarer

  1. Leopold Team Kostdoktorn
    För de som vill ha mindre storlek på saker generellt (som även många webbläsare följer) i Windows 7:

    Kontrollpanelen->Utseende och Anpassning->Bildskärm->Mindre - 100% standard->Verkställ
    Control Panel->Appearance and Personalization->Display->Smaller - 100%->Apply

    I firefox (så den inte följer Windows inställning):
    Öppna ny flik->Skriv: "about:config"->Sök: "layout.css.devPixelsPerPx"->Dubbelklicka på den och väl värde "1.0" istället för "-1.0".

    För bara denna sida:
    Tips: tryck på "Ctrl"+"-" för att zooma ut på PC (eller "Ctrl" + scrolla nedåt).
    Detta kommer de flesta webbläsare ihåg och används på alla undersidor.

    Svar: #66
  2. karin
    Tycker att bilden är lite för stor fortfarande. Passar bättre med den nya loggan nu när du förespråkar potatis mjöl också.
  3. Marie
    Jag tycker också allt är för stort. Om man kan följa Leopolds anvisningar här ovan, blir det då som förut att man kan förstora genom att dra ned fingrarna? Eller är den funktionen borta? Jag har en Padda o tycker det har fungerat perfekt förut, med mindre text o bild, och kunna förstora vissa valda saker.
  4. Patrik
    Först: En fantastisk blogg det här som jag läser regelbundet. Bloggnytt är den sidan jag startar på därför att den även visar nyheter i andra bloggar och forumet.

    Mina synpunkter:
    Bannern överst på sidan kan göras mindre
    Fonten är lagom i mobil (Windowsphone 7) men för stor på dator (Windows, Chrome)
    Menysystemet är irriterande. Gillar inte att en ruta som täcker 1/3 ploppar upp om muspekaren råkar vila ett ögonblick för länge på menyraden. Jobbigt på platta också (Android) när menyskrället oavsiktligt ploppar upp och täcker större delen av skärmen och man måste hitta ett område utanför den att peka på så den försvinner.

    Övrigt: Mycket snygg sida. Bra jobbat!

  5. Effie
    Jag har inte testat med mobil, men med Internet Explorer 9.
    Först kommer jag till en svart meny med vit text. som täcker hela skärmen, och jag undrar vad som hänt. Scrollar jag neråt, känner jag igen mig igen - förutom raden med "Hem" och bild på boken etc - där står allt i en enda röra, över vartannat.
  6. MJ
    OT Men:
    http://viktklubb.aftonbladet.se/v4/hem/openarticle/18762835/?refpartn...
    Förutom att "myterna" inte besvaras i vissa fall så har hon ju fel i drygt hälften. Mest intressant här borde väl 4 och 9 vara.
  7. ks
    Snabblänk till visa-senaste-kommentarer.
  8. Anna
    Fungerar kanonbra på min iphone! Bra med responsiv sida!
  9. 65+
    Hos mig funkar den nya designen inte bra. Starten blir helsvart med vit text, typ listad innehållsförteckning. Måste scrolla ner en bit för att se början av bloggen.

    Min dator har
    - Windows XP
    - Exlplorer 8

    Svar: #76
  10. Christoffer
    Gillar uppdateringen i stort (haha). Dock sitter jag bakom en 26"-skärm vilket gör att sidan för mig känns lite i största laget, eftersom allt blir så gigantiskt. På iPhonen flyter den makalöst bra. Det känns som att den här uppdateringen grundades i en ökad trafik från mobila enheter? Kul isåfall. För att summera mina tankar; Bra för mobila enhter, mindre bra för (min) PC.
  11. Matglad
    Några tankar om den mobila versionen (Android Nexus 4):
    Det går inte att själv välja text-storlek. Storleken är bra för mig, men jag kan tänka mig att det finns många med tex sämre syn som gärna skulle kunna ändra den efter eget behov.
    Sidan stänger dels av användarens möjlighet att zooma, den erbjuder inte heller själv någon inställning för textstorlek, och till slut om man i mobilens webläsare väljer att begära skrivbords-versionen istället för att kunna zooma som vanligt så ignoreras begäran och mobil-versionen skickas igen.
    Svar: #78
  12. Fundersam
    Fint i sig, men allt, bild och text känns för stort.
  13. Tvillingsyster
    Är 'doktorn' vänsterhänt - ser ut så i bilden - frågar en som är vänsterhänt =)
  14. shomeg
    #58
    hehe Kostdoktorn ÄR gigantisk, på många sätt.
  15. Lotta B
    Sitter med bl.a. iPad och Google chrome och då blir bloggnyttsidan helt tokig. En lång spalt med kostdoktorninnehåll, sedan kommer kostdoktorbannern med ett vitt horisontellt streck rakt igenom och därefter kommer bloggarna i en lång spalt.
  16. Gudrun
    Eller tryck på "Ctrl" och snurra på mushjulet.

    För att återställa tryck "Ctrl" + "0" (noll)

  17. jenny
    Mottot under loggan syns knappt. En lite mörkare färg eller en som inte smälter in i bakgrungsfärgen så bra hade funkat bättre för mina ögon.
    Svar: #68
  18. På mobiler finns ännu en bugg som gör den blå färgen bakom mottot för mörk. Fix kommer.
  19. Fredrik
    Att en webbplats är responsiv betyder att det ska anpassa sig till alla skärmstorlekar, utan att ändra stilmallar eller sitt innehåll. Det du efterfrågar är en separat mobilsida som du kan välja bort och tyvärr fungerar inte responsiv design på detta vis. Separata mobilsidor brukar vi branschfolk avråda från. Du får dubbelt jobb med att underhålla två webbplatser och är helt enkelt en rätt föråldrad filosofi. 😉

    http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/

    Svar: #70
  20. Anders A
    Det är faktiskt fullt möjligt att även med responsive design låta användaren välja mellan olika varianter.
  21. Klas
    Alla dessa responsiva CSSer är inte bra. "Stop drinking the cool aid" och låt det se ut som det brukar, skulle jag vilja säga till många webansvariga därute! Kostdoktorn.se ser larvigt stor ut i min browser (Chrome) i Windows 8 nu. Det ser ut som SVTs text-tv. Måste klicka ctrl-minus ett antal gånger för att få det att se åtminstone acceptabelt ut.
  22. Birgitta
    Gillar inte bloggnyttsidan (med mobil!) Blir alldeles för mycket att skrolla när man skall några bloggar neråt. Känner jag mig rätt kommer jag snart sluta surfa in via mobilen, tyvärr 🙁
    Svar: #73
  23. Anders A
    Prova att vrida på telefonen, då får i alla fall jag med min upplösning (och auto-rotate aktiverat) 2 kolumner.
    Svar: #74
  24. Birgitta
    Tyvärr fortfarande bara en kollumn i min iPhone 4s 🙁
  25. Tack för tipset. Bloggnyttsidan ska fixas så det blir minst två kolumner på iPhone. Satt på listan att göra. Inte högst på att-göra-listan idag dock för vi har ett stort projekt som närmar sig lansering.
  26. 65+
    Så här blir det när jag Citerar kommentar:

    Hos mig funkar den nya designen inte bra. Starten blir helsvart med vit text, typ listad innehållsförteckning. Måste scrolla ner en bit för att se början av bloggen.

    Min dator har- Windows XP- Exlplorer 8

    Kopierat och klistrat in #57
    65+
    25 april 11:10 Hos mig funkar den nya designen inte bra. Starten blir helsvart med vit text, typ listad innehållsförteckning. Måste scrolla ner en bit för att se början av bloggen.

    Min dator har
    - Windows XP
    - Exlplorer 8

    ........
    Vad är det jag behöver göra? Jag har fortfarande en helsvart sida som en innehållsförteckning när jag börjar. Dessutom har vissa rubriker hamnat nedanför strecket i blogghuvudet.

    Jag ger upp!

  27. Th,B
    En stor del av tjusningen med min nya fina Smartphone störtdök i alla fall efter den här
    nya mobildesignen. ( Min mob. experia s /andriod syst. 4.6.17)
    Hittar inte raden av kommentarer som tidigare fanns även på mobilen.
    Finns endast på Webben = 'Stora' kostdoktorn. ( ähhh, på Pc'n menar jag)
    Eller vad gör jag för fel ?
  28. Matglad
    Tack för att zoomningen i mobil-läget funkar nu!
  29. Rickard
    Era kommentar fält är usla!! dom blandar helvilt mellan kommentar och svar och blandar högt och lågt så det är svårt att följa "tråden" så ordning och reda Kommentar och ALLA svar på kommentar efter kommentaren
  30. Ulf-S
    Den förvalda text- och bildstorleken på bloggen är fortfarande större än tidigare, dvs. för stor enligt mig och en del andra. Kommer det att fixas?
    Svar: #81
  31. Vi kommer att finjustera vissa saker. Särskilt på mobila enheter har vi mycket kvar att göra för att göra upplevelsen så bra som möjligt.

    Delvis är det dock en vanesak. Utvecklingen går mot allt större skärmar med allt högre upplösning och därmed behöver successivt textstorlekar öka.

    Svar: #82
  32. Ulf-S
    Större skärmar med högre upplösning – visst. Storlekarna som används på bloggen är dock större än i forumet och större än på i princip alla andra webbplatser jag besöker.

    Om man har generella problem med att alla webbplatser blir för småskaliga kan man enkelt ändra den övergripande storleken i webbläsaren. Att behöva ändra storleken så fort man surfar in på enskilda webbplatser, och t.o.m. på olika sidor och funktioner på samma webbplats, blir väldigt osmidigt.

    Just sayin'. Jag ska inte tjata mer.

  33. cgs
    Det vore bra om det va en annan färg eller fetare stil på rubrikerna i motsats till kommentarerna, nu flyter allt samman och har blivit svårare att urskilja.
  34. Lennart N.
    I Internet Explorer ligger introduktionslänkarna (Hem, Börja här osv) som en stor svart blaffa överst på sidan! I t.ex. Mozilla Firefox ligger länkarna på rätt ställe d.v.s. alldeles under bilden på kostdoktorn.
  35. Annika
    Under Viktnedgång leder både Tips för att gå ned i vikt och LCHF för nybörjare till helt vita sidor. Jag har Firefox, PC.

    Edit: Sorry, det fungerar nu.

  36. Louise
    Tack för en fantastisk blog!
    Jag får också vit sida på http://www.kostdoktorn.se/viktnedgang/svart-ga-ner-i-vikt (Firefox och Chrome)

    /Louise

  37. LindaC
    Jag får inte upp sidorna under tex Viktnedgång, Börja här mm. Sidorna är bara vita.
    Har Chrome på datorn och Safari på paddan. Vitt på båda. Vad göra?
    Svar: #88
  38. Det där problemet dyker upp för vissa personer. Här fungerar det bra. Vi jobbar på det och hoppas ha en lösning så snart som möjligt.
  39. D
    Hörni, det måste väl gå att fixa storleken på text och bild i bloggen, det var MYCKET bättre förut!

    De andra bloggarna jag läser; lifezone, tommytappar, Dahlqvist, lchfingenjören, highfatfitness, etc. har utmärkt storlek på bild och text. Det funkar inte att klicka ctrl plus, ctrl, minus, plus, minus...+-+-+-+- Särskilt inte om man klickar sig vidare härifrån till andra bloggar, vilket jag gör flera gånger om dagen. Nu har jag på minus och texten är på tok för liten, inte ok.

    Jag förväntar mig en normalstor, lättläst text på en av Sveriges största och viktigaste bloggar!

  40. Fia Stark
    Allt tydligt och bra. Men texten kan vara mindre om den är mörkare blå, då blir det bättre kontrast o lättare att läsa. Även fossiler med sämre syn, läser KOSTDOKTORN. Ljusgråa / ljusblåa bokstäver är det allra sämsta att läsa. Besvärligt för ögonen.
  41. Sofie
    Det är den senaste trenden att allt ska vara så stort på nätet (andra sajter med som hakar på tydligen en trend nu). Men man vill bara zooma ned bilder o texter för att det känns som: in your face!. Känslan man får är: en sajt för ngn 100åring som tyvärr ser dåligt. Jag skojar inte nu eller vill förstöra, jag har bara reagerat på den nya trenden, and i don't like it at all.
    Svar: #92
  42. Fredrik
    Det var ju tråkigt att du inte gillar stor text. Vissa av oss som trots allt inte är 100 år, som du så elegant uttrycker det, kanske föredrar att läsa text utan att behöva trycka näsan i skärmen eller använda förstoringsglas. Det kallas för tillgänglighet. Hellre att en bredare publik faktiskt kan läsa texten på skärmen bekvämt än att du ska få dina personliga preferenser tillgodosedda…
    Svar: #93
  43. Anders A
    Jag tror inte bara det är Sofie som tycker så, det är ganska många som kommenterat detta. Och det kan vara lika jobbigt att läsa för stor som för liten text...

    Men är en utmaning idag för webbdesigners att göra något som passar bra för alla de olika varianter och storlekar på skärmar som finns. Men i just det här fallet tycker jag nog också att det blivit några storlekar för stort när man besöker med vanlig stor skärm. Känns lite som att titta på en rejält stor TV när man sitter för nära - det räcker inte att flytta blicken - man får snurra på hela huvudet 🙂

    Svar: #94
  44. Fredrik
    Då är det radlängden som ska kortas ner, inte textstorleken som ska minskas. Webbplatsen kan säkerligen justeras i sin layout, men att de valt att ha bekvämt läsbar text är inget annat än väldigt positivt. Som frontend-utvecklare möts jag av dagligen av utmaningen att anpassa webbgränssnitt för olika skärmar på ett bra sätt och tro mig, mindre text är verkligen inte lösningen. 😉
1 2

Lämna en kommentar

Svar på kommentar #0 av

Äldre inlägg