Rozdílné řádkování line-height v prohlížečích

To, že se vykreslení (renderování) webové stránky v jednotlivých prohlížečích liší, je známá věc. Dříve byly rozdíly hodně velké, dnes ale, díky většímu respektu programátorů i kodérů k webovým standardům, je situace mnohem lepší, a v ideálním případě nemusíte sahat k různým berličkám a hackům, aby stránky vypadali identicky. Drobné rozdíly se většinou promíjejí. Když ale narazíte na klienta, kterému vadí i rozdíl 1 px, máte o zábavu postaráno:

Stránce jsem nadefinoval řádkování globálně pomocí line-height na 130 %. Firefox 4 pak vypočte řádkování jako 15,5833 px, Intenet Explorer 8 jako 16 px (zaokrouhlí myslím matematicky) a Opera a Chrome jako 15 px (ořeže desetiny). Nepomůže ani line-height nastavit v jiné jednotce nebo přímo v desetinách px - desetinky nic než Firefox nevezme. Přitom zrovna řádkování ve Firefoxu vypadalo nejlépe - přitom tak nedosažitelné...

Po chvíli rozmýšlení jsem nakonec nastavil line-height na 134%, kdy Opera, Chrome i Intenet Explorer vypočtou 16 px a Firefox 4 16,067 px. Hádat se o 0,067 px se snad už nebude nikdo ;-)

Free Online OCR Service

Onehdá jsem v krátkém soukromém testu jako nejlepší on-line OCR vyhodnotil Free Online OCR. Občas jeho služeb opravdu využívám. Nyní jsem ale narazil s konverzí nějakých poznámek dopsaných přímo do obrázku návrhu designu webu. Free Online OCR část poznámek nezkonvertovalo a ponechalo poznámky jako obrázky, zbytek byl hodně zkomolený.

Znovu jsem tedy prošel dostupné on-line OCR služby a jakž takž použitelný výsledek mi dal až Online OCR Service. Text sice není stoprocentní, ale k dalšímu použití dostatečně kvalitní. Díky pánové :-)

Rozbalovací strom pomocí Treeview

Kolegové mě upozornili na jQuery plugin Treeview, co udělá ze seznamu <ul> pěkné rozklikávací menu či strom, na užitečném webu Dynamic Drive DHTML Scripts. Odtud se dostanete i na novější verzi scriptu na webu autora jQuery plugin: Treeview a další ukázky funkce a nastavení treeview. Zobrazení stromu lze modifikovat sadou parametrů. Pěkné, funkční, užitečné.

Online Javascript compressor

Dá se považovat za slušnost nechávat návštěvníky webu stahovat javascripty v komprimované verzi. Script sice není snadno okem čitelný, zato je o pár kilo hubenější. Když tedy usoudíte, že by bylo dobré nějaký script zkomprimovat, můžete využít třeba služeb serveru Online Javascript compressor. Online Javascript compressor vám navíc nabízí zkrácení názvů (přejmenování) proměnných a možnost zakódování, kteréžto možnosti vedou k dalšímu zhubnutí kódu.

Jednoduchý karusel v jQuery

Návod na jednoduchý karusel (carousel) napsaný s využitím jQuery najdete v příspěvku Create Simple Carousel using jQuery na blogu akchauhan.com.
Zmíněný karusel má z určitého úhlu pohledu dvě nedomyšlenosti: jednak tak, jak je napsaný, nemůže na jedné stránce fungovat ve více exemplářích, jednak jsou rozměry nastaveny scriptem. Mě osobně by se více hodilo, když by karusel přebíral rozměry z nastylování. Pak by se dal nezměněný kód použit beze změn pro weby s různými layouty.

Na téma "carousel" existuje samosebou pro jQuery spousta hotových pluginů, ale člověk si rád, když má čas, udělá i něco sám. Nebo alespoň skoro sám ;-)