Příručka: Weblog o tvorbě webu

Weblog pro webmastery, zaměřeno na XHTML, CSS, SEO, použitelnost a přístupnost webových stránek

neděle, 14. prosinec 2003

Na výsledky hledání s Girafou

V jednom starším vydání časopisu PC World jsem se dočetl o "přídavku" do Internet Exploreru, nazvaném Girafa Toolbar 2.10 (1,6MB). Jedná se o zajímavý prográmek (pro svůj běh potřebuje Windows + IE 4.0 a vyšší), který ke stránce s výsledky hledání zobrazí v postranní liště grafické náhledy na nalezené stránky (v podstatě stejně, jako to dělá katalog Seznamu). Stačí pouze některému z vyhledávačů (je jich 20 a nechybí žádný významný - Google, Yahoo!, Overture, Fast atd.) zadat hledanou frázi a Girafa ihned začne zobrazovat screenshoty (rozměr 160x120px).

Náhled na program (91 kB)

Girafa Toolbar toho však umí víc. Přímo přes její rozhraní můžete ve vybraných vyhledávačích hledat, ukládat výsledky hledání, nebo procházet předdefinované kategorie (News, Finance, Sport apod.). Hlavním lákadlem jsou však bezesporu náhledy...

Co je nutné vědět. Jednak, program je vhodný spíše pro rychlejší připojení - já sám jsem jej zkoušel na modemu (a běhal solidně) - nepopírám však, že rychlejší průtok dat by programu prospěl. Za druhé, náhledy nejsou vždy zcela aktuální (u těch největších webů odpovídají) - v případě mého weblogu byl použit obrázek starý 3 týdny.

K čemu se může Girafa hodit? Odpověď je nasnadě, může napovědět o funkčnosti dané stránky a zhruba také o obsahu, aniž by bylo nutné na nalezené odkazy klikat. Po instalaci proběhne krátká registrace (údaje si můžete klidně vymyslet). Vyzkoušejte a uvidíte.

Autor: Vít Dlouhý, čas: 18:49, Komentáře , Trvalý odkaz

čtvrtek, 11. prosinec 2003

Užitečné nástroje z Accessify.com

Přestože weblog Accessify pravidelně sleduji, nějak jsem z neznámých důvodů nezavítal do jeho sekce Tools and Wizards - což byla velká škoda. Z několika více i méně užitečných aplikací stojí za zmínku stojí především Accessibility-checking favelets, Accessible Form Builder, případně Accessible table builder. Mohlo by se hodit, co říkáte?

Autor: Vít Dlouhý, čas: 16:53, Komentáře , Trvalý odkaz

neděle, 7. prosinec 2003

<title>No Title</title>

Následující odkazy jsou pouze pro silné povahy ;-) Zkuste se Google zeptat (za použití operátoru allintitle: -- vybere pouze ty stránky, které mají všechna hledaná slova v tagu title) na slova a fráze typu: Page Title, Page1, či Untitled. S omezením na české stránky dopadnete obdobně: Page Title, Page1, No Title. Co k tomu dodat?

Asi nic, ti co tento blog čtou by tohle "zvěrstvo" neudělali -- a ti co jej dělají ho zase nečtou. Takže se alespoň pobavme...

Autor: Vít Dlouhý, čas: 21:01, Komentáře , Trvalý odkaz

Nezaměňujte u obrázků atributy alt a title

Atribut alt se často pro svou funkci zaměňuje s atributem title, každý ale slouží k něčemu jinému (a podle toho by se s nimi mělo také zacházet). Atribut alt slouží k co možná nejpodrobnějšímu zastoupení (ekvivalenci) obsahu, který je na obrázku. Atribut title slouží k obecnému shrnutí toho, co obrázek obsahuje. Lépe to pochopíte na názorném příkladu od Iana Hicksona:


<img src="screenshot1.png"

alt="The proxy settings dialog box has 'proxy.i.edu' in the 'host' field and '3128' in the 'port' field for every protocol."

title="Screenshot showing Communicator 4.x Proxy settings for Indianapolis campus."

longdesc="screenshot1.desc.html">

Několik základních rad:

  • Jestliže obrázek obsahuje krátký text, přepište jej celý v (pokud možno) nezměněné podobě do atributu alt
  • Pokud používáte obrázkové vycpávky (tzv. spacer images), tak jim alternující text přidělte, ale nechte jej prázdný (dobře je alt=""; špatně je alt=" ")
  • Atribut alt není třeba přidělovat obrázkům na pozadí (stránky, tabulky apod.), neboť nevizuální prohlížeče je ignorují
  • Delší popisky je možno shrnout na samostatné stránce a "odkázat" atributem longdesc (v podstatě to používá Mark Pilgrim - 100)
  • Grafy a tabulky se těžko popisují několika slovy, Simon Willison proto radí: "Snažte se shrnout TREND vývoje"
  • Obrázky s jednoduchými znaky (např. šipku) lze alternovat znakem "»" nebo ">" atd.

Závěrem se podíváme, jak si s těmito atributy poradí prohlížeče. Internet Explorer to řeší trochu nešťastně, když chybí atribut title, tak jako tooltip použije atribut alt, což je špatně a mám za to, že to zaměňování a špatnému použití těchto příkazů jenom nahrává. Mozilla i Opera se chovají zcela korektně, druhý jmenovaný dokonce pro title používá přednastavený tooltip "TITLE: ...".

Spot je výtahem z několika článků, zde jsou některé z nich.

Relevantní odkazy:

Autor: Vít Dlouhý, čas: 10:53, Komentáře , Trvalý odkaz

pondělí, 1. prosinec 2003

Citáty v uvozovkách pomocí JavaScriptu

S krátkými řádkovými citacemi (příkaz q = quote) je v majoritním prohlížeči problém. Zatímco konkurenční prohlížeče (Opera, Mozilla ad.) jsou natolik chytré, že tomuto tagu automaticky přiřadí uvozovky, Internet Explorer do tohoto stádia ještě nedospěl. Zápisy typu:

q:before { content: open-quote }
q:after { content: close-quote }

...a jim podobné pochopí opět jen "konkurence", IE pseudotřídy :after a :before nezná.

Jako již tolikrát si tedy na pomoc vezmeme JavaScript, elegantní řešení, umožňující dokonce pro různé jazyky nadefinovat odlišné uvozovky (pisatelé francouzského textu jistě ocení) předvádí Craig Saila v článku Implementing multi-language HTML quotes. Vypadá to skvěle, jdu to podrobněji ozkoušet...

Autor: Vít Dlouhý, čas: 20:44, Komentáře , Trvalý odkaz

neděle, 30. listopad 2003

Opera umí list-style-type:box!

Věděli jste, že Opera již několik posledních verzí jako jediná z "trojlístku" prohlížečů umí naložit se zápisem: list-style-type:box? Já to zjistil až teď -- a mile mě to překvapilo, jen doplním, že box by měl vypadat jako obrys čtverečku (). Internet Explorer i Mozilla při tomto zápisu použijí výchozí tvar - dle definice je to puntík (disc). Uvidíme, co všechno přinese CSS3, řada nových odrážek (diamond, check ad.) se již rýsuje.

Autor: Vít Dlouhý, čas: 20:39, Komentáře , Trvalý odkaz

Víte, kdo je největší odborník?

Pokud to náhodou nevíte, tak jsem to já - vážně, tedy alespoň Google si to myslí...

No a co z toho všeho vyvodit? Vůbec nic - jen mě to v tuhle pozdní noční/ranní hodinu pobavilo.

Autor: Vít Dlouhý, čas: 01:31, Komentáře , Trvalý odkaz

sobota, 22. listopad 2003

Vazby mezi vyhledávači

Vztahy a vazby mezi předními internetovými vyhledávači jsou poměrně složité. Jeden dodává tomu druhému primární výsledky hledání, další placené odkazy a poslední třebas katalog. Vzniká tak chaotické klubko, které vám pomůže rozmotat odborník na slovo vzatý - Bruce Clay. Na jeho stránce se totiž nachází Search Engine Relationship Chart - animace vytvořená technologií Flash, zobrazující vazby mezi jednotlivými vyhledávacími servery (konkrétně jich je 19 nejvýznamnějších).

Ke stažení je dostupná i PDF verze (270kB).

Úplně stejně, jako výše zmíněná aplikace funguje i Search Engine Decoder (pouze vypadá lépe), dokonce bych si troufl tvrdit, že se její autor nechal inspirovat až přespříliš - posuďte sami...

Autor: Vít Dlouhý, čas: 20:12, Komentáře , Trvalý odkaz

Přehled článků z webu XVI.

Autor: Vít Dlouhý, čas: 14:58, Komentáře , Trvalý odkaz

úterý, 18. listopad 2003

Zeldmane, Zeldmane...

Jeffrey Zeldman, jakožto významná autorita musí být zkoumán pod mikroskopem a to jednoduše proto, že jeho slova mají velkou váhu a dopad na web, tak autor stránky Zeldman the Great (Hypocrite) (Andkon.com) ospravedlňuje to, že si vzal na svou kritickou mušku právě Jeffreyho Zeldmana.

V článku naleznete některé z webových referencí Zeldmana (i jeho firmy Happy Cog), spolu s vypíchnutím ne zrovna ideálních konstrukcí a postupů. Někde se jedná o maličkosti, jinde o hrubky. Každý je jen člověk - a tak si Jeffrey z toho hlavu příliš nedělá (soudě dle jeho reakce): How thoughtful. Thank you so much! I enjoyed reading it and agreed with some of what you had to say.

Můj názor: Popravdě, ani mě práce Zeldmana nijak zvlášť nepřesvědčily (mimo jiné nechápu, proč si neustále libuje ve fixně definovaném miniaturním a nekontrastním písmu - viz weblog), ani to, že celá řada komerčních prezentací od základajícího člena Web Standards Project neprojde obyčejným validátorem mu na jeho prestiži nepřidá.

Autor: Vít Dlouhý, čas: 20:35, Komentáře , Trvalý odkaz

Přečtěte si také:

Odkazy:

Přehled článků z webu:

Aktualizováno: 12.12.2003, 22:25

Archív weblogu:

České weblogy:

Zahraniční weblogy:

Zahraniční magazíny:

Agregátory:

Copyright © 2003 Vít Dlouhý ml., mailbox@vitdlouhy.cz, Všechna práva vyhrazena ®
Příručka: Weblog o tvorbě webu je tvořen pomocí offline editoru EasyBlog 2.2.0.24, děkuji Liboru "eLKa" Krayzelovi

Toplist