happymaster23.cz

Zdravím,

prosím o zhodnocení http://happymaster23.cz.

Známé chyby:
Stránka není validní - kvůli použití striktní deklarace typu dokumentu versus použití atributu v odkazech. Momentálně řeším jestli oželet validitu nebo otevírání v novém okně. Další možnost je JS řešení. Druhá chyba je velikost obrázku na pozadí, která by podle http://www.websiteoptimization.com/services/analyze/ neměla přetáhnout 30k, což je podle mě v dnešní době lehce přitažené za vlasy. Připojení průměrného Čecha natáhne stránku do dvou sekund. Nicméně zajímá mě váš názor.

http://browsershots.org/http://happymaster23.cz/

Díky za kritiku!

Úsměvné, grafika je podle tebe špatná, ale plácneš mi sem takový hnusný rozostřený obrázek ;). Netvrdím, že by se nedal ještě lehce zkomprimovat a zmenšit, ale to co si předvedl je nevkusné. ;) Počkám si na hodnocení dalších...

Matty
Když je styl testoval s Lorem ipsum, tak se problém s validitou neobjevil, protože jsem nepoužíval odkazy s atributem target. Neuvědomil jsem si to a této chyby jsem si všiml až teď, když jsem si před tím než to dám sem ke kritice, validitu vyzkoušel. Momentálně, jak jsem napsal výše, uvažuji co s tím.

Ad sekání - znám X layoutů, které používají stejně jako já složité pozadí a přes něj průhledné PNG. Vyzkoušel jsem to Athlonu XP 2000+ s 256 MB RAM a integrovanou grafikou (WinXP, Firefox 3) a naprosto bez problémů. Jsem si jistý, že i to nejlevnější co se dnes dá koupit - Atom s 512MB RAM a integrovanou GMA950 s tím nebude mít absolutně žádný problém.

Ad logo - jak by si ho změnil? Možná klamu tělem, ale nejsem grafik ani náhodou, co bych možná dokázal navíc je dát na to nějaký pattern, to je tak vše ;).

Díky za kritiku.

Díky, vyzkouším. Akorát mám strach, aby ta hlavička nezapadla. Jeden z problémů co jsem řešil bylo totiž i to, že to pozadí bylo pro oko silnější, než hlavička.

No jistěže záleží, protože to nejenže není ostré, ale hlavně se tam těžce projevuje komprese, tedy takové to nechutné kostičkování přes i na jednolitých plochách. Nevšiml sis? Tak doporučuji vyhodit to TNko za pár šupů co máš na stole a uvidíš, jak hrozně to vypadá ;).

Docela mě dokáže rozesmát, když tu člověk s webíkem o rybičkách dává obecné rady typu podívej se tady hňupe. Co si mi jako chtěl říct tím prvním odkazem? Že tam mám kontrast správně? A ten druhý? Že se ti líbí takový (dle mě přeplácaný) typ layoutů? Ale já jsem se neptal na to co se ti líbí, já jsem se pouze na začátku ptal na to, co by mohlo být všeobecně špatně (např. sémantika) a nebo na to co byste změnili (Tam použij jinou barvu, jinou velikost písma, tohle zvětši). Doopravdy nejsem zvědavý na takové hospodské řeči, tím můžeš ohromovat kamarády u piva, ale s kritikou to nemá nic společného...

Ach jo, já jsem věděl, že to sem nemá cenu dávat, ale aspoň se hodí mít tady odkaz... Za těch pár hodin co je ten odkaz tady prošlo zhruba padesát lidí, z toho jeden měl nějaké dobré připomínky, druhý řekl že je to vlastně totálně k ničemu no a ten třetí se nezapomněl zastat toho druhého, i když nějaké konkrétní připomínky měl. Zbylých 47 má názor minimálně neutrální.

tozi

Webíkem o rybičkách jsem nechtěl říct nic špatného, ale prostě na to, abys mohl házet takové všeobecné rady jaksi musíš mít nějaký mnohem viditelnější kus práce za sebou. Mám pocit, že lidé jako třeba Pixy nebo Dgx (a spousta dalších), pokud by měli čas se zahazovat v takových diskusích, by se určitě dokázali vyjadřovat mnohem jemněji a při tom by si mohl dovolit cokoliv...

Počkej, ty v tomto dokážeš najít nějakou radu: "Celé mi to príde,nedotiahnuté.Vlastne ani nieje čo hodnotiť.Grafika žiadna,farby zle vybrané. "? Asi jsem nějaký divný, ale já tam žádnou nevidím...

Co se týče kontrastu, možná bych pochopil, kdyby byl doopravdy špatný, ale nechápu CO je špatně. Protože i podle toho webového nástroje co je na Sově je #FFFFFF písmo na #262626 podkladu více než OK. Zbytek je psaný v #7F7F7F, což sice podle otrockého porovnání nesedí, ale pokud vezmeš v potaz že pozadí není čistá #262626 a navíc je touhle barvou psaný pouze doplňkový text, který se netýká obsahu, tak pořád žádnou chybu nevidím.

Nechci tvrdit, že celkový dojem z těch webů na webcreme je lepší než z mého, to zajisté ne. Problém je ale v tom, že mě se nelibí takový typ webdesignu pro webdesign, protože je v dnešní době tak tuctový a tak ohraný, jakože každý nosí rifle. Navíc pokud mám hodnotit technickou stránku, tak z toho flashe je mi tam na blití. Zvlášť ten první, který se drze nasere přes celou obrazovku je fakt unikát. Něco takového bych zavřel bez mrknutí design nedesign.

Urážky? Nevšiml jsem si...

vertigo4
1) Ale plosimtě, podle čeho? ;) Doopravdy jsem si žádné rady v toziho prvním postu nevšiml. Debílka nechávám být, existuje na to krásná dětská říkanka: "Kdo to říká tento je..."
2) Nad změnou pozadí uvažuji, co myslíš, má sem cenu dávat nějaké screenshoty?
3) Já vím, pokud dokážeš vymyslet lepší a já ho použiju, rád ti zaplatím. Sranda ovšem je, že to co máš ty na svém webdesignovém webíku se leskne ještě víc, než to moje ;). No co si mám pak myslet o takových lidech jako ty, kteří káží vodu a pijí víno, že? ;). Martin Hamrla se ti taky pěkně leskne a to logo "Ekonomie" je taky zázrak, to je poprvé co si k obyčejnému fontu přidal i předem připravený tvar z Photoshopu, že pane Webdesignér?
4) To je tvůj názor, i když budu nad tím uvažovat, protože já sám takhle odkazy nerozlišuji a pokud chci otevřít v novém panelu, přímo tak učiním...
5) Zajímavá myšlenka, s tímto tě přesměruji k Michaelu Heilemannovi, autorovi defaultního vzhledu WordPressu. Ta konstrukce hlavičky je převzatá právě odtud a pokud to tak je, určitě je pro to důvod.
7) Budu se ještě informovat, jaký tam má význam. Každopádně díky za připomínku.
8) Na to máš samozřejmě plné právo.
6) Šestku jsem si nechal schválně nakonec, protože je vidět že si asi něco i četl. Nejdřív tedy k tomu proč to tak je - tam kde text jmenuje štítky je odlišen tmavší barvou a stejně jako datum nebo kategorie se jedná o doplňkovou informaci, proto tam nemůže být "Mohlo by vás zajímat", ale musí tam být přesná definice toho co to je. Druhý případ je ovšem vložený normální barvou a velikostí přímo do těla a má za cíl nalákat čtenáře, což by strohá fráze "Štítky" příliš dobře neplnila. Abych se ale vrátil k tomu začátku - jakou tvoji modlu jsem vlastně urazil, že jsem hned namachrovaný debílek? Byl to snad iPhone 3G, tvoje malost, Microsoft a nebo třeba rADo?

Byl bych rád, kdybychom se tu všichni uklidnili a taky bych chtěl všem poděkovat, protože v posledních dvou příspěvcích byly doopravdy dobré rady. Děkuji.

Díky za radu,

vyzkouším.

vertigo4
"To zastaralé logo s kůl odleskem ala "Web 2.0" je opravdu k rozesmátí. Popadám se za břicho a radím ti logo" když jsou něčí "rady" arogantní, vždycky se rád podívám, jestli si dotyčný může dovolit být arogantní...
Dočetl jsem se tady "1) Docela mě dokáže rozesmát, když namachrovanej debílek začně vyštěkávat na lidi, kteří věnují svůj čas, aby debílkovi poradili ohledně jeho úžasného webíku. "

Railbot
Říká, díky za upozornění ;)

Udělal jsem tři návrhy textury na pozadí:

http://srh.cz/pics/pozadi_1.png
http://srh.cz/pics/pozadi_2.png
http://srh.cz/pics/pozadi_3.png

Spíš by mě zajímalo, jestli mám použít pozadí, kde se textura ztrácí směrem od hlavičky (příklad tři) nebo jestli použít pozadí, kde textura graduje zhruba uprostřed (příklad 1 a 2) a nebo jestli použít pozadí, kde je textura nahoře a dole a prostředek se ztrácí...

Logo ještě doladím podle toho nového pozadí, díky za kritiku!

Str4wberry
Nejsem si úplně jistý, jak by se stránka pod transitionalem zobrazila, spíš se přikláním k řešení co navrhl vertigo4, tedy target u odkazů vůbec nepoužívat.

1. Vím, ale jsem tak shnilý, že se mi to do té doby než tu stránku udělám nechce dávat pryč :D
2. Budu o tom uvažovat, předpokládám, že myslíš především ty odkazy na kategorie, atd, které jsou velké 15px.
3. Ne, je to •, která patří mezi odkazy "Další stránka", "Předchozí stránka". Teď je tam zbytečně, ale jakmile bude více článků, tak tam bude sedět. Přišlo mi zbytečné její zobrazování nějak ošetřovat.
4. Všiml jsem si toho problému, není to nijak pravidelné, stačí stránku reloadnout nebo posunout nahoru-dolů a není to tam. Ovšem je to Pixyho řešení, takže pokud to je dost dobré pro něj, pro mě je to až moc :D. Zvětšení jsem zkusil ve Firefoxu, Opeře i IE7 a problém s vylézáním toho textu jsem nezaznamenal, v čem konkrétně se to děje?
5. Mohly, nejdřív chci změnit to pozadí a potom se uvidí.
6. Kontroloval jsem a co si matně vzpomínám, některé buildy ty .png vůbec nenačtou a jiné je zneprůhlední s modrou barvou. Což je mi ale vcelku jedno, protože člověk se sedm let starým zastaralým prohlížečem je na hony vzdálený od typického návštěvníka.

Díky za rady!

Railbot
Máš pravdu, ty problémy jsou jenom u přechodného bez URL. S URL to vypadá dobře, ale stejně tam to striktní nechám a target nebudu používat.

Jakou texturu bys tam dal? Já si pod tím nedokážu představit nic jiného, než proužky :P.

Děkuji

Plaváček
Ano, s logem a hlavně pozadím je něco potřeba udělat, to je pravda, na tom se tu shoduje většina a už na tom pracuji. Co říkáš (ale i ostatní co říkáte) na můj kompromisní návrh (návrh číslo 3), kde sice zachovám průhlednost tak jak je, ale pozadí je pestré pouze nad hlavičkou a pod zbytkem zůstává černá? Něco takového by totiž zapadalo do vašich rad - text není ničím rušen a přitom zůstane zachován alespoň kousíček z mého původního nápadu ;). Kdyby se v tomhle návrhu vylepšilo šrafování za nějakou jinou texturu, tak jsem doufám obsáhl všechny vaše připomínky? Souhlasíte?

Myslím, že si hlavní problém vystihl naprosto přesně - chybí tomu myšlenka. Tomu ovšem odpovídá i název, kterým je moje přezdívka. Obecně si myslím, že jsou dva druhy myšlenek, typ první je ten kdy se do designu snažím vtisknout to, o čem píšu, což je pro mě jako pro začínajícího blogera de facto nemožné. Druhý typ je, když nějak rozvedu název blogu (jako třeba ty). Jenže dovedeš si představit rozvedení nicku happymaster23? Já si myslím, že by to působilo úsměvně ;). Jiný název nejde vymyslet právě kvůli stejnému důvodu, jako nejde vymyslet jinou myšlenku.

Velice si vážím tvojí reakce a tvých rad.

Chamurappi
Máš pravdu že podporují to vím. Dokonce vím, že si místo průhlednosti přidají takovou světle modrou. Ale v tomhle případě se mi v IE6 nezobrazí nic. Nicméně jste mě přesvědčily a pro IE nižší jak 7 tam speciálně pomocí podmíněného komentáře vložím pevné barvy pozadí... Může to tak být?

Díky za tvoje rady.

Chamurappi
Ještě jsem si to pro jistotu ověřil na browsershots.org a doopravdy se ty průhledné PNG nezobrazují... Doopravdy nevím čím to je, jestli jsem nějakým nedopatřením vymyslel nový hack na IE6 :D, ale prostě se nezobrazí... Právě se snažím přijít na to, čím to je...

Sice minimálně do rána nechci PSPad ani Photoshop vidět ;), ale pokusil jsem se zapracovat všechny vaše rady. Pracovní verze je tady http://srh.cz/files/hm23/test.htm. Věci které se týkají kódu a nemají vliv na vzhled dám až do ostré verze.

* U loga odstraněn "web 2.0 odlesk" a zároveň vyměněn font. Asi hodinu jsem si lámal hlavu nad tím jak to graficky zpracovat, nicméně doopravdy nejsem grafik a na nic lepšího jsem nepřišel. Moje znalosti Photoshopu totiž končí u patternu a gradientu :P. Taky byla lehce předělána celá hlavička.

* Vyměněno pozadí za takové, co zachová základní myšlenku (fixed pozadí a na něm průhledné PNG), ale zároveň zohledňuje vaše časté rady, tedy že jakákoliv grafika pod textem je rušivá.

* Stránka rozšířena o 50px (na 800px), z čehož všechno spolkl sloupec s obsahem. Toto je reakce na připomínku, že se z obsahu stává nudle. K tomuto jsem navíc přidal, že místo dvou odstavců se na hlavní straně bude zobrazovat pouze jeden a místo deseti pouze pět článků.

* Písmo nadpisů článků bylo zvětšeno o 1px na 19px a zároveň jsem nastavil font-weight: lighter. Toto je reakce na radu, že by měly být nadpisy viditelnější. Taky jsem přidal padding-left: 2px.

Osobně jsem se změnami spokojen a vidím je jako posun k lepšímu. Jak to vidíte vy?

Ještě jednou všem děkuji.