Vlákno názorů k článku Novinky: Dva dny do reinkarnace od marvin - Je to hnus, je to hnus, je to...

Je to hnus, je to hnus, je to HNUS. Hnus fialovej. Na ty HP by
se dalo bruslit. Roztahany, neprehledny, nesmyslne barevny. Ach jo.

Mně se zdají Novinky příjmné. Jsou jednoduché, přehledné, nezahlcují mě články (a zatím) ani reklamou. Hodně jsem se bál, když jsem zjistil, kdo bude layout mít na starosti, ale teď je jedinou mojí výtkou ošklivé logo s několika typografickými nedodělávkami.

Mimochodem, docela mě překvapuje, že autor kódu se rozhodl i při zachování tabulek opřít do kaskádových stylů. K úplné spokojenosti by ale měl asi ještě více pouvažovat o využití sémantických značek HTML (třeba menu by měl tvořit seznam), a kdyby se kodér rozhodl přiklonit k nějaké normě (X)HTML, chodil bych a říkal: "Podívejte se na ty Novinky. Skvělá práce." ale takhle je to zase jen nedodělek.

Děkuji, Martine, za shovívavost. Jsem pravděpodobně tím, jehož layoutu Novinek jste se obával, což se dá pochopit. Máme totiž trochu rozdílné důrazy. Vážím si vaší snahy o dodržování validity, standardů a sémantiky (se zájmem čtu weblog). Mým důrazem ale je, aby to nějak fungovalo.

Píšete, že jsme se rozhodli i při zachování tabulek opřít do stylů. Je to trochu jinak. Na styly jsme kladli důraz od začátku a tabulku jsme byli nuceni použít až v nouzi. Tou nouzí byla nutnost používat styl clear pro různé objekty v článku (v hlavním sloupci). Když byl pravý sloupec udělaný obtékáním, začalo se nám to clearovat. Nebo kdyby byl pravý sloupec udělaný pozicováním, tak netrefíme jeho nejdelší možnou délku (protože bleskovky prostě mohou být různě dlouhé). Až tomuto problému vymyslíme řešení, tabulky vyhodíme.

Využití sémantických značek je plně možné jenom u dokumentů, které se generují méně automaticky. Udělat levé menu pomocí <ul> je fajn nápad, v tuto chvíli bylo jednodušší použít nadpisy. Ale souhlasím, že je co zlepšovat.

K normě XHTML jsme se nepřiklonili z jednoduchého důvodu -- na stránce budou reklamy. Protože reklamy mají většinou kód nečistý a není v lidských silách ho čistit, validita dokumentu by stejně byla porušena. Prostě jsme to vzdali rovnou.

Design se mi docela líbí, jenom na mne trochu rušivě působí kombinace bezpatkového písma v textech a patkového pro nadpisy, obvyklejší je to obráceně (nebo všechno stejně). Nejdřív jsem si myslel, že mi chybí nějaký vychytaný font, ale ono je tam opravdu napsáno serif. Hodně divoce vypadá především hlavní nadpis stránky - patkové písmo v této velikosti (36 px) vypadá dost divně a rušivě.

Mně se to tak líbí.

Pak je to v pořádku. Taky jsem měl takové období... :-) Ale stejně bych tam před ten serif dal jako první nějaký konkrétní font.

Už tam je.

Nevím, jestli jsem správně pochopil ten problém, ale pokud je prostřední sloupec realizován jako samostatný div a pravý sloupec je mimo něj, neměl by pravý sloupec chování elementů uvnitř prostředního sloupce nijak ovlivnit.

Pokud potřebujete mít pravý sloupec uvnitř prostředního, pak by mohlo stačit v prostředním sloupci místo "clear: both" používat "clear: left" (stejně tam nic jiného s "float: right" není).

V článku opravdu potřebujeme mít pravý sloupec uvnitř hlavního. To, že tam není nic s float: right je náhoda, jinak řečeno může tam něco takového být. Jsou objekty, které se tam objevují jenom někdy.

Řešení bude patrně spočívat v tom, že se hlavní sloupec hodí samostatně do divu. Kdybyste ale znal lepší, tak vězte, že Seznam hledá do týmu dalšího webmastera, více na http://firma.seznam.cz/volnamista.html#webmaster

Asi bych to řešil samostatným divem. Pokud by cílem měl být layout, kde hlavní sloupec vyplní i prostor pod aktualitami, pak tabulka nic neřeší - problém bude úplně stejný.

Nic proti tabulkám na tomhle typu webu nemám, i když je možné, že by se mi po nějaké době povedlo udělat layout, který by se bez nich obešel, nevidím rozumný důvod podnikat takový vejšlap. V kódu mi jedině vadí zbytečný ústup od sémantiky, především vysoký počet značek <div> a <span>.

Pokud jde o reklamu -- nacpal bych ji do <object> nebo <iframe>. Podle mě by klidně ten web mohl být napsaný podle HTML 3.2, není důvod trvat u tohodle typu serveru na XML. Taky byste mohli povolit kešování kaskádových stylů, docela je to překvápko, když nejdřív vidím web neostylovaný, a pak se v sekundě přeformátuje. Výtečně vypadají Novinky v barevném Lynxu na pinknetím serveru, jen ty ALTy pro obrázky chybějí...

Pokud jde o použitelnost, chtěl jsem včera poslat vsackému kamarádovi odkaz na fleš o stávce tramvajáků, aby v pondělí nebyl překvapený, až dorazí do Prahy, ale zjistil jsem, že na jednotlivý fleš odkázat nelze.

Mimochodem, podle zákona o reklamě byste měli dát najevo, kterou část webu tvoří placená inzerce. Řekl bych, že myčka AEG není implicitně rozpoznatelná jako reklamní prostor.

Jinak nové Novinky čtu už od neděle (škoda, že Roman nechtěl dovolit zveřejnění screenshotu už na pondělí :-) a musím říci, že mi ze všech současných zpravodajských webů vyhovují nejvíce. Vím, že se to změní až začnou fungovat pořádně.

"Taky byste mohli povolit kešování kaskádových stylů, docela je to překvápko, když nejdřív vidím web neostylovaný, a pak se v sekundě přeformátuje."

Není to tím, že by bylo zakázané cachování. Měl jsem podobný problém a objevuje se při připojení stylu přes @import. Obešel jem to tak, že jsem styl připojil klasicky přes link a obsah css souboru uzavřel do @media screen { ... } - to odřízne téměř tytéž browsery (jediný rozdíl se může objevit podle Marka Prokopa někde na IE5/Mac, ale těch je naštěstí prakticky nula :-).

Díky, Jirko, tohle jsem nevěděl. Taky mě překvapilo, když nám to v určitou chvíli začalo problikávat bez stylů. Nenapadlo mě, že je to tím importem.

Import jsme tam skutečně dali kvůli odříznutí starších prohlížečů, tedy hlavně Netcape 4. @media screen by to taky řešilo, ale já chci zatím současnou verzi používat i na tisk, dokud nenapíšu detailní tiskové styly. Možná by pomohlo @media all{}, to budu muset zkusit.

Řešili jsme to asi 14 dní na regionálních Atlasech (praha.atlas.cz atd.) a tam je to nakonec opraveno přes @media screen { ... } ve stylu.
Moje hypotéza je, že při stylu přes import IE začne načítat a renderovat stránku (bez stylu), zatímco kontroluje, že se styl nezměnil (přes datum poslední modifikace), tj. že ho nemusí načítat, což má za následek tu chvilku neformátovaného textu. Při CSS přes link nezačne renderovat stránku vůbec, dokud nenačte styl nebo mu server nepotvrdí, že datum poslední modifikace není novější než cachovaná verze.
Stoprocentně to není nějakými špatnými hlavičkami, které zabraňují cachování, to jsme u nás prověřovali několikrát a tudy cesta nevedla.
Určitě by mělo jít použít @media screen, print { ... } nebo @media all { ... }, ale také to nemám detailně otestované :-(

Nacpat reklamu do iframe nebo object je zajímavý nápad, žel pouze teoretický. Aby se to dobře prodávalo, musí být pozice variabilní, to znamená například připravená na nějakou vyjížděčku nebo tak. Což v iframe nejde. Ta pozice prostě "podle zákona obchodu" musí být univerzální a připravená pojmout jakýkoli invalidní balast.

Horní reklamu chceme graficky oddělit.

>> Vím, že se to změní až začnou fungovat pořádně...

Má to prosím znamenat, že pokud tam bude víc funkčnosti (třeba diskuse), bude to méně přehledné, méně vyhovující?

S těmi alty je to pravda, díky za připomínku.

Na jednotlivou fleš odkazovat nejde. Není ani tak problém udělat stránku s jednou fleškou, problém je, kam takový odkaz dát. Přehled novinek není weblog, aby pod každou bylo napsáno "trvalý odkaz" :-) To by lidi jenom mátlo.

Vyjížděčky se stejně generují z žábaskrytu.

>> Má to prosím znamenat, že pokud tam bude víc
>> funkčnosti (třeba diskuse), bude to méně
>> přehledné, méně vyhovující?

Zatím mám bohužel takovou zkušenost. Kéž by ne.

>> problém je, kam takový odkaz dát.

Co třeba na čas?