Skok na obsah [accesskey=1] | Skok na navigaci [accesskey=2]
list-style-type:box
? Já to zjistil až teď -- a mile mě to překvapilo, jen doplním, že box
by měl vypadat jako obrys čtverečku (disc
). Uvidíme, co všechno přinese CSS3, řada nových odrážek (diamond
, check
ad.) se již rýsuje.
Autor: Vít Dlouhý, čas: 20:39, Komentáře , Trvalý odkaz
No a co z toho všeho vyvodit? Vůbec nic - jen mě to v tuhle pozdní noční/ranní hodinu pobavilo.
Autor: Vít Dlouhý, čas: 01:31, Komentáře , Trvalý odkaz
Ke stažení je dostupná i PDF verze (270kB).
Úplně stejně, jako výše zmíněná aplikace funguje i Search Engine Decoder (pouze vypadá lépe), dokonce bych si troufl tvrdit, že se její autor nechal inspirovat až přespříliš - posuďte sami...
Autor: Vít Dlouhý, čas: 20:12, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 14:58, Komentáře , Trvalý odkaz
Jeffrey Zeldman, jakožto významná autorita musí být zkoumán pod mikroskopem a to jednoduše proto, že jeho slova mají velkou váhu a dopad na web, tak autor stránky Zeldman the Great (Hypocrite) (Andkon.com) ospravedlňuje to, že si vzal na svou kritickou mušku právě Jeffreyho Zeldmana.
V článku naleznete některé z webových referencí Zeldmana (i jeho firmy Happy Cog), spolu s vypíchnutím ne zrovna ideálních konstrukcí a postupů. Někde se jedná o maličkosti, jinde o hrubky. Každý je jen člověk - a tak si Jeffrey z toho hlavu příliš nedělá (soudě dle jeho reakce): How thoughtful. Thank you so much! I enjoyed reading it and agreed with some of what you had to say.
Můj názor: Popravdě, ani mě práce Zeldmana nijak zvlášť nepřesvědčily (mimo jiné nechápu, proč si neustále libuje ve fixně definovaném miniaturním a nekontrastním písmu - viz weblog), ani to, že celá řada komerčních prezentací od základajícího člena Web Standards Project neprojde obyčejným validátorem mu na jeho prestiži nepřidá.
Autor: Vít Dlouhý, čas: 20:35, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 20:23, Komentáře , Trvalý odkaz
Na konkurenčním blogcountu mě zaujala informace, že: Návštěvníci průměrně stráví na weblogu 37 vteřin Průměrný čtenář stráví čtením průměrného blogu 96 sekund. Průměrná délka návštěvy na deseti nej(čtenějších) blozích představuje 37 sekund. (za opravu/doplnění děkuji Martinu Koptovi). Sám na sobě sleduji, že to nemusí být daleko od pravdy, třebas u pixyho, nebo Yuhůa člověk vydrží i pět minut, jinde stačí 10 vteřin - půlminutový průměr (alespoň u mě) zhruba platí.
Jen pro zajímavost, jednoduchým výpočtem vychází, že avizovaných milion weblogů by se (čistě teoreticky) dalo pročíst za 10 277 hodin, což dává zhruba 430 dní.
Více informací podává Darren Rowse: Blog Statistic - Length of Stay (Livingroom.org.au, 22.10.2003).
(via Kyberšmok)
Doplněno: Tomáš Hodboď sepsal hezký spot Definice weblogu (Internetový oříšek, 17.11.2003)
Autor: Vít Dlouhý, čas: 11:45, Komentáře , Trvalý odkaz
Kompletní výsledky si můžete prohlédnout sami. Škoda jen, že se neprosadil ani jeden ze dvou českých návrhů, ale jak řekl Bob Sawyer: Really, we have 53 winners
...
Doplněno: 21:22, přidávám komentář Jiřího Sekery (jeden z českých zástupců v soutěži), když jsem jej informoval o jeho umístění (50. příčka), nebyl s ním po právu spokojen:
Podíval jsem se na výsledky a za několik položek sme měli nulu. Byli jsme třetí od konce. Napsal sem Bobu Sawyerovi, jestli by mi to byl schopen osvětlit, protože od momentu kdy jsem uviděl, že v pořadí před námi jsou weby nefunkční v IE5, mám problém s kontrolou mimiky. Po pár minutách jsme zmizeli zcela, myslel jsem že Bob nemá smysl pro humor a diskvalifikoval nás. Najednou koukám a jsme dvanáctí s plným počtem bodů ve většině položek. I přesto mám ze soutěže smíšené pocity a úplně přesně jsem nepochopil o co že v soutěži vlastně šlo, v čem byla její pointa...
Odpověď Boby Sawyera:
This was totally a screwup on my part. There were several people who submitted the same design twice or more times, either due to a problem with the submission script or for whatever other reason (hitting "submit" twice, etc.). So probably when I saw two entries for you, I assumed it was a duplicate and tossed one out.After rescoring your entry, here are your updated scores... That puts you in 12th place, after Gaston Garcia. Again, I apologize for losing the other entry. Next time I do this, I'm going to have someone help me manage all the various aspects of the contest. This really did get too large for a single person to handle. And this situation is proof of that.
České návrhy se tak umístily na výborném 12. a 18. místě!
Relevantní odkazy:
Autor: Vít Dlouhý, čas: 20:32, Komentáře , Trvalý odkaz
The Best Of..." by se mohlo hodit...
...to nám to letí, že?!
PS: Někteří si již možná všimli, ostatní upozorním, že tento "výcuc" se již přes měsíc objevuje v patičce každé stránky, kde se jej snažím pravidelně aktualizovat...
Relevantní odkazy:
Autor: Vít Dlouhý, čas: 14:42, Komentáře , Trvalý odkaz
►
, umístěným do titulku stránky (titulek na Google slouží jako odkaz na stránku), vytvořil před odkazem nevšední výraznou šipku (viz obrázek).
Na tento jednoduchý "fígl" včera poukázal Jason Fried spotem "Look At Me" Search Results (Signal vs. Noise, 12.11.2003).
Ovšem pozor! Nutno na tomto místě jedním dechem poznamenat, že ačkoliv to celé může vypadat velice hezky a užitečně, daň za tuto "vychytávku" je velmi vysoká.
►
nezpracuje a zobrazí ho před textem - vypadá to hrozně a působí kontraproduktivněZ celého triku se tak rázem stává dvousečná zbraň, o níž by vám asi většina SEO konzultantů řekla, že seká pouze jedním směrem - k autorovi...
Doplněno: Hvězdička - k čemu?!
Relevantní odkazy:
Autor: Vít Dlouhý, čas: 20:15, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 20:13, Komentáře , Trvalý odkaz
Kousek Markova citátu, který mě zaujal:
Pokud tedy v rámci SEO odstraníte všechny bariéry, které brání vyhledavačům vstoupit na váš web, automaticky si tím zvýšíte návštěvnost ještě dřív, než přijde první návštěvník přímo z vyhledavače.
Autor: Vít Dlouhý, čas: 20:03, Komentáře , Trvalý odkaz
Používejte barvu k odlišení navštíveného a nenavštíveného odkazu. Ač je to jedno z nejjednodušších (a nejzákladnějších) pravidel, je porušováno téměř všude.
Řada méně zkušených čtenářů znalých rady odlišujte navštívené od nenavštíveného
totiž v této snaze zachází mnohdy až příliš daleko.
K vidění jsou pak odkazy, které po navštívení ztrácí své podtržení (text-decoration: none
) - autor se totiž mylně domnívá, že navštívený odkaz již pro čtenáře nemá žádnou hodnotu (v nejhorším případě změní tento odkaz i svou barvu tak, aby splynul s okolním textem) a že jej tedy již nemusí mít nutně na očích.
Dokonce jsem se již setkal se stránkou, která navštívené odkazy rovnou přeškrtávala! Horší "barbarství" snad už ani neexistuje...
Čirou náhodou jsem včera narazil na docela pěkný zahraniční weblog, který mě zaujal svým zaměřením (použitelnost), bohužel, celé mé nadšení z něj vyprchalo přejetím prvního odkazu - akce a:hover
měla nastaven obrázek na pozadí - sice se nejednalo o nic křiklavého, přesto se však bílý text na textuře místy "úctyhodně" ztrácel. Přísloví o kovářově kobyle se tak opět potvrdilo.
Předchozím odstavcem jsem chtěl říct ještě jednu podstatnou věc: I akce
Přípustná řešení jsou v podstatě trojí:a:hover
by měla být patřičně odlišena od obyčejného odkazu!
Jednoduché pravidlo na závěr: Nenavštívený odkaz by měl být o několik řádů výraznější, než odkaz navštívený. Aktivní odkaz (nyní mám na mysli
.a:hover
, nikoliv a:active
) by měl mezi všemi ostatními odkazy (a především okolním textem) dostatečně vynikat. Pokud k tomu nemáte opravdu pádný důvod, tak nepodtrhávejte text, který neslouží jako odkaz
Jiné úpravy odkazů, než klasické podtržení (nadtržení, či jiný typ podtržení (realizovaný pomocí border-bottom
) atd.) bych vám rozhodně nedoporučil, neboť je shledávám zbytečnými - dokázat návštěvníkovi, že vaše stránky jsou lepší, než u konkurence lze přeci i úplně jinak ;-)
Úplně na konec zmíním odkazy nepodtržené -- v jasně ohraničeném hlavním menu s nimi obvykle nebývá větší problém (stále ale platí, že podtržením se nikdy nic nezkazí). Potíže však nejsou daleko...
Zkuste si vzít blok neznámého textu, odkazy NEpodtrhat a pouze je dle vlastního úsudku barevně odlišit -- tak a teď vezměte některý z programů určených pro simulaci barvosleposti (doporučuji Vischeck) a otestujte svou stránku - v řadě případů bude ježdění kurzorem po řádku a hledání odkazu nezbytné - což není dobře. Ideální (použitelné) barvy byste v takovém případě hledali asi těžko (není třeba); podtržení však dává jasný signál...
Autor: Vít Dlouhý, čas: 18:04, Komentáře , Trvalý odkaz
float
a práci s ním už asi ani víc napsat nelze. Druhý článek: Flowing and Positioning: Two Page Models je na tom v podstatě stejně, je v něm popsáno vše důležité - absolutní a relativní pozicování, překrývání (z-index
), in-line a blokové elementy. Zkrátka vše podstatné - snad jen by to mohlo být trochu stručnější ;-)
(via Craig Saila)
Autor: Vít Dlouhý, čas: 21:17, Komentáře , Trvalý odkaz
O microsoftím prohlížeči páté verze určené pro Mac OS X se obecně tvrdí, že má velice dobrou podporu CSS1 a částečnou podporu CSS2. Nicméně, chyby (bugy) se mu ani tak zcela nevyhnuly. Owen Briggis, Garreth Smith, Eric Meyer, Peter-Paul Koch a celá řada dalších proto připravili stránku CSS Bugs in IE5.x Mac (MacEdition, 13.12.2002), na které celou řadu těchto problémů rozepsali.
Několik odkazů o implementačních chybách (i takto "eufemicky" lze nazvat "bug") shromáždil Jan Bien na Mraveništi.
Autor: Vít Dlouhý, čas: 09:04, Komentáře , Trvalý odkaz
Pravidelným čtenářům děkuji za návštěvnost, kolegům ze spřátelených weblogů za občasné odkazy a své vůli za to, že mě v tomto kolotoči drží den co den ;-)
Mějte se fajn!
Autor: Vít Dlouhý, čas: 08:55, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 19:47, Komentáře , Trvalý odkaz
Relevantní odkazy:
Autor: Vít Dlouhý, čas: 12:33, Komentáře , Trvalý odkaz
target="_blank"
je jak známo problém. Tag target
byl označen jako "deprecated" (překl. nepřípustný, překonaný) již v HTML 4.01 a logicky tedy chybí i v novějších definicích XHTML (vyjma Frameset). Na jednu stranu je to řešení pochopitelné (tag nemá žádný formátovací význam), na stranu druhou tím některým autorům přidělalo W3C vrásky na čele.
Proto se často používá jednoduché JavaScriptové řešení:
<a href="http://www.example.com"
onclick="window.open(this.href); return false;">Example</a>
Použitelných řešení je však více. Tyler Queen ve spotu target="_blank" (TylerQueen´s Weblog, 3.7.2003) ukazuje elegantní sedmiřádkové řešení (rovněž v JavaScriptu), které lze jednoduše umístit do externího .js
souboru. K otevření nového okna pak stačí do odkazu umístit volání rel="external"
(v body
samozřejmě nemůže chybět funkce onLoad
). Jednoduché a funkční.
Odlišný postup zvolil Gez Lemon: Standards-Compliant New Windows (Accessify, 21.7.2003). Gezovo řešení je trochu složitější, neboť používá XHTML modularizace.
Dříve, než však začneme uvažovat o otevřeního odkazu (ať již interního, nebo externího) do nového okna, měli bychom pečlivě uvážit veškerá pro a proti, která nám tím vzniknou. Nebudu na tomto místě sepisovat romány, raději váš odkáži na Marka Prokopa: Proč (ne)otevírat odkazy do nového okna (Sova v síti, 12.09.2003), který to udělal za mě ;-)
Autor: Vít Dlouhý, čas: 11:41, Komentáře , Trvalý odkaz
Statistika oblíbenosti tohoto fontu (až do roku 2030 ;-), ukazuje, jak by při rostoucí oblíbenosti Comicu mohlo jednou vypadat např. logo firmy McDonald, či slavný nápis na kopci v Hollywoodu. Obojí bych sice přetrpěl, nicméně, pokud narazím na stránku, která je psána Comicem, tak okamžitě odcházím (a myslím, že nejsem sám).
Ovšem, co člověk, to názor - najdou se i tací, kteří do světa vykřikují I love Comic Sans.
Relevantní odkazy:
Autor: Vít Dlouhý, čas: 11:23, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 20:51, Komentáře , Trvalý odkaz
Na druhou stranu Byrneho řešení je úspornější v tom, že lze pomocí PHP příkazů switch
a case
(případně else-elseif-if
) sestavit v podstatě nekonečnou řadu kombinací barevných schémat, velikostí textů, šířek panelů atd. a ty posléze na stránku aplikovat.
Ačkoliv, dere se mi na mysl otázka: Je toto všechno potřeba?
, při dobře navrženém CSS stylu z pravidla návštěvník tyto vychytávky vůbec nepotřebuje a vystačí si s "defaultním" nastavením. Lepší tedy, než dělat x layoutů navíc je, udělat jeden, ale pořádně.
Relevantní odkazy:
Doplněno: 7.11.2003, 21:06, Petr Staníček předvádí svou verzi PHP přepínače stylů.
Autor: Vít Dlouhý, čas: 17:58, Komentáře , Trvalý odkaz
application/xhtml+xml
. Řada prohlížečů tento postup bohužel nepodporuje. V tom případě (jedná-li se o XHTML 1.0 Strict) může být použito MIME text/html
. Jednoduchým PHP skriptem, popsaným v článku HTML Declarations (htmldog.com), však lze docílit správné definice i pro XHTML 1.1 (pro které se text/html
nedoporučuje):
<?
if(stristr($_SERVER["HTTP_ACCEPT"],"application/xhtml+xml")) {
header("Content-Type: application/xhtml+xml; charset=UTF-8");
echo('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">');
} else {
header("Content-Type: text/html; charset=UTF-8");
echo ('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">');
}
?>
V podstatě na totožném principu funguje i postup popsaný v článku Serving up XHTML with the correct MIME type (Keystone Websites).
Relevantní odkazy:
Autor: Vít Dlouhý, čas: 17:42, Komentáře , Trvalý odkaz
Používejte ve vašich dokumentech tag <link
>
, tak zní název článku od Karla Dubosta: Use <link>s in your document (W3C Tips, 22.10.2003). Autor však pochopitelně nezůstává pouze u toho "výkřiku do tmy", ale názorně ukazuje využití tohoto tagu nejen jako doplňkové navigace.
Relevantní odkazy:
Autor: Vít Dlouhý, čas: 17:39, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 20:48, Komentáře , Trvalý odkaz
acronym
(stejně tak jako abbr
) by měl obsahovat "vysvětlovací" tag title
, v němž je daná zratka vysvětlena v "rozvitém" tvaru.
Ne vždy, si ale všechny tyto tvary pamatujeme, v těchto případech se mohou hodit databáze, v nichž lze tyto pojmy dohledávat. Jednou takovou databází/vyhledavačem je např. Acronym Search (40 000 výrazů), případně Acronym Finder (319 000 pojmů). Snad se budou hodit!
Autor: Vít Dlouhý, čas: 15:11, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 14:54, Komentáře , Trvalý odkaz
Aktualizováno: 12.12.2003, 22:25
Copyright © 2003 Vít Dlouhý ml., mailbox@vitdlouhy.cz, Všechna práva vyhrazena ®
Příručka: Weblog o tvorbě webu je tvořen pomocí offline editoru EasyBlog 2.2.0.24, děkuji Liboru "eLKa" Krayzelovi