zdravestravovani.ic.cz

http://zdravestravovani.ic.cz

Prosím o zhodnocení stránky, děkuji.

Amunak:
„Mě se to líbí. Jednoduchý design - a jak víme, v jednoduchosti je síla. Taky moc hezký nápad s těmi "náčrtky" nahoře na té lince. Hezké. Jediné co se mi nelíbí je ta azurová - na můj vkus moc světlá a výrazná. Zvolil bych asi něco jako #90ABFF... Texty mě taky zaujaly, hezky napsané.“

Děkuju. :-) Barvy jsem změnil tak, aby tolik nepíchaly do očí.

smonkey:
„Moc pěkné, jediné co bych upravil --> Stránku bych "stáhnul" o několik pixelů a vycentroval doprostřed... Zkrátka aby to nebylo tak roztahnuté přez celou stránku. Jinak moc pěkné“

Díky. Střední část jsem zúžil tak, aby text měl 80 znaků na řádek vyjma zúžení okna prohlížeče, kdy byla zachována gumovitost designu.

Bubák:
„V IE6 levé menu menu velice nepříjemně překrývá text článků.“

Díky za info. Pro IE 6 už neoptimalizuju. Podle Google Analytics mají stránky od 5. 4. do dneška 218 absolutních unikátních návštěv, z toho 2 návštěvy skrze IE 6. Podle Toplist používá IE 6 k 15. týdnu tohoto roku 7,2 % uživatelů. To se mi nevyplatí, stránky jsou beztak nekomerční.
Podíval jsem se na vzhled v IE 6 skrze software IETester http://www.my-debugbar.com/wiki/IETester/HomePage a je tam toho víc chybně: průhlednost u png obrázků, float v zápatí, nepodpora css selektorů, takže položky v menu vypadají jako obyčejné odkazy, nepodpora max-width...
Pokud bys věděl, jak vnutit IE 6, aby nenačítal css, byl bych ti vděčný za radu.

Bubák:
Vyřešil jsem to tak, že jsem pomocí podmíněného komentáře IE 6 odřízl od css a nadefinoval mu vlastní jednoduchý styl pro všechna média (v podstatě jen písmo a pár marginů a paddingů. Tím pro mě podpora IE 6 hasne.

Chamurappi:
„To může být způsobeno vypuzovací chybou měření.“
Ano, může.

„K čemu ji potřebuješ? Pozadí pod obrázky máš všude stejné.“
Kvůli univerzálnosti, abych mohl případně měnit barvu pozadí s co nejmenšími potíži.

„Žádný tam nemáš.“
Ano, nemám. Zapomněl jsem, že jsem to změnil. Chyba byla pravděpodobně v tom použití selektoru větší než.

„Proč používáš selektory typu #zapati>#doporucuji>ul a #nabidka>ul>li?“
Ano, zbytečné. Vyházel jsem je a hned se stránka vzhledem přiblížila standardu.

„Můžeš použít width. S malou šířkou okna stejně moc nepočítáš — leze ti mrkev do Zdravého stravování.“
U IE 6 jsem tedy použil width. Počítám, to lezení do nadpisu nepovažuju za důležitý.

„U takhle jednoduchého webu je jednodušší zařídit, aby běhal všude, než zařídit, aby se v něčem rozpadal. Dle mého názoru máš špatný žebříček priorit.“
Ano, máš pravdu, už jsem to zařídil, až na pár drobností: pokud je sloupec s nabídkou vyšší než sloupec s textem, bílé pozadí se nenatáhne až k patičce, a pokud je naopak sloupec s textem vyšší, svislá přerušovaná čára se nenatáhne k patičce. Dále jsem zakázal zobrazování průsvitných obrázků png.

„Se selektorem h1+p, h2+p, h3+p, h4+p, h5+p, h6+p v něm neuspěješ.“
Ano.

„K čemu jsou zájemcům o zdravé stravování odkazy ‚XHTML 1.0 Strict, CSS 2.1‘ v patičce?“
Jim k ničemu, mně k honění si vlastního ega. ;-)

Díky za podnětné komentáře.

Chamurappi:
„Dobrá práce, mnohem lepší.“
Díky.

„Ta se občas těsně po načtení nenatáhne ani v Exploreru 7. Může za to nějaká překreslovací chyba.“
OK. Ale aspoň jsem vyřešil ten druhý problém (pokud je sloupec s nabídkou vyšší než sloupec s textem, bílé pozadí se nenatáhne až k patičce): pod mi chybělo
„Do <hr /> píšeš lomítka také kvůli egu? Kvůli ničemu jinému tam nejsou, prohlížeče (a některé validátory) tvůj kód vnímají jako HTML, nikoliv jako XHTML, takže balast navíc ve značkách ignorují.“
Ne, tak mě to naučila knížka XHTML průvodce vývojáře. Píše se tam, že prvek s prázdným obsahem je správně signalizován tak, že se na jeho konci uvede lomítko: <hr/> Z důvodu zpětné kompatibility se tam ale ještě vkládá mezera: <hr />. O tom, že se kvůli IE musí dokument posílat jako text/html, vím. Až bude i IE podporovat xhtml, pak bude stačit změnit typ na application/xhtml+xml.

„Na tvém místě bych udělal mezi odstavci větší mezery (větší než žádné), nebo rozdělil texty do více odstavců. Na úvodní stránce je v podstatě jeden strašně dlouhý a prakticky jednolitý text. I na jiných stránkách mi připadá všechno moc nahuštěné, nad nadpisy je stejně malá mezera jako pod nimi, seznamy nevypadají jako seznamy. Psychologicky na mě celý web působí stejně chudě a sterilně jako prosazovaný styl stravy, což by asi neměl být cíl :-)“
Odstavce jsou odděleny odsazením, jako v běžné sazbě textu. V typografii jde vždy o jednotnost versus množství informace. Absolutní jednotnost je šedá plocha, ta však nenese žádnou informaci. Proto se tvoří písmena, slova atd., která již nesou informaci. Čím více se bude tato šedá plocha rozrývat písmeny, mezerami atd., tím více informace ponese, ale tím nejednotněji bude dokument působit. Přistoupil jsem tedy na další kompromis a zvětšil horní okraje u nadpisů. Odstavce však nechám pouze odsazené od levého okraje, neboť text pak působí kompaktněji. Úvodník není jednolitý, je strukturovaný do pěti odstavců. Ještě asi udělám větší mezeru mezi seznamy a obyčejnými odstavci, možná seznamům přidám odrážky nebo použiju jiný řez písma (asi kurzívu). Poznámku o chudosti a sterilnosti stravy budu ignorovat, beztak to sem nepatří. ;-)

Chamurappi:
„V HTML to neplatí a tvůj kód je prakticky vším vnímán jako HTML. Spoléháš se na to, že cílová zařízení nedodržují HTML specifikaci.“
Ano, právě proto je tam ta mezera mezi značkou a lomítkem. Předpokládám, že v té knížce nešíří bludy.

„Domníváš se, že prohlížeče nepodporující XHTML MIME typ brzy zmizí?“
Doufám, že ano.

„Proč chceš používat XHTML?“
Protože kód je díky XHTML striktním pravidlům a kladení důrazu na správnou sémantiku místo na formát bez problémů přenositelný i na nekonvenční typy zobrazovačů stránek, jazyk XHTML bude všemi prohlížeči interpretován stejně.

„Nebude ti v něm fungovat lišta od hostingu, počítadlo od Toplistu, reklamy, ani cokoliv jiného, co je závislé na javascriptové metodě document.write.“
Logický klam, argumentum ad populum.

„Nemluvě o tom, že pak jakákoliv chyba (způsobená tebou, proxy serverem, či prohlížečem) sestřelí stránku.“
To je naopak obrovská výhoda, chyby vyjdou hned na povrch. Totéž, co v programování.

„Dlouhých. Přiznávám, že jsem je přečetl, ale nechtělo se mi do toho.“
Nejdelší má tuším dvanáct řádků, tři poslední v průměru pět, to mi přijde spíše málo než hodně.

„Nekritizuji tvoji stravu, jen říkám, že v podstatě vizuálně podporuješ stereotyp, který se snažíš bořit. Píšeš, jak jsi spokojený a zdravý, ale web vypadá jednotvárný a mdlý.“
Šlo mi především o text, ne o grafické kudrlinky. Chtěl jsem minimalistický design. Stránky jsou textově orientované.

„Možná za to může i ta všudypřítomná zdravá modrá barva.“
S barvami si možná ještě pohraju, i když toto barevné schéma se mi líbí. Zkusím tam dát ještě nějaké veselejší, případně dám možnost výběru. Nicméně to je přesně důvod, proč jsem ty schématické obrázky kreslil na průhledném podkladě.

„Což takhle přidat nějaké ilustrační obrázky? Se zeleninou se při focení dají dělat divy.“
Ano, obrázky časem přidám, bohužel ale nevlastním foťák. Zkusím se kouknout po free obrázcích na webu. Dík za inspiraci, pěkný obrázky. :-)

Chamurappi:
„Mezera nemá v prohlížečích používaných během posledních osmi let žádný efekt.“
To mám z pokynů pro zpětnou kompatibilitu. Nevím, jak by některé prohlížeče používané v posledních osmi letech vyhodnotily <hr/>, ale s <hr /> problém nemají. Každopádně je třeba si uvědomit, že jsme pořád ve stádiu, kdy jsou dominantní vágní HTML a jeho vágně implementované specifikace v prohlížečích.

„Myslíš přesně ten samý důraz na správnou sémantiku, který zavedlo HTML 4? Oba jazyky disponují stejným sortimentem značek, žádná nebyla v XHTML zrušena.“
Místo sémantiky si tam dej strukturu, omlouvám se za spletení pojmů.

„Lomítko by měl prohlížeč podle HTML specifikace považovat za konec značky a následující většítko za ním za obyčejný znak určený k zobrazení.“
Takže při zápise <ul></ul> by měl vypsat mimo jiné znaky „ul>“? Nerozumím.

„Tvůj současný HTML kód není všemi prohlížeči a nekonvenčními zobrazovači interpretován stejně?“
Ano, ale lidé, kteří píší HTML kód vágně, se tomuto nebezpečí vystavují. XHTML vágnost nepřipouští, okamžitě vyhodí chybové hlášení. Pokud bude prohlížeč splňovat specifikaci XHTML, bude v něm web interpretován stejně jako ve všech ostatních prohlížečích splňujících tuto specifikaci. Díky striktnosti pravidel XHTML by měl systém „prohlížeč - tvůrce webových stránek“ samopotencováním konvergovat do stavu, kdy chyba na jedné nebo na druhé straně nebude tolerována. Prohlížeč, který bude chybně interpretovat XHTML, bude považován za zmetek. Nicméně díky shazování stránek se správnou specifikací by neměl mít stejně šanci na úspěch.

„Hovořím pouze o situaci na tvé stránce, ne o nezúčastněném davu. Zkus si na ní na chvíli přepnout MIME typ a v prohlížeči znalém XHTML uvidíš, co všechno nepojede.“
To je ale obecný stav. Mně to může být jedno, až k tomu nástupu, jak doufám, XHTML dojde, prostě přejdu na hosting, který jej bude podporovat a s ic se rozloučím. Asi tak jako s každou jinou firmou, která poskytuje nevyhovující služby.

„Jak se o nich dozvíš? Jak opravíš chybu v proxy serveru mezi serverem a návštěvníkem? Jak zjistíš, že návštěvníkův prohlížeč vinou své chyby zrovna tvoji stránku nezobrazí?“
Viz výše. Chybný proxy server bude jeho správce nucen opravit, nebo zkrachuje. Totéž se týká prohlížeče. A zrovna chybu prohlížeče, resp. její důsledek pro mé stránky, lze zjistit snadno, že.

„Ano, to je celkem standardní obhajoba pro nejhezčí možnou skupinu obdélníků, kterou je člověk schopný vyrobit. Také dělám minimalistické designy :-)“
Ano, klidně otevřeně přiznám, že nejsem žádný grafik :-), každopádně i tak mám z hlediska funkčnosti raději strohé weby.

Mimochodem, kdybych měl „větší koule“, tak si tam ten mime typ klidně dám a na IE se vykašlu. Nejlepší by stejně bylo, kdyby takový přístup měli všichni vývojáři, pak by se ta konvergence značně urychlila.