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

3px bug v IE vyřešen

Jan Bien v pokračování seriálu o implementačních chybách v prohlížečích na Intervalu se v článku Implementační chyby v prohlížečích - plovoucí prvky a obtékající text zaměřil na známou a otravnou 3px chybu Internet Exploreru při obtékání. Možné problémy uvedl na řadě příkladů, kdy vznikají problémy. A nakonec všechny také vyřešil. K řešení použil většinou jinou deklaraci pro Internet Explorer pomocí podtržítkového hacku.

Seriál: Chyby v prohlížečích

• 3px bug v IE vyřešen  [30. června 2004 7:08]
• Peekaboo bug a dvojnásobný okraj  [25. února 2004 6:25]
• Chyby v prohlížečích  [9. ledna 2004 11:11]
• Mozilla a obrázek na pozadí  [10. prosince 2003 6:59]

Správa barev

Velice obsáhlý článek Správa barev - Color Management System (CMS) o správě barev napsal pro Interval.cz Robert Janák. Dozvíte se v něm vše o správě barev, ICC profilech, kalibraci monitoru, správě barev v Adobe Photoshopu atd. Pro lepší orientaci v článku bylo (myslím, že poprvé na Intervalu) použito odkazů na jednotlivé části článku:

• Vývoj správy barev (CMS) v systému
  • Správa barev ve Windows
  • Správa barev na MacOS
  • ColorSync v porovnání s ICM
• Správa barev v aplikacích
  • Správa barev ve Photoshopu
  • Postup práce ve Photoshopu 6.0 a vyšších
• Tvorba a použití profilu
  • Kalibrace monitoru
  • Profil monitoru
  • Přidání profilů zařízení do systému správy barev

Klikací CSS logo

Řada webů nevkládá logo jako obrázek do (X)HTML, ale nadefinuje obrázek jako pozadí nějakému prvku. Takže místo:

<a href="/"><img src="/logo.gif" ... /></a>

použijí například:

<a href="/"><span id="logo"></span></a>

a v CSS:

#logo {
  background: url (logo.gif) no-repeat;
  width: 200 px;
  height: 100 px;
  display: block;
}

Vše funguje správně až na Internet Explorer, který nad logem neukáže obvyklou ruku, ale kurzor myši zůstane stejný. Takže 99 % uživatelů nepozná, že je logo klikací. A to je chyba. Řešení je přitom velice jednoduché.

Místo definování velikosti prvku span, kterému potom nastavíme obrázkové pozadí, rovnou nastavíme prvek a. Výsledek bude tedy následující:

<a href="/" id="logo"></a>

Dále je samozřejmě možné vše dále upravit, ale pointa zůstává - nastavit obrázek na pozadí prvku a místo span.

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]

Rozšíření a témata vzhledu pro balík Mozilla

Na adrese update.mozilla.org startuje nový web, který bude obsahovat seznam rozšíření a témata vzhledu pro balík Mozilla - tedy pro Mozillu, Firefox a Thunderbird. Nejvíce odkazů zatím naleznete u Firefoxu. Další řadu odkazů nejen pro rozšíření a témata vzhledu naleznete v Mozcestníku (via CZilla).

Mozilla 1.7, Thunderbird 0.7 a Firefox 0.9

V krátké době za sebou vyšly všechny tři hlavní programy od Mozilla týmu. A to Mozilla 1.7, Thunderbird 0.7 a Firefox 0.9. Na webu CZilla v nejbližší době určitě najdete české verze. Takže pokud jste příznivci (nebo je potřebujete pouze k testování svých stránek) právě těchto programů, tak určitě stahujte.

Seriál: Firefox

• Převodník pro rozšíření URL Alias  [2. prosince 2005 14:51]
• Finální Google Toolbar pro Firefox  [23. září 2005 11:31]
• Firefox 1.0.6  [20. července 2005 9:41]
• Google Toolbar pro Firefox  [8. července 2005 15:11]
• Firefox 1.0.1 CZ  [4. března 2005 21:17]
• Firefox extension: Nastavte si CTRL + Enter na .cz  [4. února 2005 16:46]
• Firefox není hrozbou pro IE  [12. listopadu 2004 19:15]
• Firefox 1.0 CZ  [9. listopadu 2004 13:05]
• Historie, současnost a budoucnost Firefoxu  [13. října 2004 21:42]
• Firefox 1.0 PR česky  [4. října 2004 12:57]
• Mozilla Firefox 1.0 PR: 2 miliony stažení  [25. září 2004 10:03]
• Mozilla 1.7, Thunderbird 0.7 a Firefox 0.9  [18. června 2004 15:09]
• Mozilla Firefox 0.8 česky  [27. února 2004 19:31]
• Mozilla Firebird končí, přichází Mozilla Firefox 0.8  [9. února 2004 15:19]
• Mozilla Firebird tipy a triky  [26. ledna 2004 20:40]
• Ben Goodger o prohlížeči Firebird  [24. ledna 2004 15:36]
• Diskriminace Firebirdu  [15. listopadu 2003 1:46]

Make-money-with-google.com

Měsíční seznam nově zaregistrovaných domén, které obsahují v názvu "google", začíná už být pravidelnou odpočinkovou a zábavnou četbou. Nejlepší z minulého měsíce rozhodně byla doména GooglEbaYahoo.com. Rozhodně i tento měsíc registrátoři nezaháleli a určitě se, stejně jako já, příjemně pobavíte.

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]

Optimalizace Flashe, PDF a multimédií pro vyhledávače

Optimalizace (X)HTML stránek pro vyhledávače se už stala nedílnou součástí řady webů. Problémy nastanou pokud chcete optimalizovat i jiné formáty (Flash, PDF, multimédia) pro vyhledávače. Základní rady vám dá Alan K'necht v článku Search Engine Optimization and Non-HTML Sites na Digital Web Magazine.

U Flashe jsou především problém s weby, které jsou celé udělané ve Flashi. Nejsnadnější optimalizaci Flashe dosáhnete vytvořením mixu (X)HTML a Flashe. Část stránky bude ve Flashi a část v (X)HTML. Klidně udělejte navigaci ve Flashi, ale nezapomeňte také na její textovou verzi. Vyhledávače se o indexaci Flashe ale pořád snaží.

PDF je už poměrně dobře indexované. Přesto (X)HTML stránka s abstraktem obsahu v PDF rozhodně optimalizaci pomůže.

A multimédia nejsou indexovaná skoro vůbec. Zde je řešení uvést kvalitní metadata a vytvořit opět popisnou (X)HTML stránku, která bude optimalizovaná. A přes ni se uživatelé dostanou k požadovanému obsahu.

90 % testů použitelnosti je nepoužitelných

Podle Lane Beckera v článku 90% of All Usability Testing is Useless je 90 % testů použitelnosti zbytečných. Uvádí hlavní chyby a špatné cíle, kterých chtějí zadavatelé těchto testů dosáhnout.

Líbí se jím web? Co si o něm myslí? Je navigace neúspěšná z důvodů kategorií, které jste vytvořili, slov, které jste použili, či je to umístěním navigace? (...) Tradiční test použitelnosti vám nedá odpovědi na tyto otázky.

Pro odlehčení - zkuste si test použitelnosti (via InfoDesign).

Seriál: Použitelnost

• 90 % testů použitelnosti je nepoužitelných  [16. června 2004 22:50]
• 10 kroků pro použitelný web  [19. listopadu 2003 15:11]
• Webové stránky v cizím jazyce 2.  [11. listopadu 2003 16:39]
• Webové stránky v cizím jazyce  [9. listopadu 2003 22:14]
• 4 rady pro použitelný web  [5. listopadu 2003 0:56]

Náhrada textu libovolným písmem

Stewart Rosenberger přišel na A List Apart v článku Dynamic Text Replacement s návodem, jak nahradit text libovolným písmem. Zvolené písmo umístíme na server a pomocí PHP a JavaScriptu dojde k nahrazení textu pomocí obrázků. Nijak není zasaženo do samotného (X)HTML kódu stránky. A jsou také vyřešeny problémy s tiskem či chybějící podporou obrázků.

Aktuální zpravodajství Nový den

Po úspěšném agregátoru zpráv z odborných weblogů - Weblogy.cz spustil Jiří Lahvička nový agregátor aktuálního zpravodajství Nový den. Ten prochází každých 5 - 20 minut všechny české důležité zpravodajské servery a přidává nové zprávy do kategorií Domov, Svět, Ekonomika a Sport.

Zprávy jsou řazeny podle důležitosti a aktuálnosti a automaticky jsou seskupovány články o stejné události z různých serverů. Zajímavé bude sledovat, který server se bude stávat tím hlavním a které ostatní budou uvedeny jen jako související. Titulní stránka z 14.6 20:40 má 3x Lidovky a Novinky, 2x iDnes a 1x Atlas a Tiscali.

Jak píše Ladislav Bittner v příspěvku Konečně agregátor zpráv na vysoké úrovni pravděpodobně budou kategorie rozšířeny o další - Kultura, Společnost, Věda a technika. Jirka také odpovídá na otázku proč spouští nové projekty v neděli:

Spouštění v neděli má jednoduché vysvětlení - ve všední dny musím pracovat za peníze (a víc než 8 hodin denně pracovat nevydržím), takže na práci zadarmo nic jiného než víkendy nezbyde :-)

Pořádný agregátor zpráv určitě chyběl. Za hranicemi je hojně používán Google News + nový MSN Newsbot, českou alternativou by mohl být News.Centrum.cz.

Co mi ale chybí jak na Novém dnu tak na Weblogy.cz jsou RSS kanály. Takhle je to všechno hezké, ale pořád je pro mne snazší mít ve čtečce deset kanálů než navštěvovat jeden web.

Seriál: Agregátory zpráv

• WDNews.net: Webdesign news in the World  [13. prosince 2005 11:51]
• DigiMedia.cz: digitální vysílání v České republice a na Slovensku  [19. října 2005 18:05]
• Personalizované Weblogy.cz  [24. ledna 2005 16:40]
• Aktuální zpravodajství Nový den  [14. června 2004 20:51]
• Marigoldův přehled technického zpravodajství  [10. března 2004 19:13]
• České weblogy pro internetové profesionály  [9. března 2004 15:17]
• Jyxo články v ostrém provozu  [23. února 2004 18:17]
• Jyxo prohledává články  [17. ledna 2004 20:17]
• Zpravodajství na News.Centrum.cz  [18. prosince 2003 7:04]
• MSN Newsbot protiúder na Google News  [18. listopadu 2003 15:30]

Má atribut title smysl?

Tuto diskuzi rozpoutal jedním komentářem Misha u Yuhůa. Kritizuje nadměrné používaní atributu title a hlavně toho, že je nadměrně používán pro doplnění důležitých informacích. Takže je nutné pro jejich přečtení najet nad vyznačený text myší.

Pod článkem se rozpoutala diskuze, z které plyne rozumný závěr:

Mělo by tam (v title pozn. autora) být vysvětlení termínů, nikoli doplňující informace.

K Mishovi se přidal také Jiří Bureš v příspěvku Atribut title - tři strany jedné mince. V příspěvku použil jednou pro doplnění atribut title a osobně se mi moc nelíbí.

Nejedná se o zkratku, takže v title očekávám doplňující informace. Chytám na myš a dozvídám se, že titulka = titulní stránka webu. Hmmm, to jsem ale věděl, takže zbytečné zdržení mi nic nepřineslo. Buď napíšu titulka, anebo titulní stránka webu.

Já osobně title používám pouze u odkazů pro rozvedení cíle odkazu - jedná se o doplňkovou, nijak nepotřebnou funkci. V textu se mi to příčí. Na cizích webech to ještě chápu při vysvětlení zkratek. U všeho ostatního mě to brzdí v čtení a nutí neustále chytat na myš.

A i různé humorné poznámky, jak píše Jirka, patří přímo do textu. To se bez zbytečných akcí nemůžu zasmát?

BLOG:CMS

Radek Hulán spustil nový web pro redakční systém BLOG:CMS. Dříve se jmenoval Nucleus eXtreme Edition a byl roztroušen po zápiscích v Radkově weblogu, takže nyní vše najdete na jednom místě. Web je kompletně v angličtině, ale v sekci download se nachází ke stažení i kompletní česká verze.

Seriál: BLOG:CMS

• BLOG:CMS  [12. června 2004 9:48]
• Marigold: upgrade na BLOG:CMS  [5. června 2004 21:25]
• Redakční systém Nucleus eXtreme Edition  [7. dubna 2004 21:24]
• Blogovací systém Nucleus  [9. března 2004 6:28]

Metadata v XHTML

Vilém Málek sepsal v článku Metadata a hlavička pro XHTML dokument na Intervalu přehled používaných metadat pro XHTML dokumenty. Postupně se dočtete o:

• Kódování dokumentu
• Kešování dokumentu
• Informace pro vyhledávače a jiné roboty
• Popis, klíčová slova a kategorie dokumentu
• Autor, webmaster a vlastník dokumentu
• Přístupnost a obsahová vhodnost dokumentu
• Dublin Core Metadata Initiative
• Zeměpisná poloha zdroje (serveru)
• Prohlížeče a jejich výmysly
• Ikona dokumentu či serveru
• Alternativní verze dokumentu
• Navigace a vazby mezi dokumenty
• CSS neboli kaskádové styly

Přeji příjemné čtení a hlavně používání těchto metadat v praxi! Já používám na domovské stránce About weblogu tyto metadata:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<meta http-equiv="Content-language" content="cs" />
<meta name="author" content="Petr Weida; e-mail: about@zpravy.net" />
<meta name="copyright" content="Petr Weida; e-mail: about@zpravy.net" />
<meta name="robots" content="all,follow" />
<meta name="description" content="About weblog - XHTML, CSS, SEO, přístupnost, použitelnost" />
<meta name="keywords" content="About, weblog, XHTML, CSS, SEO, přístupnost, použitelnost" />
<meta name="dc.title" content="About weblog" />
<meta name="dc.language" content="cs" />
<meta name="geo.country" content="CZ" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.zpravy.net/weblog/rss-2.0.php" />

Wiki Wiki Wikipedia

Včera jsem upozorňoval na novou encyklopedii Mozek a dnes vás odkážu na článek Wikipedia.org -- The Free Encyclopedia Martina Pírka na Lupě. Najdete v něm historii a vysvětlení co to vlastně ta Wikipedia je. Především byste neměli minout českou verzi Wikipedie. O Wikipedii vyšla ale další spousta článků:

• Živě: Wikipedia: Svobodná encyklopedie [3.5.2002]
• SitePoint: What is a Wiki? [3.11.2003]
• Mraveniště: Wiki, to je pojem [6.11.2003]

Tabulky pro třísloupcový layout

Když už to Jirka Bureš nakousl,

tak proč to nedokončit ;-) I já se přidávám k článku Víti Dlouhého 3 stejně vysoké sloupce? Tabulky jsou vhodnější. Ne vždy je CSS layout výhodnější než tabulky. Musí jít ale o jednoduchou tabulku a zbytek formátování v CSS!

Víťa ukazuje, že při tvorbě třísloupcového layoutu, který má mít všechny tři sloupce stejně dlouhé, může být použití tabulek i výhodnější. Ale i přesto je zachována:

• přístupnost
• rychlost načítání
• pořadí jednotlivých částí stránky podle důležitosti

Hlavní nevýhodou je, že při menším rozlišení je nutné skrolovat doprava a doleva. Je tedy nutné zvážit výběr správných prostředků.

Související

• Yuhůův weblog o webu: Tabulkový layout nezrychlíte [9.6.2004]

Seriál: Layout

• Tabulky pro třísloupcový layout  [8. června 2004 20:03]
• Sestavujeme layout webu  [17. března 2004 6:48]
• Vybíráme layout webu  [4. března 2004 18:55]
• Ministerstvo informatiky má CSS layout  [20. prosince 2003 8:47]
• Třísloupcový layout v CSS  [5. listopadu 2003 15:47]

Encyklopedie Mozek

Už týden funguje nová encyklopedie Mozek. Stojí za ní vyhledávač Jyxo a jde o obdobu oblíbeného systému Wikipedie. Samotný obsah vkládají uživatelé, ti ho můžou dále měnit, mazat či doplňovat. K dispozici je historie změn u každého hesla. Více se dočtete v článku Centrální Mozek pro vyhledavače Martina Kopty na Lupě.

Marigold: upgrade na BLOG:CMS

Patrick Zandl se rozhodoval za co vymění na Marigoldovi stávající redakční systém Genesis 2 a zvolil BLOG:CMS (dříve Nucleus eXtreme Edition). A nyní řešil problém jak zachovat roky práce a 1,9 MB textu v celkem 1053 zprávách. Rozhodl se pro import do BLOG:CMS, takže všechny zprávy a články mají novou URL.

S tím ale vyvstala řada problémů:

• staré odkazy již nejsou funkční, dostanete pouze chybu 404 - stránka nenalezena
• všechny komentáře jsou ztraceny
• změněna další řada stálých URL - např. RSS odkazy

U RSS se o moc nejedná a řada uživatelů si ho bez problémů změní. Komentářů je škoda, protože většinou byly hodnotné a přinášely zajímavé názory a doplňovaly vlastní článek.

Nejhorší situace ale nastane s nefunkčními zprávami a odkazy. Všechny externí odkazy (a IMHO jich je dost) přijdou vniveč. Uživatelé se nedostanou k požadovanému obsahu. A dobré pozice ve vyhledávačích se postupně ztratí. A i po indexaci nových URL se v textu nachází staré nefunkční související odkazy.

Proto jsem se zeptal Patricka co s tím hodlá dělat.

Částečně to ještě budu řešit - předpokládám, že přes mod_rewrite se mi podaří rozchodit odkazy na články, které mohou být někde zalinkované externě. U ostatních textu jako jsou zprávy to není podstatné.

A jak si se změnou poradí vyhledávače?

Vyhledávače jsou snad od toho, aby vyhledávaly a web indexovaly znovu - jestli toho nejsou schopny, asi by to jejich programátoři měli řešit, ale není to můj problém.

Uživatelé se ke článkům dostanou přes menu nebo vyhledávání serveru, jako dříve :)

Zajímalo mě také, jestli nebylo lepší ponechat staré zprávy a články ve starém redakčním systému:

Nebylo. Zaprvé by to bylo zbytečné - na co provozovat najednou dva redakční systémy. Zadruhé nemyslím, že jde o nějaký problém. Marigold není žádný web typu search-and-buy, nemám potřebu na něj lákat přes nejrůznější lákadla včetně SEO všechny skupiny lidí, je zaměřen na lidí, které zajímají telekomunikace v horizontu dvou let a to není zdaleka každý. A takoví si ho najdou sami, protože těch je u nás velmi omezený počet.

Texty na Marigoldovi jsou rozděleny do dvou částí - na aktuální zprávy a dlouhodobě platné články. Zprávy těžko někdo bude potřebovat, protože jsou platné a zajímavé pár dní, zatímco články s dlouhodobou platností ano. Obojí ale najde z menu.

Jestli toho není schopen, dá se očekávat, že to není typ čtenáře, kterého by Marigold zaujal a tak si oba jen ušetříme čas. Význam SEO pro weby typu Marigolda se přeceňuje - jeho český protipól asi nenajdete, možná tak VÚČAKO, anglických je pár. Prostě ho lidi, které zajímá, časem tak jako tak najdou.

Rozhodně bude zajímavé sledovat, jak se s tím Patrick, uživatelé a vyhledávače poperou.

Seriál: BLOG:CMS

• BLOG:CMS  [12. června 2004 9:48]
• Marigold: upgrade na BLOG:CMS  [5. června 2004 21:25]
• Redakční systém Nucleus eXtreme Edition  [7. dubna 2004 21:24]
• Blogovací systém Nucleus  [9. března 2004 6:28]