Kompaktní výpis příspěvků za měsíc květen 2004

Vyhledání stránek česky?

Vyhledávání stránek psaných daným jazykem je nepostradatelnou funkcí u všech vyhledávačů, které indexují stránky s více jazyky. Typickým příkladem je Google, kde je tato funkce přímo nepostradatelná pro najití informací v daném jazyce. U výsledku hledání jednoho anglického slova jsem se ale trochu zděsil.

To, že má Google v poslední době problémy s rozpoznáváním češtiny vím a sám se musím prodírat tou směsicí zbytečných odkazů. Ale co jsem uviděl dnes při hledání slova related, to je opravdu unikát. První česky psaná stránka je až na 49. pozici! A ani dál se to moc nelepší.

Nu což, napíšu opět na Helpline s tím, že mi odpoví, že jazyk je rozpoznáván automaticky. Pokud ale automatika hapruje, tak je třeba ji upravit! Nebo ne?

WellStyled: CSS + webdesign workshop

Pixy finálně dokončil avizovaný web zaměřený na webdesign a CSS. Dostal název WellStyled a najdete na něm postupy, tipy a triky, které Pixy psal na svůj weblog a které postupně zapadávaly.

Web je udělán dvojjazyčně (anglicky a česky) a přepínání je na první pohled elegantní. Přesto mi to nepřijde jako dobrý nápad. Prvním důvodem jsou vyhledávače. Jestliže se totiž např. Google rozhodne, že web je psán v angličtině, tak já při hledání českých stránek nic nenajdu, i když je na té stránce 50 % česky psaného textu.

Dále když někdo přijde na tento web s vypnutým JavaScriptem, tak je čtení článků krajně nepohodlné. Jeden odstavec česky další anglicky mezitím českoanglické ukázky atd.

Přijde mi to škoda, že když si s tím Pixy dal takovou piplačku, tak řešení není IMHO stoprocentní. Rozhodně by oddělení češtiny a angličtiny prospělo. Už jenom kvůli zbytečnému natahování 50 % stránky, o kterou nemám zájem. Proč není čeština např. v adresáři /cz/ opravdu nevím.

Abych ale jenom nekritizoval, tak tento web velice vítám a cením si Pixyho práce, jen mi nepřijde řešení toho webu jako nejšťastnější.

Microsoft vs. Google: souboj gigantů

Před týdnem jsem psal, že Google vyvíjí software pro prohledávání PC. Svůj pohled na věc přinesl také Jiří Hlavenka na Živě v článku Vyhledávač od Googlu ve vašem počítači: může uspět? V něm se zamýšlí nad nynější situací a nad šancemi obou rivalů. Nejvíce ho překvapilo, že:

Google chce použít u této aplikace kontroverzní funkci nazývanou kulantně "ad-supported": tj. při vyhledávání se vám budou z Internetu natahovat a zobrazovat reklamy, možná i kontextově podle toho, jaká klíčová slova budete zadávat.

Přesto si myslí:

Pokud Google dokáže přenést některé z vlastností svého internetového vyhledávání na desktop – včetně například "inteligentního" vyhledávání v hudebních klipech, fotografiích a videu - může získat rychle milióny uživatelů.

Microsoft ale nechce ponechat nic náhodě a tak podle Tomáše Holčíka Microsoft reaguje na Google - pokročilé vyhledávání bude mnohem dříve než Longhorn. Betaverze lokálního vyhledávače od Microsoftu by se měla objevit v nejbližší době a finální verze do jednoho roku.

Seriál: Microsoft a Google

• Microsoft vs. Google: souboj gigantů  [27. května 2004 16:07]
• Zákulisí Googlu  [1. prosince 2003 7:12]
• Gates: Microsoft nekoupí Google  [17. listopadu 2003 13:13]
• Koupí Microsoft Google?  [10. listopadu 2003 7:15]

Jak na inteligentní diskuze

Martin Kopta na Lupě nahodil v pondělí téma Jak na hodnocení uživatelů, kde položil základní otázky, jak řešit diskuze uživatelů. Vše by mělo probíhat nejlépe automaticky. A diskuze můžou být pod článkem, či třeba v poradně. V diskuzi pod článkem se rozproudila diskuze, jak na to nejlépe jít.

Rozhodně zde naleznete mnoho nápadů k zamyšlení. V dnešním článku Hodnocení uživatelů - závěry workshopu se Martin pokusil celou diskuzi shrnout. A výsledek debaty by se měl promítnout do webu Sexus a především do jeho diskuzí. Uvidíme, jak se to autorům podaří. A třeba Martin napíše své zkušenosti s implantací inteligentního diskuzního systému na Lupu - už se těším.

Programas-software-google-warez.com

Ano, takhle vypadá jedna z více než 500 domén registrovaných za poslední tři týdny, které obsahují slovo "google". Jejich seznam rozdělený po jednotlivých dnech sestavil ResourceShelf. Z toho samotný Google si jich zaregistroval pouze pár:

• googlewebapis.net
• googlewebapis.org
• googlenews.org
• googleblog.net
• googleblog.info
• google-foundation.net
• googlefoundation.net

Prostě pokud název domény neobsahuje slovo "google", tak nejste dostatečně in ;-) (via Search Engine Journal).

Seriál: Registrace domény

• Make-money-with-google.com  [17. června 2004 16:50]
• Programas-software-google-warez.com  [26. května 2004 17:46]

Tvorba webových stránek Centrum.cz

Produktový ředitel Centrum.cz Daniel Grunt popisuje na Lupě Jak se dělá homepage portálu. Rozebral ze všech stran nedávný redesign domovské stránky. Nechybělo samozřejmě pečlivé plánování, uživatelské testování, využití moderních technologií - XHTML, CSS. Nezapomnělo se také na přístupnost, použitelnost a všechny moderní prohlížeče na různých zařízeních. Více již v samotném článku.

Daniel Grunt přihodil také zajímavost z uživatelského testování:

První dojem je nejdůležitější. Nejsou pravdivé výzkumy, kde uživatelé uvádějí, že nejdůležitější a na prvním místě je kvalitní obsah. Ano, sami uživatelé tomu věří, ale na základě našeho výzkumu jsme zjistili, že uživatele musí stránka oslovit v průběhu první půl až jedné minuty. Jestliže se tak nestane, naprostá většina uživatelů odchází a vaše stránka nedostává šanci předvést svůj obsah. První dojem, to je především rychlost načítání, grafika a přehlednost služby.

Související

• Zpravodajství na News.Centrum.cz [18.12.2003]
• Neetická reklama na Centrum.cz [8.12.2003]

Email marketing: Emailový newsletter

Zdeněk Hrazdila na Intervalu nastínil Co byste měli vědět o e-mail marketingu - návštěvník není zákazník. Radí, jak máme pracovat s návštěvníky a jak z nich udělat své klienty.

K tomto tématu se vztahuje dřívější studie o úspěšnosti jednotlivých propagačních formátů. O studii jsem psal v příspěvku Email je úspěšnější než SEM a vychází z ní email jako nejúspěšnější formát s velmi vysokým poměrem odběratelé emailového newsletteru / zákazníci (klidně i přes 90 %).

Kvalitní email marketing ale není vše. Na mě nejvíce působí kvalita webové prezentace, její rychlost, přehlednost a další služby klientům. K těm můžou patřit výborné diskuze k výrobkům, odkazy na recenze atd. Pokud je splněno tady to všechno, pak až přichází otázka, zda si emailový newsletter zaregistrovat.

Na škaredém pomalém webu si jinak možná vynikající newsletter nezaregistruji. Email marketing je výborný na udržení klientů (potažmo zájemců o nákup).

Teď ještě pár mých postřehů jak by měl takový správný emailový newsletter vypadat:

• Musí být přehledný. Není nic horšího než přeplácaný email, kde se ztratí veškeré akční nabídky.
• Musí být krátký. Doporučuji maximálně upozornit na 10 výrobků. To je maximum, které je uživatel schopen vstřebat. Chodí mi řada newsletterů klidně o 50 položkách - jsou k ničemu.
• Musí být uvedeny ceny výrobků. Emailový newsletter vás musí totiž zaujmout hned napoprvé a přimět k akci, protože se k němu už nebudete pravděpodobně vracet. A jak vás má zaujmout pouhý seznam produktů, když nevíte jejich ceny?
• Musí být všechny informace dostupné v textové formě. Co vám pomůže když jsou např. ceny výrobků uvedeny pouze na obrázku, ale vy je z důvodu bezpečnosti blokujete? Ilustrační obrázky ale rozhodně nejsou vždy špatné, spíše můžou vhodně newsletter doplnit. Nesmíme ale zapomenout, že se pak také zvětšuje velikost emailu.

Doporučuji také pročíst článek Targeted Email Newsletters Show Continued Strength Jakoba Nielsena.

Rychlost Google Helpline při opravě chyby

Při prohledávání Googlem jsem narazil na chybičku při zobrazení titulku nalezené stránky. Co víc mě nepotěšilo, bylo, že se ta chyba nachází zrovna u některých mých stránek. Chyba je prostá - Google někdy v titulku u nalezených stránek spojí některá slova dohromady. U mě se vždy jednalo o jednopísmenná slova.

Například příspěvek Používejte B a I místo STRONG a EM Google zobrazí jako Používejte BaI místo STRONG a EM - About weblog.

Nejde o nic zásadního, ale určitě to nepotěší. Takže jsem napsal na helpline Googlu s tím, že uvidím jak dlouho jim bude trvat oprava a vyřízení emailu. Opravdu, většinou je moje stížnost vyřízena o den, dva dříve, než přijde vysvětlující email. Pro tentokrát jsem vše "zmedializoval".

Seriál: Zákaznická podpora na Googlu

• Rychlost Google Helpline při opravě chyby  [22. května 2004 20:28]
• Google vyřeší vaše SEO problémy  [28. dubna 2004 18:53]

3D CSS Box Model

Jon Hicks vytvořil pěkný 3D CSS Box Model, na kterém je vidět, jak se jednotlivé vrstvy v CSS skládají na sebe. Je vidět co se čím překryje a co tedy bude a nebude viditelné.

Seriál: Používáme CSS

• Přístupné záložky v CSS a JavaScriptu  [25. února 2006 14:57]
• JavaScript a CSS: Drag and Drop  [29. července 2005 22:05]
• Podtrhněte odkaz libovolnou barvou  [22. prosince 2004 16:56]
• Ilustrační obrázek v textu  [21. prosince 2004 20:04]
• Výtahy z textu na webu  [6. října 2004 14:48]
• Relativní jednotky v CSS  [9. srpna 2004 9:53]
• Klikatelné obrázky vložené přes CSS  [21. července 2004 8:32]
• Klikací CSS logo  [20. června 2004 16:30]
• 3D CSS Box Model  [21. května 2004 6:37]
• CSS position:fixed i v IE  [10. května 2004 18:42]
• CSS pro tabulky  [11. prosince 2003 6:58]
• Okraje v CSS  [24. listopadu 2003 7:04]
• Svislé centrování v CSS  [19. listopadu 2003 15:57]
• Dvakrát o polohování prvků v CSS  [9. listopadu 2003 9:20]

Třídění dat v tabulce JavaScriptem

Před týdnem jsem upozorňoval na JavaScript pro řazení dat v tabulce. Jeho hlavní nevýhodou byla špatná práce s českými znaky. Toho se ale nezalekli hned dva autoři a napsali pro Interval.cz svá řešení. Pavel Růžička sepsal článek Třídění řádků tabulky dle sloupce JavaScriptem a Leoš Ondra Seřazení tabulky JavaScriptem snadno a rychle. Oba nemají nejmenší problém s češtinou, takže je na vás, které řešení se vám více líbí a které budete eventuelně používat.

About je podobný na Nitra, Yuhůa a J. Bureše

Jan Bien hledal v příspěvku Mraveniště je nejpodobnější Sově v síti pomocí Google komu je nejvíc podobný. Využil k tomu operátor related:example.com. A zjistil, že se nejvíce podobá Sově v síti. Jirka Chomát je naopak podobný Pixymu.

Nu což, neodolal jsem a zjistil jsem, komu jsou podobné tři hlavní části Aboutu:

• About (related:www.zpravy.net/) je podobný na conBLOG Jiřího Bureše (screenshot)
• About weblog (related:www.zpravy.net/weblog/) je podobný na Yuhůův weblog o webu (screenshot)
• About newslog (related:www.zpravy.net/newslog/) je podobný na již mrtvý Nitroblok (screenshot)

Google vyvíjí software pro prohledávání PC

Do třetice dneska o Googlu, podle článku Google Moves Toward Clash With Microsoft na New York Times Google vyvíjí software, který bude sloužit k prohledávání obsahu počítače. První kroky Google již začal nedávno činit, když vypustil Google Deskbar, který slouží k snadnému přístupu na Google přímo z lišty Windows.

Dalším krokem by tedy mělo být prohledávání obsahu celého počítače. Google tak chce získat oblibu u dalších uživatelů, kteří si na něj zvyknou, a ztížit tak prosazení Microsoftu v tomto segmentu. Protože příchod Windows Longhorn je naplánován nejdříve na rok 2006.

Takže Google má ještě nějaký čas na to se prosadit i jako offline vyhledávač. Já osobně bych takovou službu určitě využil, protože často něco hledám a možnosti Windows mi vůbec nestačí. A určitě nejsem sám.

Samozřejmostí by pak bylo napojení na online vyhledávání Googlu. Doufám, že z boje Microsoft - Google budeme těžit jenom my, uživatelé (via ABAKUS SEO Blog).

Seriál: Google Desktop

• Google Desktop 2  [22. srpna 2005 12:36]
• Google Desktop jako nejlepší spyware  [19. října 2004 19:22]
• Google Desktop Search  [14. října 2004 18:41]
• Google vyvíjí software pro prohledávání PC  [19. května 2004 17:33]
• Google Deskbar  [7. listopadu 2003 8:48]

Weby veřejné správy budou přístupné

Po přečtení pravidel přístupnosti, které sepsal na Lupě v článku Jak budou vypadat pravidla přístupného webu pro veřejnou správu? David Špinar, jsem optimistou, že se to může podařit. Tyto pravidla by měl splňovat každý web státní správy a ve výhledu každý web, který využívá státních peněz.

Doporučuji nevynechat také diskuzi, kde je článek doplňován a sporné body uváděny na pravou míru. Vybírám například část komentáře Martina Kopty:

Kdo teď nadává, že ta pravidla jsou příliš přísná, bude asi zaskočen, když se dozví, že jsou jen velmi obecná a měkká, protože budou platit po krátký čas. V Evropské komisi je připravován předpis, který by požadavky na bezbariérový přístup k webu měl sjednotit.

Seriál: Přístupnost

• Weby státní správy nejsou přístupné  [7. prosince 2004 22:11]
• Bezbariérový web  [20. října 2004 7:11]
• Pravidla pro tvorbu přístupného webu  [3. srpna 2004 13:27]
• Weby veřejné správy budou přístupné  [19. května 2004 13:03]
• Hendikepovaní uživatelé testovali přístupnost  [19. dubna 2004 13:05]
• Přístupnost telekomunikačních firem  [26. března 2004 6:49]
• Přístupnost zpravodajských serverů  [19. března 2004 19:09]
• Přístupnost portálů  [12. března 2004 6:52]
• Přístupné weby ze zákona  [4. března 2004 16:50]
• Velké firmy mají nepřístupné weby  [11. února 2004 15:35]
• Přístupnost webů měst  [15. prosince 2003 14:31]
• Přístupnost krajských úřadů  [5. prosince 2003 18:07]
• Přístupné JavaScriptové odkazy  [4. prosince 2003 18:40]
• Přístupnost ministerstev  [28. listopadu 2003 7:09]
• Kritéria přístupnosti  [21. listopadu 2003 15:59]
• Prezidentské weby a přístupnost  [13. listopadu 2003 18:40]
• Přístupnost webů státní správy  [13. listopadu 2003 14:43]
• Testování přístupnosti v Opeře  [7. listopadu 2003 16:11]

Emailová schránka od Googlu má nyní 1 Terabyte

Nejde ještě o oficiální zprávu, ale někteří uživatelé, kteří již využívají Gmail, si všimli, že se velikost schránky zvětšila na 1 Terabyte. Například Aaron Swartz v příspěvku Gmail Goes to 1TB! ukazuje velikost svého emailu:

You are currently using 437 MB (0%) of your 1000000 MB.

Dave Winer zase zveřejnil screenshot, kde je také vidět změna na 1 Terabyte. Pokud nejde o bug, tak pravděpodobně chce Google odpovědět na rozšiřující se vlnu gigabytových emailů a především na Yahoo, který nabízí 100 Megabytů pro všechny a neomezené množství dat pro platící.

1 Terabyte od Googlu se za neomezené množství dat může považovat bez nejmenších pochyb taky. A řada uživatelů určitě tyto služby využije jako neomezený online harddisk. Jenom jedna věc mi nesedí - a to jsou především rychlosti připojení k internetu.

Seriál: Gmail

• 5 pozvánek do Gmailu úplně zdarma!  [23. srpna 2004 16:58]
• Gmail Notifier: Máte nové emaily?  [22. srpna 2004 17:22]
• Email na Gmailu: mám nové pozvánky  [11. srpna 2004 20:25]
• 2 Gmail pozvánky pro nejrychlejší  [11. srpna 2004 8:29]
• Gmail pozvánka pro všechny!  [10. srpna 2004 22:10]
• Gmail blokuje programy a pluginy  [9. srpna 2004 11:37]
• Emailová schránka od Googlu má nyní 1 Terabyte  [19. května 2004 7:23]
• Gmail: Nejhorší webová aplikace  [11. dubna 2004 8:12]
• Gmail: Freemail od Googlu  [4. dubna 2004 21:08]

Yuhů má komentáře

Konečně! Yuhů vyslyšel prosby mnohých a zavedl na svůj weblog komentáře ke svým zajímavým příspěvkům. Stejně jako ostatní bloggeři, kteří používají EasyBlog, tak také Yuhů využil komentáře od Libora Krayzela. Doufám, že komentáře ještě více obohatí Yuhůův weblog a že Libor co nejdříve dodělá RSS komentářům (via Šuplík Honzy Hučína).

Dřívější Yuhůův postoj byl odmítavý a důvody proč ne popisoval v příspěvku Proč nemám komentáře:

• protože bych každou chvíli sledoval, jestli něco nepřibylo
• protože bych pak zabíjel dlouhé minuty odpovídáním
• protože se mi to nechce instalovat a starat se o to

Korfbal Prostějov má nový design

A jelikož jsem členem korfbalového oddílu také já sám, tak jsem se o redesign také postaral. Můžete se tedy podívat na nový Korfbalový klub SK RG Prostějov. Data nejsou aktuální, protože hlavní bylo nejdříve provést redesign. Uvítám každé podměty na vylepšení, ale předem předesílám, že jsem to dělal ve svém volném čase jako koníček.

A nakonec malá anketa: kdo ví, co to je korfbal a alespoň zná základní pravidla (samozřejmě dříve, než si to přečte na tom webu)? Z mé zkušenosti tak 1 %. Třeba situace u doktorů je vždy stejná:

Doktor(ka): Děláte něco za sport?
Já: Ano, korfbal.
Doktor(ka): Copak, prosím?
Já: Korfbal.
Doktor(ka): To je s těma hokejkama, že?
Já: Ne, nejde o florbal, ale o korfbal!

Takový rozhovor se uskuteční v 90 % případů, s následným vysvětlováním, co že ten korfbal vlastně je.

JavaScript na řazení dat v tabulce

Josef "Chose" Šíma našel pěkný JavaScript pro řazení položek v tabulkách. Jednoduše klikáte na záhlaví tabulky a obsah se vám automaticky třídí sestupně a vzestupně. Funguje, co jsem zkoušel, bez problémů v Internet Exploreru 5, Mozille či Opeře (poslední verze).

Rozhodně by tento JavaScript měl být povinností pro různé ceníky atd., kde je třídění velmi užitečné a v tom lepším případě probíhá pomocí reloadu celé stránky. A ještě tak vznikají problémy s duplicitním obsahem. Takhle je to vyřešené pěkně elegantně. A pokud má uživatel JavaScript vypnutý, tak pouze nebude moci položky řadit, ale ke všem datům se bez problémů dostane.

A jelikož je většina JavaScriptu v externím souboru, tak se při další návštěvě bude již načítat pouze z cache. Více se dočtete u Choseho v příspěvku Řazení dat v tabulce pomocí Javascriptu, kde si také může prohlédnout tento JavaScript v akci.

Registrace do katalogů má smysl

Včera jsem psal, že Registrace do vyhledávačů je přežitek, což se ale nevztahuje na katalogy, spíše naopak. Registrace do nich má stále smysl. A to především do těch velkých. Hlavní výhody jsou:

• Snadno získané zpětné odkazy, u řady katalogů navíc s textem, který si přejete (může obsahovat klíčová slova)
• Zisk nových klientů přes katalogy (podle odvětví se může čas strávený u registrace velmi zúročit, i kdyby byl ten nový klient 1 za rok)

Je opravdu výhodné ty 2 až 3 hodinky si nad tím sednout a projít všechny (nejen ty významné) katalogy. Z principu vám žádný zpětný odkaz nemůže uškodit, takže proč toho nevyužít a něco nezískat?

Seriál: Registrace stránek

• Registrace do katalogů má smysl  [12. května 2004 16:21]
• Registrace do vyhledávačů je přežitek  [11. května 2004 16:30]

Registrace do vyhledávačů je přežitek

Alespoň v současné podobě tak, jak ji nabízí většina vykuků a taky firem. Rozbor jednoho podobného případu (který platí ale na většinu) si můžete přečíst na Dobrém webu v článku Marka Prokopa Registrace do vyhledávačů je většinou podvod. Kritizuje jednu nabídku, kde se za 5 000 Kč "dostanete" do devíti světoznámých vyhledávačů. A jaký bude výsledek?

Sečteno a podtrženo, do dvou z devíti nabízených vyhledávačů sice jde zaregistrovat URL, ovšem nemá to žádný praktický smysl. Do šesti vyhledávačů se zaregistrovat nejde buď vůbec, nebo jen za částky několikanásobně převyšující cenu služby RegistrujWeb Global. Jediná čestná výjimka v nabídce je Open Directory.

Seriál: Registrace stránek

• Registrace do katalogů má smysl  [12. května 2004 16:21]
• Registrace do vyhledávačů je přežitek  [11. května 2004 16:30]

CSS position:fixed i v IE

Pixy přinesl v příspěvku Náhrada chybějící podpory position:fixed řešení, jak použít position:fixed i v Internet Exploreru. Využití najdete třeba u menu (nebo jiné části stránky), které má zůstat stále na stejné pozici a nerolovat s obsahem. Při pohledu na ukázku, bych ještě do přečtení příspěvku řekl, že se jedná o stránku s rámci.

Takže pomocí tohoto CSS hacku můžete využít jednu z mála výhod rámců.

Seriál: Používáme CSS

• Přístupné záložky v CSS a JavaScriptu  [25. února 2006 14:57]
• JavaScript a CSS: Drag and Drop  [29. července 2005 22:05]
• Podtrhněte odkaz libovolnou barvou  [22. prosince 2004 16:56]
• Ilustrační obrázek v textu  [21. prosince 2004 20:04]
• Výtahy z textu na webu  [6. října 2004 14:48]
• Relativní jednotky v CSS  [9. srpna 2004 9:53]
• Klikatelné obrázky vložené přes CSS  [21. července 2004 8:32]
• Klikací CSS logo  [20. června 2004 16:30]
• 3D CSS Box Model  [21. května 2004 6:37]
• CSS position:fixed i v IE  [10. května 2004 18:42]
• CSS pro tabulky  [11. prosince 2003 6:58]
• Okraje v CSS  [24. listopadu 2003 7:04]
• Svislé centrování v CSS  [19. listopadu 2003 15:57]
• Dvakrát o polohování prvků v CSS  [9. listopadu 2003 9:20]

Online komprimace CSS

Před dvěma dny jsem řešil problém s přehledným a znovupoužitelným CSS:

Za přehlednost a znovupoužitelnost se ale platí větší velikostí CSS souboru. Větší komfort webdesignera je tedy vykoupen o trošku delším čekáním uživatele. S tím se musí počítat a každý si musí zvážit, co je pro něj výhodné. Např. na lokále mít přehlednou verzi a uživatelovi posílat její zkomprimovanou podobu.

No a dnes jsem narazil na Online CSS Optimizer. Zadáte do něj vlastní CSS a on vám vrátí jeho zkomprimovanou podobu. Každý si řekne pár mezer. To uživatelovi nevadí, že bude stahovat. Ale mu to vadí! Třeba já jsem ušetřil 1,3 z cca 6 KB (via CSS Vault).

Zdrojové kódy nejsou pro uživatele - optimalizujte je!

Seriál: Upravujeme CSS

• Online komprimace CSS  [7. května 2004 6:48]
• Přehledné a znovupoužitelné CSS  [5. května 2004 15:59]
• Komprimace CSS genetickým algoritmem  [29. ledna 2004 6:28]
• Pište efektivní CSS  [8. prosince 2003 19:20]

Typografická pravidla

Martin Víta napsal pro Interval velmi pěkný článek Webdesignerovy poznámky z typografie. A celý se týká správného psaní pro web. Jelikož narazit na web, kde je typografie správná, je opravdu oříškem, je takový článek velmi vítán.

Bohužel tím webem, který splňuje všechna kritéria, není ani About. A upřímně, mě to ani netíží. Protože čas strávený nad všemi těmi typografickými pravidly by byl neúnosný. Což by ale nemělo platit u profesionálních magazínů, kde články většinou prochází rukou editora, který by měl správnou typografii zajistit. Většina snahy ale stejně většinou končí u nedokonalého redakčního systému.

Seriál: Typografie

• Typografie důležitější než grafika  [2. listopadu 2004 7:00]
• Typografická pravidla  [6. května 2004 23:29]
• Typografie na webu zdarma  [11. února 2004 6:51]

Skrývání částí stránek

Radek Hulán přinesl v článku JavaScript pro použitelnější a přístupnější web návod, jak pomocí JavaScriptu skrývat určité části stránek. Pokud nemá uživatel JavaScript povolen, tak se tato funkce vůbec nezobrazí a on o nic nepřijde. Jinak se mu ale zobrazí tlačítko pro schování určité části stránky (v Radkově případě je to menu). Po jejím kliknutí se daná část stránky schová a zobrazí se ikona jiná - pro opětovné zobrazení.

Aby nebyl skript jednorázový, tak si změnu ukládá do cookies. Po kompletním načtení stránky je opět načtena uživatelova volba. Což nemusí být vždy ideální, aby menu zmizelo až po kompletním načtení. Tudíž můžeme využít PHP. Ověříme zda je nastavena cookie (a tím pádem má uživatel povolen JavaScript) a přidáme do stránky rovnou styl, který danou část stránky schová.

Přehledné a znovupoužitelné CSS

Pokud se chystáte na zkulturnění svého CSS souboru (třeba jako já), může se vám hodit článek Jak psát CSS přehledně a logicky Martina Snížka, který vyšel na Intervalu. Dozvíte se základní pravidla, kterých byste se měli držet, abyste po čase případné úpravy zvládli bez problému.

Nad znovupoužitelností CSS se zamýšlel Ľuboš Kmeťko v článcích:

• Opätovná použiteľnosť (re-use) CSS riešení I.
• Opätovná použiteľnosť (re-use) CSS riešení II.

Za přehlednost a znovupoužitelnost se ale platí větší velikostí CSS souboru. Větší komfort webdesignera je tedy vykoupen o trošku delším čekáním uživatele. S tím se musí počítat a každý si musí zvážit, co je pro něj výhodné. Např. na lokále mít přehlednou verzi a uživatelovi posílat její zkomprimovanou podobu.

Seriál: Upravujeme CSS

• Online komprimace CSS  [7. května 2004 6:48]
• Přehledné a znovupoužitelné CSS  [5. května 2004 15:59]
• Komprimace CSS genetickým algoritmem  [29. ledna 2004 6:28]
• Pište efektivní CSS  [8. prosince 2003 19:20]

Jak psát správně pro web

Martin Michálek na Živě v dalším díle Prostředky současného webdesignu II seriálu o webdesignu naťuknul správné psaní pro web a optimalizaci pro vyhledávače. Chtěl bych ale upozornit, aby si někdo špatně nevyložil větu: neobtěžovali hromadami zbytečného textu.

Otázkou totiž je, co je horší - málo nebo hodně textu? Mně osobně se nejvíce líbí rozdělení do dvou stupňů. V prvním najdu shrnutí hlavních vlastností a rysů, které budu potřebovat.

Jestliže mě zajímají i další podrobné věci (třeba před samotným nákupem), měl bych najít i stránku s hromadou informací, která bude určená pro ty, kteří o ní opravdu stojí. Ale i u ní platí, že musí být dobře čitelná.

Výborným příkladem jsou nabídky webhostingů. Převážná většina obsahuje na domovské stránce základní srovnání 3-4 nejdůležitějších údajů. Podle nich si vyberu hlavní kandidáty výběru. No a na podrobné stránce se stovkou (ne)podporovaných vlastností si vyberu vítězný webhosting a jeho variantu.

Takže psát čtivě a stručně ano, ale nezapomenout na ty, kteří chtějí informací plno.

Seriál: Webdesign na Živě

• Jak psát správně pro web  [5. května 2004 13:20]
• Webdesign: Přístupnost, použitelnost, informační architektura  [28. dubna 2004 7:16]
• Mýty webdesignu  [21. dubna 2004 18:31]
• Historie webdesignu  [13. dubna 2004 7:00]

Používejte B a I místo STRONG a EM

Text v titulku musí být ale doplněn: Používejte B a I místo STRONG a EM, pokud nevíte, proč jste STRONG či EM vlastně použili. Tak by se dal ve zkratce shrnout článek Matthew Thomase When semantic markup goes bad. Kde upozorňuje, že pouhá přeměna B a I za STRONG či EM není řešením a spíše uškodí.

Protože B a I pouze říkají, jak má být daný text zformátován. Zatímco STRONG a EM ukazují na význam daného textu a jejich zformátování je na každém prohlížeči (je samozřejmě možné formátování nadefinovat v CSS). Takže podle Matthew Thomase je větší prohřešek označit daný text nesprávně, než ho neoznačit vůbec.

Pokud chcete použít tučné písmo či kurzívu a HTML nemá patřičný sémantický element, použijte B nebo I. Pokud si nejste jisti, který sémantický element použít, použijte B nebo I. A jestliže vytváříte nástroj pro lidi, kteří neznají nebo se nebudou starat o sémantiku, prosím nepoužívejte sémantické značky ale B a I. Děkuji.

Takže STRONG a EM dále používejte tam, kde má smysl. Některé další významové značky najdete v odkazovaném článku.

Budu muset projít také About, protože mám takové tušení (kdyby jenom tušení;), že také nebude vše v pořádku. A co ostatní, používáte důsledně významové značky, či je bastlíte od boku? (via Web Standards Project).

Převodník obrázků do CSS

Jiří Chomát vytvořil nástroj, který automaticky převede obrázek do XHTML a CSS. Zatím se můžete podívat na Jirku pomocí CSS a JPG. Upozorňuji ale, že výsledná velikost souboru je přes 700 KB. A to JPG obrázek zabírá pouze 2 KB! Pokud si i přesto chcete nástroj vyzkoušet, nezapomeňte na pořádnou zátěž vašeho procesoru. Těch DIVů musí renderovat opravdu hodně.

Jenom ale doufám, že se s obrázkem v CSS nesetkám nikde jinde, než u takových zábavných příkladů. Do praxe je to extrémně špatné. Více se dočtete u Jirky v příspěvku Převod obrázků do CSS.

Seriál: Hry s CSS

• CSS Total Commander  [9. července 2004 19:14]
• Převodník obrázků do CSS  [4. května 2004 7:06]
• CSS tužka  [17. ledna 2004 18:30]
• Na CSS domeček si posvítila lampa  [4. listopadu 2003 7:01]