Archiv kv∞ten 2003
20. kv∞tna
Kdy╛ se sova chytφ do sφt∞, je dost snadnΘ se do nφ strefit. Marek Prokop, Φesk² guru pou╛itelnosti web∙, souhlasil s tφm, abych sem napsal t°i v∞ci, kterΘ vyt²kßm jeho strßnkßm Sova v sφti. Budou to v zßsad∞ maliΦkosti. Spolu s Markem v∞°φm, ╛e pro vßs bude inspiracφ zahlΘdnout kovß°ovu kobylu bez podkov. Je╣t∞ ne╛ zaΦnu kritizovat, musφm zd∙raznit, ╛e si t∞ch strßnek velmi vß╛φm, pova╛uji je za skv∞lΘ a nachßzφm v nich mnohou inspiraci.
Na sv∞tov²ch webov²ch strßnkßch se pomalu stßvß konvencφ, ╛e logo firmy nebo webu je odkazem na hlavnφ strßnku. Podstatn∞ to zjednodu╣uje navigaci, proto╛e v╛dycky, kdy╛ dostanu pocit "kde to sakra jsem" nebo kdy╛ doΦtu Φlßnek, kliknu na logo a jsem zpßtky na hlavnφ strßnce webu.
Umφst∞nφ loga se striktn∞ doporuΦuje do levΘho hornφho rohu strßnky, proto╛e tam jej Φtenß°i oΦekßvajφ. Sova v sφti mß v levΘm hornφm rohu krßsnou soviΦku. Ale soviΦka neklikß.
pond∞lφ 19. kv∞tna
Mßm tendenci vφce v∞°it program∙m a strßnkßm, jejich╛ autor reaguje na moje podn∞ty.
Nap°φklad se mi velmi lφbφ program EasyBlog Lite, proto╛e ka╛dou chybu, kterou nahlßsφm, autor opravφ.
Podobn∞ m∞ pot∞╣il autor Toplistu Pavel Francφrek, kdy╛ do detail∙ o strßnce p°idal odkazy na Φasto volanΘ statistiky. Nedßvno pak roz╣φ°il p°ehled "odkud p°i╣li" z dvaceti polo╛ek na padesßt. My se sice spolu vφdßme osobn∞, ale tohle zapracoval na zßklad∞ mΘho mailu. A kdy╛ u╛ o n∞m pφ╣u, tady mßme fotku: Franci s n∞jak²mi d∞vΦaty.
Reagujte na podn∞ty. U╛ivatelΘ vßm budou d∙v∞°ovat.
Tak jsem byl ve Φtvrtek veΦer na oslav∞ narozenin Seznamu. Pozval m∞ MirΦo. Byla to pßrty hr∙zostra╣nΘho stylu, kterΘ jsem se nap°ed hodn∞ polekal. Tφm d∞sn²m stylem myslφm duc duc mili≤n decibel∙ v temnΘ zakou°enΘ hale s barem, spoustou jφdla a stovkami neznßm²ch lidφ.
Brzo jsem zjistil, ╛e podnik na ⌐tvanici, kde se narozeniny slavily, mß i suterΘn, kam jsem prchnul p°ed Michalem Davidem a jeho zp∞vem. Po tΘ, co Ivo LukaΦoviΦ p°edal ╣ek na hodn∞ pen∞z n∞jakΘ dobroΦinnΘ organizaci, si toti╛ na p≤dium vlezl tlust² Φlov∞k. Moderßtor oslovil publikum "chcete, aby nßm zazpφval Michal David?". "NΘΘΘΘ," ohlßsilo publikum tak zoufale, ╛e moderßtor sly╣el "Ano", a tlus╗och zaΦal zpφvat.
V p°φjemnΘm suterΘnu mi depku lΘΦilo sklßdßnφ vla╣╗ovek z list∙ Φasopisu SReality. Hezkej Φasopis, na vla╣╗ovky se ov╣em nehodφ. Nßladu mi zlep╣ilo, jak se jedna z p∞ti vla╣╗ovek hßzen²ch z balk≤nu na parket zachytla do n∞jakΘ osv∞tlovacφ konstrukce, kde z∙stala viset. Na oslav∞ narozenin se mi nakonec lφbilo, zejmΘna se o to zaslou╛ily taneΦnice v plavkßch, pomeranΦov² d╛us a konverzace s mistrem cukrß°em o jeho ·╛asn²ch dortech.
Byla to dobrß akce. Seznam dal najevo, ╛e si vß╛φ sv²ch partner∙. ┌Φastnilo se mnoho lidφ na webu v²znamn²ch. Jak ale nemajφ na Φele napsßnu svou emailovou adresu, nem∞l jsem ╣anci je poznat.
15. kv∞tna
Krom∞ koΦiΦky Zuzanky (gratuluji) a li╣ky Eli╣ky (v╣echno nejlep╣φ), slavφ patnßctΘho kv∞tna narozeniny takΘ Seznam.cz. Zdalipak vφte kolikßtΘ?
body, html {/*scrollbar-base-color: #eeeedd; scrollbar-track-color: #ffffff; scrollbar-3dlight-color: #cccccc}
Vidφte ji? Jß jsem tu neuzav°enou poznßmku /* p°ehlΘdnul. Explorer to zba╣til a pochopil, ╛e jako celß deklarace neplatφ. Mozilla to nezba╣tila a ignorovala cel² styl a╛ do konce souboru. Tak╛e jsem m∞l asi Φtrnßct dnφ strßnky v Mozille bez stylu, proto╛e jsem na to koukal v Exploreru.
Jestli to vadilo moc nebo mßlo, nevφm. To musφ posoudit u╛ivatelΘ (Φφst se to dalo). Te∩ m∞ ta chyba p°ivßdφ k my╣lence, zda bych nem∞l svΘ zßpisy kaskßdov²ch styl∙ zbavit nestandardnφch hack∙ a obΦas prohnat validßtorem. Za upozorn∞nφ d∞kuji dobrodinci, jeho╛ mail jsem si asi omylem smazal.
Mimochodem taky vφm, p°i jakΘ p°φle╛itosti jsem si to rozbil. To kdy╛ m∞ Marek Prokop upozornil, ╛e barevnΘ li╣ty prakticky v╛dycky sni╛ujφ pou╛itelnost strßnky.
14. kv∞tna
HTML tag <link> se dnes pou╛φvß nejvφce na p°ipojenφ stylopisu (rel="stylesheet"), obΦas na p°ipojenφ ikony. V HTML mß u╛ ale od zaΦßtku tag <link> fungovat spφ╣e jako navigaΦnφ prvek. Nane╣t∞stφ prohlφ╛eΦe navigaci linkem nepodporovaly. Jirka Kosek to kdysi n∞kde popsal takto: "prohlφ╛eΦe, kterΘ se tak chovajφ, by spoΦφtal na prstech jednΘ ruky i dlouholet² pracovnφk na pile" (citovßno zpam∞ti faktu╛nevφm odkud).
Mozilla 1.1 a Opera 7 <link> neignorujφ. V Φlßnku Navigace pomocφ elementu link (Jan Dudek, 14. 5., Interval.cz) se p°ehledn∞ dozvφte, jak navigaci pomocφ <link> do webu za°adit. ZejmΘna jde o r∙znΘ hodnoty atributu rel. ╚lßnek obsahuje nßzornΘ screenshoty.
Martin Michßlek u╛ d∞lß spφ╣e managera ne╛ kodΘra, a tak se zaΦal zajφmat o teorii lad∞nφ CSS. Sßm u╛ to jist∞ umφ dlouho, ale jak to nauΦit jinΘ? V p°φsp∞vku ProΦ to sakra nefunguje nasti≥uje obecnΘ zßsady lad∞nφ kaskßdov²ch styl∙.
Cht∞l jsem si ov∞°it, jednu teorii, toti╛ ╛e v IE 6 se tabulka se zadan²m css stylem "table-layout: fixed" se vykresluje po °ßdcφch a neΦekß se na celou tabulku. Nap°ed jsem si to testoval pomocφ skript∙, ale to hßzelo divnΘ v∞ci. Tak jsem se rozhodl, ╛e si "n∞kdy" musφm sehnat n∞jak² software, kter² umφ simulovat pomalΘ p°ipojenφ.
Opravdu nßhodou jsem po chvφli zrovna browsil na novΘm weblogu P°φruΦky modernφho webmastera. Na╣el jsem tam odkaz na program, kter² umφ pomalΘ p°ipojenφ testovat. Stßhnul jsem si tedy WebSpeed Simulator.
NaΦe╛ jsem si m²tus vyvrßtil. IE 6 neumφ tabulku vykreslovat po °ßdcφch ani se style="table-layout:
fixed".
Mßte-li n∞jak² kuri≤znφ operaΦnφ systΘm nebo prohlφ╛eΦ, zapojte se do Pixyho testu pφsem.
12. kv∞tna
Dopl≥ujφcφ informace, kterΘ se Φasto dßvajφ do atributu title, sprßvn∞ pat°φ do normßlnφho textu. Porovnejte tyhle dva zßpisy tΘ╛e informace:
<a href="n∞kam" title="anglicky">Odkaz na Φlßnek</a><a href="n∞kam">Odkaz na Φlßnek (anglicky)</a>Je z°ejmΘ, ╛e text "anglicky" je dopl≥kovou informacφ. MΘn∞ d∙le╛itou. Klasickß psanß a ti╣t∞nß mΘdia majφ jen mßlo zp∙sob∙, jak oznaΦit druhotnost informace. NejΦast∞ji se na to pou╛φvß zßvorka, v²jimeΦn∞ poznßmka pod Φarou.
Oproti tomu web dovoluje urΦitou interaktivitu. Kdy╛ dßm text do atributu title, ud∞lß mi to p°i p°ejetφ my╣φ ╛lutou bublinu s textem (totΘ╛ d∞lß omylem takΘ alt u obrßzk∙ v IE). Spoust∞ autor∙ se to lφbφ, a tak to pou╛φvajφ horem dolem.
U╛ivateli webu takovΘ bubliny z∙stßvajφ zpravidla skrytΘ. V∞t╣inou je neobjevφ, proto╛e atributy s bublinou neb²vajφ vizußln∞ oznaΦenΘ. Nemßm Φas p°ejφ╛d∞t my╣φ celou strßnku, jestli se mi n∞kde neobjevφ bublina. Bubliny hledßm a Φtu pouze tam, kde:
Tak╛e vlastn∞ skoro nikdy. Obsah atributu title z∙stßvß p°ed u╛ivateli dob°e ukryt² a stßvß se zbyteΦn²m. Zavφrejte mΘn∞ d∙le╛it² obsah rad∞ji do zßvorek, lidΘ jsou na to zvyklφ.
Ohlas Lukß╣e OborskΘho: bohu╛el nesouhlasφm s tφm, co pφ╣e╣ v Φlßnku. Vem si
nap°φklad Letem sv∞tem - odkaz obsahuje m∙j vlastni popis cφlovΘho dokumentu a
v bublinovΘ nßpov∞d∞ se dozvφ╣ jazyk a p°esnΘ jmΘno dokumentu ve tvaru
server:nßzev. P°edstav si, ze by to cele bylo odkazem a text odkazu by pak
vypadal t°eba:
Kam to tedy pat°φ - Yuh∙∙v weblog o webu: Zßvorky nebo bubliny [cz]
Jak by se ti takov² odkaz lφbil?
8. kv∞tna stßtnφ svßtek hurß
V Internet Exploreru lze dosßhnout zoomovßnφ strßnky podobn∞ jako v Mozille nebo Ope°e. K≤d bookmarkletu mi poslal Petr Pokorn²:
javascript:void(document.body.style.zoom='150%')
Jak si ud∞lat bookmarklet v Internet Exploreru: p°idejte si n∞jakou strßnku do oblφben²ch, pak v menu naklikn∞te (t°eba prav²m tlaΦφtkem) vlastnosti tΘ oblφbenΘ polo╛ky. Zm∞≥te si nßzev podle sebe a namφsto adresy dejte to "javascript:..."
Nebo se dß nastavit zmen╣enφ na Φtvrtinu: javascript:void(document.body.style.zoom='25%')
U t∞ch 25 procent Φlov∞k zφskß pom∞rn∞ slu╣n² p°ehled, co kde na strßnce je, pokud je "dlouhß". ... (pp21- email "Jak psßt web - moje post°ehy k CSS", 4. 5. )
Strßnku pak m∙╛ete celou zv∞t╣it nebo zmen╣it v²b∞rem bookmarkletu z menu OblφbenΘ. Nezv∞t╣uje se p°itom jenom pφsmo (co╛ je v Exploreru zvykem), ale v╣echny prvky na strßnce vΦetn∞ obrßzk∙. Strßnka si ale udr╛φ ╣φ°ku okna (co╛ v∞t╣inou nevadφ). Co si pamatuju o podpo°e (nestandardnφ) CSS vlastnosti zoom, tak by to m∞lo fungovat od IE 5.5.
Datov∞ p°φli╣ velkΘ strßnky a reklamy byly problΘmem v╛dy. Dnes se k tomu p°ipojuje aspekt, ╛e jedni to majφ v pohod∞, jinφ ne.
Jedni u╛ivatelΘ webu dnes prochßzejφ sφtφ rychlostφ bleskovΘ pßte°nφ linky, druzφ rychlostφ pomalΘho modemu. Pr∙m∞rnß rychlost p°ipojenφ u╛ivatel∙ Φasem z°eteln∞ roste, co╛ pobφzφ webmastery k postupnΘmu zv∞t╣ovßnφ k≤du strßnek a reklam. Minimßlnφ rychlost modemß°∙ ale z∙stßvß stejnß. Zatφmco p°ed pßr lety na modemß°e p°i stavb∞ strßnek dbal ka╛d², dnes se na n∞ zaΦφnß zapomφnat.
Doslovnß nafoukanost se zejmΘna t²kß reklamnφch k≤d∙. Kreativnφ agentury, kterΘ vytvß°ejφ 90% (prost∞ v∞t╣inu) reklam, majφ p°ipojenφ rychlΘ. Stejn∞ tak jejich klienti -- velkΘ firmy, kterΘ to platφ. Kdyby kreativka ud∞lala reklamnφ banner datov∞ men╣φ, klient (zadavatelskß firma) to neocenφ, proto╛e tam majφ takΘ rychlou linku. K modemß°∙m se ale datov∞ velkß reklama Φasto v∙bec nedostane nebo se stßhne pozd∞, a tak je v∞t╣φ reklama mΘn∞ ·Φinnß. V d∙sledku trpφ cel² web.
Chyba je podle mΘho nßzoru jednoznaΦn∞ na stran∞ zadavatel∙ reklam (t∞ch, co to platφ). M∞li by tlaΦit na kreativnφ agentury, aby d∞laly k≤dy malΘ. Zatφm na n∞ "tlaΦφ" pouze datovΘ limity, kterΘ si stanovujφ jednotlivΘ servery hostujφcφ reklamu. Tyto limity jsou ale postaveny moc vysoko, proto╛e Φφm jsou nφ╛e, tφm mΘn∞ se krßtkodob∞ vyd∞lß.
Johanka (nejv∞t╣φ drbna na MatFyzu a korektorka Roota) dra╛φ svΘ jetΘ triΦko. Kdybyste n∞kdy v Praze potkali holku, kterß bude mφt ve vlasech sponku s procesorem LSI LOGIC L1A2193, tak to bude johanka po dra╛b∞. Zatφm nosφ ve vlasech mφsto sponky zeleno-zlat² procesor sparcovΘho terminßlu a docela jφ to slu╣φ. (Taky nevφm, co je to sparcov² terminßl.)
5. kv∞tna
Kdy╛ jsem se minul² t²den probφral Φesk²m webem, abych o tom sem n∞co napsal, spousta v∞cφ m∞ zaujala. Jen╛e negativn∞. Kdy╛ jsem si pozd∞ji prochßzel svoje poznßmky, bylo to jenom samΘ "tohle musφm pomluvit" nebo "takto vypadß p°φ╣ernß strßnka". Mo╛nß by se to sice zajφmav∞ Φetlo a mohly by z toho vzniknout napφnavΘ nßzorovΘ vßlky, ale to je tak to poslednφ, na co te∩ mßm Φas.
Pomalu jsem si tedy vybφral ob∞╗, kdy╛ jsem si uv∞domil chybnost svΘho poΦφnßnφ. ProΦ odkazovat ╣patnΘ strßnky? Jenom abych je pomluvil?
Weblog Sovy obsahuje zajφmavΘ zßsady, kterΘ v kontextu svΘho p°φsp∞vku zanikly:
Sna╛φm se zde v Sov∞ dodr╛ovat dv∞ jednoduchΘ zßsady – neodkazovat na ╣patnΘ Φlßnky a ani na sebelep╣φ Φlßnky neodkazovat dvakrßt. ... (Marek Prokop, Weblog Sovy v sφti, 06. 04. 2003
Ono je toti╛ stra╣n∞ lehkΘ napsat p°φsp∞vek o tom, ╛e n∞co je n∞kde ╣patn∞. Je to sice jednoduchΘ Φtenφ, jednoduchΘ psanφ, ale Φtenß° si z n∞j skoro nic neodnese. ⌐patnΘ strßnce navφc se p°idßvß popularita, kterou si nezaslou╛φ.
Kdy╛ nedßvno mezi Φesk²mi weblogy probleskovaly snahy o jakΘsi blogistickΘ dogma, vy╣um∞lo to do ztracena. Jß jsem si dnes zkusil definovat svoje blogistickΘ dogma (zkrßcen∞ blogma). Vy╣el jsem z t∞ch dvou bod∙. Zopakuji je:
P°i╣lo mi to jako v²born² zaΦßtek, jen trochu mßlo struΦnΘ a dost negativnφ. Druh² bod jsem pak shledal ned∙le╛it²m, prvnφ obm∞nil a vy╣lo mi to krßsn∞. Tak╛e Yuh∙ovo blogma:
Lukß╣ Lßnsk² v prvnφ polovin∞ Φlßnku U╛ivatel vs. webmaster probφrß problematiku cookies, kterΘ u╛ivatelΘ ve strachu odmφtajφ, ani╛ by v∞d∞li proΦ. Druhß polovina Φlßnku je o tom, co na strßnky nedßvat. Autor zmφnil zajφmav² problΘm flashovΘ reklamy, kter²m se nikdo (pokud vφm) u nßs nezab²vß:
... flashovΘ animace dost podstatn∞ zat∞╛ujφ star╣φ procesory. Zvlß╣t∞ pokud jsou strßnky urΦeny pro mladou generaci, myslet by se m∞lo p°evß╛n∞ na parametry ╣kolnφch poΦφtaΦ∙. (Lukß╣ Lßnsk², PCsv∞t, 4. 5. 2003)
Postavil jsem se v knihkupectvφ p°ed regßl s poΦφtaΦovou literaturou. Koukal jsem na obßlky a jejich grafickΘ zpracovßnφ. Dost m∞ to dostalo.
Je urΦit∞ t∞╛kΘ nakreslit n∞co na knφ╛ku o programovßnφ. Zkuste v²tvarn∞ pojmout n∞co, co nikdy nikdo nevid∞l! Jak nakreslφte ASP? Nebo CSS? ╪e╣enφ je takovΘ, ╛e se tam prost∞ nakreslφ v╣echno.
Na obßlkßch literatury o programovßnφ se prohßn∞jφ tyg°i, je╣t∞rky, plachetnice, prolφnß se to, madam se usmφvß. Zem∞koule, klßvesnice. Grafy konvergujφ v plus nekoneΦnu, nadpisy majφ t°i stφny. ╚φm vφc motiv∙ se na papφ°e prolφnß, tφm lΘpe. Jsou sice i hezkΘ knφ╛ky (takovΘ ty dvoubarevnΘ bichle s Φernobφl²m zvφ°ßtkem), ale v∞t╣inou je to prost∞ HNUS.
ZajφmavΘ je taky, ╛e u╛ je to tak asi 5 let stßle stejn∞. Ty obßlky jsou naprosto zam∞nitelnΘ. Dnes se z nich sm∞je ·sp∞╣n² krava╗ßk stejn²m stylem, jako se smßl v roce nula a bude se smßt v roce mili≤n. Hlavn∞ ╛e je polopr∙hledn².
Docela by m∞ zajφmalo, jestli redakce vydavatelstvφ majφ n∞jakou strategii co se obßlek poΦφtaΦovΘ literatury t²kß. V∙bec bych se nedivil, kdyby ta strategie nebyla zam∞°ena na kupujφcφ (co╛ jsou asi v∞t╣inou programßto°i, kte°φ se na ty obrßzky moc nedφvajφ), ale na n∞koho jinΘho. Zatφm pouze hßdßm, koho by asi k°iklavß nesmyslnß obßlka mohla ovlivnit, ale mßm jeden tip: je to zam∞°eno na knihkupce. U╛ jsem toti╛ vid∞l, jak na And∞lu odlo╛ili oran╛ovo-modr² Nielsen∙v Webdesign do spodnφho ╣uplφku. Kdy╛ jsem se ptal proΦ, tak mi °ekli, ╛e ta obßlka vypadß, jako by nebyla o poΦφtaΦφch, proto╛e na nφ nejsou obrßzky.
[weblog/patka.html]