Matthew's Blog BETA 2

1) Úžasné. Nějak mi v něm ani nefunguje input
2) Lupa nemá pacičku.
3) Vidím tam pár zbytečných divů. No pár... Hodně. I ty spany. Pro paticku článku bych použil seznam. Ale nejsem si zcela jist.
4) Bez obrázků jsem naprosto v háji.
5) Bez stylu nevidím odkaz k přeskoku k boční navigaci. Mimoto bych doporučil oddělit jednotlivé bloky pomocí hr.
6) Obrázek nemá nastaven rozměr.
7) Nechápu význam interního stylování.
8) Cotojátka ti menu nezachrání. Ani jsem netušil, že to menu je.
9) Asi bych se vyhnul použití <menu>. Prý čtečky nepřečtou, že jde o seznam a rovnou čtou položky. U ul to oznámí.

Edit: Málem jsem nepoznal, že tam nějaké hledání je.

Tomu já neříkám kvalita. Buď to není hotové a neměl bys to sem dávat a nebo to prostě kvalitně nedokážeš.

Reaguji na Lextera:
„1) Úžasné.“
To není nativní šestka, nefungují v tom filtry zajišťující vykreslování průhledných PNG.

„3) Vidím tam pár zbytečných divů. No pár... Hodně.“
Všehovšudy jich tam má 17. Který ti třeba připadá zbytečný?


Reaguji na matthewa:
1) Tu lupu bych na tvém místě řešil spíš pomocí <input type="image">, aby i bez podpory stylů/obrázků bylo zřejmé, co tlačítko dělá.
2) Při zvětšení písma či přidání obsahu je vidět konec pozadí (respektive je vidět, že se opakuje). Na pozadí máš jiný obrázek, než v grafickém návrhu, což ti trochu usnadnilo práci.
3) Celá stránka je dost náročná na hardware.
4) 1,29 MB je dost.
5) Horní menu není použitelné bez obrázků. Zkus použít <img> s altem.

Není to dokonalé, ale myslím, že jsi předčil očekávání.

Chamurappi
<div id="paticka_left">, <div id="paticka_right">, <div id="paticka">, <div id="stranka">, <div id="horni">, <div class="lista">, <div class="clanek">, s ohledem na to, že v sloupci není nic než menu tak i <div id="sloupec">.

To není nativní šestka, nefungují v tom filtry zajišťující vykreslování průhledných PNG.
To jsem nevěděl, omlouvám se.

Nevím pak zda se dají považovat za věrohodné výsledky z http://browsershots.org jako třeba http://browsershots.org/screenshots/f60ba8983994c813785818cfb06bf7e9/ a tam to šestka taky nezvládá? Osobně nevím, budu rád za objasnění.

Reaguji na Lextera:
Nastartoval jsem nativní šestku a vypadá to opravdu tak, jak ukazuje tvůj obrázek. Nemusel bych ji spouštět, kdybych si v kódu dříve všiml, že vůbec nepoužívá filtr na PNG. Servíruje šestce GIFy a řadu dalších vlastností, aby napodobil vzhled PNG. Takže to „úžasné“ je opravdu asi matthewův záměr, ne moc vydařený.

Do hledacího <input>u skutečně nejde psát, celý <div id="horni"> nijak nereaguje na kliknutí.

Chamurappi
Taky jsem si už všiml, že to jsou gify. Jejich okousanost by se dala docela dobře eliminovat. Stačí ty ikony dát na podobně modré pozadí a ugumovat přesahy od ikon. Ovšem ne za pomoci vyhlazení, ale klasickou gumou na tužce. Pak by to nikdo neměl poznat.

Mě ani tak nešlo o ty gify a že jsou oškubané, spíš o to, že se mi nevykreslila spousta pozadí, ale to už sám víš. Asi tam prostě nejsou protože jak jsi správně řekl, nepoužívá filtry. Pak snad jedině řešení pomocí 50x50 gifu (určitě víte jak to myslím).

Ale jo, několik DIVů by ušetřit šlo.

matthew
To pozadí dej na střed. Třeba mě teď vychází ta světlá část přímo pod hledání, a to pak není skoro vidět.

Ještě bych uvítal nějaký lepší hover v menu, než cotojátka.

Všetka česť. Naozaj fantasticky nakódované, na tvoj vek... Tých divov tam je ako dosť, dalo by sa to aj takto: <menu id="sloupec">, poprípade článok: <p class="clanek"> a dole <ul class="lista"><li class="autor">... ale to nevadí.

matthew
„Pro všechny, kteří měli pochybnosti o tom, zda tento grafický návrh je lehké nakódovat, jsem se za jedno odpoledne design pokusil nakódovat. “

Fajn, gratuluji. Ale uznej sám, že jsi výrazně slevil z původního návrhu.

Jestli ti je 13, tak klobouk dolů :o)