Posted on by Jirka Bureš

IE6 bug – výběr bloku textu

Na tomto weblogu se můžete potkat s chybou IE6, na kterou mě upozornil Dušan Janovský. Chybný výběr bloku textu se projevuje ve sloupci s hlavním obsahem (ve stávajícím layoutu je to levý sloupec).

Chyba nastane po refresh stránky: F5 nebo z menu. Pokud uživatel vybírá text v levém sloupci, který leží pod dolním koncem sloupce pravého, neoznačuje se text na pozici kurzoru. Je vybrán blok mezi pozicí prvního kliknutí kurzoru a začátkem textu, který leží pod okrajem pravého sloupce. Vypadá to, ajko by byl kurzor na posledním řádku pod koncem pravého sloupce. Chyba se neprojeví při prvním načtení stránky, ale vždy po refresh.

Zajímavě se kurzor chová také při poklepání. Standardně se dvojím poklepáním označí slovo a trojím odstavec. Při spuštěném bugu se kurzor zapomíná na jiných odstavcích.

Výskyt chyby zmizí, pokud uživatel změní velikost písma (např. malé a zpět na střední) nebo pokud se adresa potvrdí enterem v poli Adresa. V jiných moderních prohlížečích jsem chybu nezaznamenal.

Posted on by Jirka Bureš

spamShield

Marek \’nebko\‘ Nebesář spolu s \’Arturem Dentem\‘ nastartovali projekt spamShield, který je možné vyzkoušet. Hezký počin.

Marka mrzí, že se nesetkal s větším ohlasem blogerů. Marku, počkej až se začne spamovat fest!

Posted on by Jirka Bureš

Výskyt tagů 3

K předchozím spotům o výskytu tagů přidali své komentáře mj. také Marek Prokop a Dušan Janovský. Marek zdůrazňuje vysoký výskyt značek table a img a z toho odvozuje přetrvávající zlozvyky webdesignerů při tvorbě kódu. Slabina mého rozboru je v tom, že u některých značek z jejich výskytu nejde přímo usuzovat na jejich (ne)správné použití (viz dále).

Dušan správně poznal, že vysoký výskyt rodiny tagů table nemusí ukazovat na vládu tabulkového layoutu (i když to tak fakticky je). Vždycky závisí na typu webu. Můj web conVERTER měl v prvním rozboru výskyt tagů td a tr 22,1 %! Je to proto, že významnou část webu tvoří právě tabulková data.

Správně použitá tabulka totiž většinou obsahuje více tagů patřících do něčeho, co jsem označil výrazem rodina tagů. Desetiřádková tabulka třeba 10 různých značek v počtu 19. Obdobná situace nastává u tagu font. Rodiny značek jsem použil, aby se zdůraznilo používání určitých typů konstrukcí. Na rozpoznání, jestli je použit tabulkový nebo beztabulkový layout, jestli jsou značky použity sémanticky správně apod., by bylo třeba vyšší logiky.

Aby bylo objektivnosti učiněno za dost, dávám odkazy na podklady:

  • 031121.csv (1168 B) – výstup z mé aplikace TagCounter použité pro rozbor.
  • 031121.zip (8619 B) – zapakovaný excelovský soubor s vyhodnocením.

Související

Posted on by Jirka Bureš

Flashmob

Flash Mob
Náhlé srocení lidí na předem určeném místě a v předem určeném čase. Flash Mob má určitou společnou myšlenku (stejné oblečení, chování apod.). Většina z nich má za cíl pobavit (účastníky).

Na hodinu po dnešním poledni byl plánován první domácí internetový Flash Mob. Cílem bylo přidat na server Černovláska.cz co komentář účastníků akce. Akce ale vlastně skončila dřív, než začala.

Filip Rožánek ve spotu Dělají české flasmoby… glorifikuje zahraniční flash moby a haní ty malé české:

Češi mají zkrátka sklony buzerovat, otravovat a peskovat. Ale to nejsou flash moby. Čeština má pro tohle mnohem krásnější název: šikana.

Problém je v tom, že i ty zahraniční flash moby poškozují ty, proti kterým bývají zaměřeny nebo ty, kteří se stali nechtěnými herci v představení jiných. Filip si to nechce pořád nechat vymluvit. To co jednomu přijde veselé, to může druhý vidět jinak. Záleží na způsobu provedení. Flash moby mohou být zábavné, mohou být poťouchlé, mohou být zlé a nebezpečné. To ale organizátory flash mobů určitě neodradí od jejich pořádání.

V případě zmíněného flash mobu proti blogu se zase tolik nestalo. Černovlásčina klaka akci pohaněla, sama provozovatelka omezila přidávání komentářů, návštěvnost mnoha blogů načas poskočila a zase bylo o čem psát.

Souvislosti

Posted on by Jirka Bureš

Výskyt tagů 2

První spot Výskyt tagů zaznamenal solidní ohlas. Co se týká metodiky, tak jsem použil málý vzorek: svůj web conVERTER a aktuální obsah cache mého počítače. V tomto pokračování bych nabídl objektivnější obrázek:

  • 22 uživatelů různé úrovně a různých zájmů (obsah části cache prohlížeče IE)
  • 1100 souborů (celková velikost 15 445 kB))
  • 208 443 tagů
  • Obsah cache z 21. 11. 2003
Nejčastěji se vyskytující rodiny tagů
Značka (tag) Výskyt
table 16,1 %
img 14,0 %
a 13,9 %
br 10,7 %
form 6,9 %
font 5,5 %
nespec. 4,7 %
b 4,2 %
!– 4,1 %
div 3,9 %
p 2,9 %
span 1,8 %
script 1,6 %
meta 1,5 %
ol/ul 1,0 %

V tabulce zobrazená první patnáctka v podstatě potvrzuje stesky kritiků některých současných (a minulých i budoucích) praktik webdesignerů:

  • používání tabulek pro rozvržení dokumentu
  • nadměrné používání obrázků
  • značka br pro vytváření seznamů, menu a odstavců
  • používání zakázaných/nedoporučených značek pro formátování – např. font a b
  • výskyt neexistujících nebo chybně zapsaných značek (v tabulce v položce nespec.).
Posted on by Jirka Bureš

CSS: dvakrát jak na to

Dave Shea (mezzoblue) vydal dva po sobě jdoucí spoty o tom, jak nejlépe vytvářet CSS soubory:

Z obou spotů, které odráží především Davovy praktické zkušenosti, bych zdůraznil hlavně tyto body:

  • Nejprve validujte a potom hledejte chyby.
  • Testujte nejprve na nejpokročilejším prohlížeči, teprve pak na ostatních.
  • Ověřte, co udělá změna velikosti písma v prohlížeči.
  • Jména přidělujte podle funkce ne podle vzhledu.
  • Uvádějte jednotky u nenulových hodnot.
  • Udržujte v CSS souboru pořádek.