26. 12. 2006 v sekci webdesign:

CSS techniky století: IR

Ne, nebudu popisovat novou techniku, spíše filosoficky properu ty staré známé.

Existuje několik koderských technik, které se neustále opakují a pořádný web bez nich s největší pravděpodobností nevytvoříte. Jednou z nich je Image replacement, tedy náhrada textu obrázkem.

Thou shalt use text for text and graphics for graphics and never graphics where text is appropriate, under threat of banishment to the pit of darkness where searches and indexes are unknown. (Petr Sojka, přednáška PB029, původní zdroj netuším)

Rozmach kaskádových stylů přímo stojí a padá na technice Náhrady textu obrázkem. Pouze díky Image Replacementu můžeme důkladně oddělit obsah webu od designu a tedy i nastylovat jeden kód stokrát jinak (viz. CSS Zen Garden). Do chvíle než přišel FIR – původní z technik IR, tak bylo existovalo jen kodérské tabulkové temno.

Design nechť je navěky věků bezpečně oddělen v kaskádovém stylu a obsah webu nechť je vhodně provázán HTML značkami, které mu dávají semantický význam. kAmen.

Image replacement funguje na jednoduché myšlence – původní text schováme a elementu s pevně stanovenými rozměry dodáme na pozadí obrázek. Skrývat text lze mnohými způsoby – nejpraktičtější budiž záporné odsazení prvního řádku či překrytí textu (v-danou-chvíli-už-blokovým) elementem SPAN. Praxe zase jindy.

Komentáře

1. habendorf
27. 12. 06, 15.31

„nejpraktičtější budiž záporné odsazení prvního řádku“

Výborně. Takže bez obrázků uvidí uživatel kulový. Samozřejmě se používá spíše překrytí (a nemusí to být zrovna span).

27. 12. 06, 17.47

Ano, uživatel bez obrázků skutečně uvidí při použití této techniky kulový.. takže pokud web má nějaké takové uživatele v cílové skupině, tak se to nevyplatí.. ale jinak je to použitelná technika.