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

HTML a XHTML FAQ

Na webu W3C vyšel dokument HTML and XHTML Frequently Answered Questions. Najdete zde odpovědi na základní otázky ohledně HTML, XHTML, rozdílu mezi nimi atd. (via Web Standards).

Seriál: Dokumenty W3C česky

• XHTML 1.1 česky  [19. srpna 2004 17:37]
• HTML a XHTML FAQ  [23. července 2004 0:47]
• Český překlad dokumentů W3C  [9. února 2004 6:06]

Webhostingy, freehostingy, freemaily

Na webu Czechhosting.net najdete další přehled webhostingů, freehostingů, freemailů a nově také webhostingů s podporou SEO. Pokud nemáte čas procházet jednotlivé weby a zkoumat nabídky, je to pro vás výborná startovní pozice. Ale nejdůležitější věc, která na webu není, a která je také nejdůležitější, jsou ochotní admini. Nejlépe pracující 24/7, kteří vám vše potřebné nastaví, poradí s neřešitelným problémem na vašich stránkách, či dokonce sami za vás informaci vyhledají. To jsou služby k nezaplacení.

Proto mám rád menší firmy, které si můžou osobní vztah k zákazníkovi dovolit. Čest ale všem výjimkám a hanba neochotným adminům.

Klikatelné obrázky vložené přes CSS

Problém obrázků vložených přes CSS je, že z nich nejdou snadno udělat odkazy. To se snaží vyřešit Dan Cederholm na SimpleBits v článku Clickable Link Backgrounds. Trik spočívá v použití seznamu a nadefinování obrázku na pozadí jednotlivým prvkům <li> místo odkazu.

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]

PageRank Toolbar pro Mac

Google Toolbar je dostupný pouze pro Windows, takže uživatelé Macu ho nemůžou používat, ani zjistit Toolbar PageRank dané stránky. Můžou sice využít toho, že byl Google Toolbar PageRank prolomen, ale nyní se jim naskytlo jednodušší řešení. Nejde o celý Google Toolbar pro Mac, pouze o PageRank Toolbar pro Mac.

Seriál: Pagerank

• Google updatuje Toolbar PageRank  [20. října 2005 11:29]
• Potvrzeno: Toolbar PageRank je jen pro zábavu  [1. prosince 2004 21:29]
• Google Toolbar PageRank aktualizován  [7. října 2004 7:05]
• PageRank Toolbar pro Mac  [13. července 2004 12:15]
• TPR: Tematický PageRank  [24. března 2004 6:49]
• Keyword Pagerank Finder  [23. března 2004 7:00]
• Yahoo Web Rank měří popularitu stránek  [21. března 2004 0:03]
• Google Toolbar PageRank prolomen  [18. března 2004 6:41]

FeedBurner headline animator

Díky nové službě FeedBurner můžete snadno vytvořit animaci vašich RSS zpráv. Web ještě není oficiálně spuštěn, přesto najdete příjemnou správu RSS kanálů a řadu nastavení. Můžete tak velice snadno vyměňovat vzájemně nové zprávy mezi spřátelenými weby pouze pomocí obrázku (via ResearchBuzz).

Jak dlouhý je život chyby v Mozille?

Takový průzkum podnikl Mike Stanclift na Neowin.net v článku The life (and death) of a Mozilla bug. Čas mezi nalezením chyby a vydáním opravy byl pouze 13 hodin! Ano, tak rychlá je reakce týmu Mozilla na nové nebezpečí. Nezbývá než poblahopřát, ať jim úsilí co nejdéle vydrží.

CSS Total Commander

O tom, že s CSS si jde pěkně vyhrát, jsme se přesvědčili třeba s CSS lampou. Další pokus s CSS tužkou již nebyl tolik kreativní. Což se rozhodně nedá říct o CSS Total Commanderu Viktora Čecha. Total Commander určitě znáte a CSS Total Commander je velmi povedená napodobenina. Nejde o žádné stylování pixel po pixelu, ale poctivou kódeřinu. Takže pokud ještě neznáte, tak určitě CSS Total Commander navštivte.

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]

Návod na XHTML a CSS

Plaváček již nějakou dobu píše na web owebu.cz seriál CSS a XHTML není žádná věda. Seriál již obsahuje 6 dílů. A od úplných začátků se Plaváček už dostal k samotné tvorbě layoutu webu. Rozhodně výborný kurs pro začátečníky.

Rozlišení jednotlivých prohlížečů a jejich verzí

I přes veškerou snahu používat v co nejmenší míře CSS hacky, je jejich použití někdy nevyhnutelné. Proto bych rád uvedl možnosti jejich použití. Musíme rozlišit, jestli chceme nadefinovat jeden soubor stylů a v něm také všechny hacky pro jednotlivé prohlížeče, nebo pro každý prohlížeč použít speciální soubor stylů.

CSS hacky v jednom souboru

Pro první případ můžete využít výborné Pixyho Explorerové síto:

#prvek {
  color: black;        /* styl pro všechny prohlížeče */
  _color: red;         /* styl jen pro IE/Win, všechny verze */
  _color/**/: orange;  /* styl jen pro IE/Win, jen 5.5 a vyšší */
  _co\lor: yellow;     /* styl jen pro IE/Win, jen 6.0 a vyšší */
  }

html>body #prvek { color: green }
  /* styl pro všechny prohlížeče mimo IE/Win */

#prvek[id] { color: blue }
  /* styl pro všechny prohlížeče mimo IE (včetně IE/Mac) */

Místo podtržítkového hacku můžete klidně také použít * html:

#prvek {
  color: black;        /* styl pro všechny prohlížeče */
  }

* html #prvek {
  color: red;         /* styl jen pro IE/Win, všechny verze */
  color/**/: orange;  /* styl jen pro IE/Win, jen 5.5 a vyšší */
  co\lor: yellow;     /* styl jen pro IE/Win, jen 6.0 a vyšší */
  }

html>body #prvek { color: green }
  /* styl pro všechny prohlížeče mimo IE/Win */

#prvek[id] { color: blue }
  /* styl pro všechny prohlížeče mimo IE (včetně IE/Mac) */

Případně se můžete podívat na podporu CSS hacků v prohlížečích.

CSS hacky v samostatných souborech

Vraťme se ale k myšlence samotných souborů s hacky pro jednotlivé prohlížeče. K tomu nám dobře poslouží Mid Pass Filter, který aplikuje styl pouze pro IE5.x / Windows.

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5.xwin.css'; /*";}
}/* */

Obdoubou Mid Pass Filteru je IE5/Mac Band Pass Filter. Ten slouží pro definování stylu pouze pro IE5 / Mac.

/*\*//*/
  @import "ie5mac.css";
/**/

Pro lepší pochopení se podívejte na následující dva obrázky:

Teď už je pouze na vás, zda použijete jeden soubor se styly se všemi případnými hacky, nebo více souborů pro jednotlivé verze prohlížečů.

Seriál: CSS hacky

• :hover i pro IE>=5  [20. července 2005 10:47]
• Podtržítkový hack je nevalidní  [21. října 2004 20:30]
• Rozlišení jednotlivých prohlížečů a jejich verzí  [8. července 2004 10:00]
• Podpora CSS hacků v prohlížečích  [21. ledna 2004 16:26]
• CSS hack pro Internet Explorer  [21. listopadu 2003 14:50]
• Už žádné další CSS hacky  [7. listopadu 2003 20:55]

Maxthon nahradil MyIE2

Můj oblíbený prohlížeč MyIE2 byl přejmenován na Maxthon. Upřímně se mi nový název nelíbí. Podle autorů je to kvůli tomu "IE" v názvu. No nic, budu si muset na nový název zvyknout. Vyšla také nová verze Maxthon 1.0.0168 beta. Já ale zůstávám u svého MyIE2 0.9.18.20. Nějak jsem těm novým verzím nepřišel na chuť (via Blog počítačového nadšence).

Seriál: Maxthon

• Maxthon nahradil MyIE2  [7. července 2004 21:41]
• Vlastní pluginy v MyIE2  [5. února 2004 6:27]
• MyIE2 + Gecko  [29. prosince 2003 8:55]
• Pluginy pro MyIE2 potřetí  [25. listopadu 2003 7:36]

Google hack

Někdo se pravděpodobně zbláznil při překládání Googlu do češtiny. Jsou k nalezení opravdové perly.

- Nejde o hack i tak ale pěkné.

nebo třeba

Je evidentní, že se tak děje jenom na české variantě Googlu. Uvidíme, jak rychle Google zasáhne. Nejsem totiž sám:

• Game blog: Že by nám někdo hacknul Google ?
• Káně v internetu: Hacknutý Google (nebo nepovedený překlad?)
• Převážně neškodný: Google najde fakt všechno
• Yuhůův weblog o webu: Google doplácí na svou vstřícnost

Kniha o SEO

Radim Smička vydal nedávno knihu "Optimalizace pro vyhledávače - SEO". A dnes si můžete přečíst na Intervalu v článku Optimalizace pro vyhledávače - SEO recenzi Martina Kopty. Jestliže s optimalizací začínáte, tak určitě její koupí jenom získáte.

Hodit by se ale také mohla, pokud si chcete zadat profesionální optimalizaci, aby jste věděli, co můžete očekávat. Knihu si můžete koupit třeba na Intervalu za 152 Kč.

Seky o webu

Pachollini začal psát svůj weblog Seky. Už z prvních příspěvků je poznat, že je a bude plněn vlastními a originálními myšlenkami a neotřelými webdesignerskými nápady. Určitě stojí za přečtení:

• Vyčištění HTML kódu tabulky pomocí XSLT
• Ideální šířka stránky: nechte vybrat čtenáře
• Relativní výška prvku: javascriptový experiment

Tak přeji Pachollinimu ať je těch seků co nejvíc.

Seriál: Nové weblogy

• Fotoblogy  [25. září 2004 11:17]
• Seky o webu  [4. července 2004 18:58]
• Weblog Václavák  [25. dubna 2004 21:17]
• Plaváčkův blábolník spuštěn  [16. dubna 2004 5:12]
• Země očima nepozemšťana  [15. dubna 2004 13:25]
• Nitroblok  [14. dubna 2004 7:16]
• Handmade Weblog  [13. dubna 2004 20:16]
• Laco konečně bloguje  [29. února 2004 14:16]
• Občasný o'blog  [28. února 2004 10:18]
• Marketingové komunikace a Internet  [18. února 2004 20:38]
• Blog|openheads  [17. února 2004 20:32]
• Weboviny  [16. února 2004 20:26]
• Blog o tvorbě webu  [15. února 2004 9:08]
• Medhiho fotoblog  [14. února 2004 19:02]
• Nový weblog o přístupnosti  [4. února 2004 6:41]

Validátor XHTML v RSS čtečce

Ben Hammersley využil ne moc známou možnost W3C validátoru XHTML, kdy nevrátí výstup jako XHTML stránku, ale jako XML. Pomocí jednoduchého skriptu udělal Ben z tohoto výstupu RSS kanál. Jestliže tedy bude stránka obsahovat nějakou chybu, tak se s každou chybou přidá položka do RSS čtečky, jinak zůstane kanál prázdný.

Návod k použití naleznete v příspěvku XHTML Validator to RSS. Stačí použít následující URL:

http://www.benhammersley.com/tools/validate.cgi?url=http://www.example.com/

Jednoduše tak hned zjistíte, zda jste při změnách na stránkách neudělali nějakou botu, která by mohla stránky v některých prohlížečích znefunkčnit. Jediný problém skriptu je, že při validních stránkách vrací prázdný kanál, který by se nemusel některým RSS čtečkám líbit. Každý si ale může skript upravit pro své potřeby.

Související

• conBLOG: XHTML validace skrze RSS [9.7.2004]

Seriál: Validita

• Validátor XHTML v RSS čtečce  [3. července 2004 9:54]
• Další omyl: Validita  [20. dubna 2004 19:48]
• Zisk vs. validita, XHTML, CSS, přístupnost, použitelnost  [20. dubna 2004 19:10]
• Jak vložit validně Flash do XHTML  [20. března 2004 9:22]
• Odborné servery a validita  [18. března 2004 21:05]
• Weblogy jsou nevalidní  [11. března 2004 17:17]
• Walidator  [17. listopadu 2003 9:34]