HTML definuje celou Å™adu formulářových prvků, nÄ›které situace ale vyžadují komfortnÄ›jší ovládání než tato základní sada nabízí. Ke slovu se pak dostává DHTML, které se se základními prvky vhodnÄ› smísí. ÄŒasto ve formulářích postrádám textové pole výhradnÄ› pro celočíselnou hodnotu, se Å¡ipkami pro inkrementaci a dekrementaci po pravé stranÄ› (v Å™eči Visual Basicu by to byl TextBox provázaný s objektem UpDown). To ale nechme na jiný článek…

Co mi vpravdÄ› až donedávna chybÄ›lo víc byl dialog pro výbÄ›r barvy. Velká část uživatelů hexadecimální zápis barvy neovládá a je dobré jim výbÄ›r odstínu usnadnit nÄ›jakým jednoduchým rozhraním, jednodušším než Vyber barvu v Photoshopu a zkopíruj ji. Tedy, ne že by takových rozhraní k dneÅ¡nímu dni už desítky neexistovaly, povÄ›tÅ¡inou ale bývají realizována jako klikatelné matice 216 web-safe barev, což je hodnÄ› málo – proč nedopřát uživateli více volnosti? A tak, hnán moudrým heslem, rozhodl jsem se vytvoÅ™it color picker vlastní, minimalistický, avÅ¡ak s volbou barvy velejemnou.

Do světa tedy dnes vypouštím nástroj jscolor. Nechť má spokojených uživatelů, jako je konkurenčních projektů, a ať poskytne hezkých barev alespoň z půlky tolik, kolik při ladění padlo nadávek na IE.

Pozadí: Text:

Nová služba screenshot.cz je konečně v provozuschopném stavu.

• Hele ten obrázek mi to nechce pÅ™ijmout. Dej ho na screenshot.cz!
• Ludvo, proč vždycky vyskočí tahle hláška? screenshot.cz/ABCD/
• … a mnohá další využití

Právě vyšly na svět české titulky k videu Stop the Big Brother State.

Aktualizace 26. 6. 2007

David Scharf přidal český překlad mezi oficiální titulky.

Pro začátek přijměme fakt, že aby byla internetová prezentace úspěšná, musí zákonitě obsahovat mnoho obdélníčků různých velikostí a funkcí, a hrát co nejrozmanitější škálou barev, nejlépe jako z pohádky o ptáku Ohnivákovi sledované kaleidoskopem přes hranol.

Dále se smiřme s tím, že každý, byť krátký text musí mít svou samostatnou stránku, na niž se uživatel dostane rozkliknutím příslušného odkazu. Uživatelé rádi klikají a jsou hraví, mnohdy si pro naše stránky vyhradí několik hodin, aby prozkoumali každý jejich koutek. Největší hloupost je naskládat několik textů k sobě a potom se na ně odkazovat mřížkovými záložkami.

Co je také důležité je hlavička – nesmí být aktivní, jako že by se na ni snad klikalo. MÄ›la by být co nejvÄ›tší, co do rozmÄ›rů i kapacity, protože každý už stejnÄ› doma máme 2 MiB pÅ™ipojení a LCD monitor s nativním rozliÅ¡ením 1600×1200px. Kdo ne, je sto let za opicema a jeho chyba.

Tak jako hlavička má být pestrá, tak i patička skýtá prostor k vyjádření a vyřádění se. Důležité jsou zejména ikonky jako "Napsáno ve VIMu", "Vytvořeno GIMPem", "Validní CSS a XHTML", "Sláva Firefoxu" a "Podporujeme vývoz rajčatového protlaku do Rakouska".

Na každém pořádném webu nesmí chybÄ›t grafické počítadlo. A aÅ¥ je vidÄ›t, že nejste žádná lama, můžete pÅ™idat i JavaScriptové hodiny, klidnÄ› i analogové. Dále je zapotÅ™ebí pÅ™imíchat kvalitní anketu – dnes je jich k mání bezpočet. Můžete se tak zeptat tÅ™eba jestli má uživatel doma kočku nebo radÅ¡i klávesnici.

Vždycky když chci vědět, kdo má zrovna svátek, začnu listovat náhodně vybranými osobními weby. Nakonec po několika hodinách uspěji. Ani vy byste proto neměli opomenout tuto informaci na viditelné místo vystavit. Vhodné je použít efekt blikání.

Nedílnou součástí moderních webů jsou tzv. animace a MARQUEE efekty. Jejich význam poslední dobou lavinovitě vzrůstá, především proto, že mají velmi vysokou informační hodnotu a zároveň uživatele nerozptylují okolním textem.

Pokud vám na konec zbyde něco času, můžete napsat i trochu obsahu jako takového. Není třeba se s ním nikterak párat, pište rychle, nadpisy nedělejte (nikdo je nečte) a na chyby se neohlížejte (většinu jich opraví Word a jádro věci beztak pochopí každý). V podstatě jde jen o to, vyplnit prostor kolem obrázků. A že ho je tam potvory habaděj. V nouzi lze bloky textu nakopírovat za sebe, línější autoři se mohou na konci odkázat zpět na začátek (ovšem nepůsobí to kýžený grafický efekt, nehledě k tomu, že lecjaký rozčarovaný čtenář by mohl uvíznout ve smyčce).

Tak to je vše, přátelé. Pro uklidnění (hlavně své), dodávám, že kdyby to někdo nepochopil, všechna uvedená tvrzení jsou ve skutečnosti blábol, Ironův IE, a aby byla užitečná, žádají si negace. Nemají být ovšem výsměchem nikomu, neboť každý někdy začíná, někteří začínáme stále.

… a vzhledem ke zvrhlosti tématu jsem pÅ™i tvorbÄ› grafiky neváhal sáhnout do páchnoucí žumpy grafických klišé (tj. fixní šířka, stínované okraje, celistvá hlavička a další revoluční Å™eÅ¡ení). Více už si prohlédnÄ›te na stránce samotné: Nick Cave – A uzÅ™ela oslice andÄ›la.

Diskuse na ABCLinuxu mi už hodněkrát pomohla, ale to byste nevěřili, kolika lidem tam přijde vtipné, že nemají křišťálovou kouli. Opakovaný vtip není vtipem, stokrát zopakovaný vtip je trapárna.

Když už jsem tu funkci udělal, tak ať se o ní ví. Styly je možné přepínat i pomocí odkazů: ČB, červený, zelený, neformátovat. Jo a funguje to i bez cookies.

Zásada pro zobrazování uživatelského vstupu je prostá – být pÅ™ipraven na cokoli. VyzkouÅ¡ej si, jak dopadne tvoje návÅ¡tÄ›vní kniha (nebo jiná aplikace zobrazující uživatelský vstup), když jí pÅ™edhodíš trochu náročnÄ›jší sousto (ASC, 3 kB) – změť záludných znaků, prapodivných odkazů a důmyslnÄ› sestavených mezer. Budu rád za vÅ¡echny nápady na rozšíření testovacího souboru.

NÄ›které vÄ›ci nemůžeme oÅ¡etÅ™it úplnÄ›, jako tÅ™eba nalezení hypertextového odkazu. Tady nezbývá, než se spolehnout, že uživatel uvede i protokol http://. Pokud totiž chceme najít i odkazy bez protokolu, musíme hledat vzor www.řetězec.řetězec. Ne vÅ¡echny odkazy ovÅ¡em začínají Å™etÄ›zcem www., takže nakonec vychází vzor řetězec.řetězec, a to bysme mÄ›li odkaz z každých dvou slov oddÄ›lených tečkou.

V komentářích je ukázka, jak se s testovacím vstupem (ne)?poprala moje aplikace.

Daniel "wizard" "WhiteHat" Máslo mi vÄ›noval pozvánku do Gmailu. Po letmém shlédnutí na mÄ› zapůsobilo zejména intuitivní rozhraní se spoustou voleb a skvÄ›le Å™eÅ¡ené odpovídání – pole na odpověď se zobrazuje rovnou pÅ™i čtení e-mailu. Další vychvalování Gmailu je noÅ¡ením dříví do lesa, za vÅ¡e mluví jeho používanost.

à propos anýz má prazvláštně odpornou "vůni".

Musím se sebehlednÄ› pochlubit parádním zjiÅ¡tÄ›ním. VlastnÄ› dvÄ›ma. Zaprvé jsem se dozvÄ›dÄ›l, že v Google jsem na výrazy malby a kresby a digitální kresby na prvním místÄ›. Na prvním – to je tam úplnÄ› nahoÅ™e! A zadruhé uptime… můj systém stále běží už 37 dní:

$ uptime
 22:49:02 up 37 days,  9:02, 18 users,  load average: 0.27, 0.31, 0.33

Aktualizace

Přejmenoval jsem kategorii Malby a kresby na Kresby, protože je to přesnější, no a jsem zvědavý, jak na to teď Google zareaguje.

Česká blogerská scéna prožívá bolestivé ztráty. Nejdřív to byl Pixy, měsíc nato Letinka (doufám, že jen dočasně), a po pár dnech to zabalil Převážně neškodný. Je tu sice ještě dost kvalitních weblogů, a také skupina blogerů nadšenců, mezi než se tato vymoženost stále masově rozšiřuje, nicméně konec výše zmíněných velikánů je podle mě signálem toho, že je jen otázka času, než došumí zbytek, a weblog se opět stane výsadou několika dobrodruhů. Není se čemu divit, každý trend má svůj boom a potom úpadek, u autorů se navíc přirozeně začíná projevovat nechvalně známá frustrace.

Co dodat? Ještě pár mých oblíbených weblogů to zatáhne, a nebudu mít co číst.

Znáte to – brouzdáte si bezednými vodami internetu, když tu vás práskne pÅ™es nos vlna nÄ›jakých opravdu hodnotných informací, které prostÄ› nechcete nechat upadnout v zapomnÄ›ní, a tak stránku pÅ™idáte mezi bookmarky (oblíbené položky / favorites). Brzy se ale ani pečlivÄ› roztřídÄ›né položky nedají zvládat a nastane chaos, už ani nemá cenu to třídit dál, web zákaznické podpory Microsoftu si vleze do skupiny Sport a zdraví, prostÄ› naprostá anarchie.

Já mám ještě k tomu sklony ukládat každou ptákovinu, která se mi zdá jen trochu zajímavá, takže sečteno a podtrženo jsem si k dnešnímu dni nashromáždil přesně cirka pět set adres, nechce se mi to počítat. Ačkoli už nevěřím, že se na všechny ty stránky ještě někdy podívám, stejně syslím pořád nové a nové. Řekl bych, že toto nesmyslné chování potvrzuje mou typickou Čechovitost, nebo jednoduše blbost. A co vy, taky syslíte své bookmarky?

BTW taky si pokaždé navlečete silné neohrabané palcáky ještě před tím, než si zavážete tkaničky?

Ve stÅ™edu 14. září 2005 doÅ¡lo na scénÄ› českého internetu k historické události – můj web byl vystaven na Intervalu v sekci Kritika webu.

Potěšující je, že k technickému provedení nebyly téměř žádné výtky. Zato názory na grafické zpracování se různily. Některým se jednoduchost černobílého designu jednoduše líbila, jiní měli pocit značně odlišný, v neslanosti a nemastnosti dvou kontrastních ploch jim zkrátka chyběl vizuální požitek. Ti druzí mě přiměli k tomu, abych začal pracovat na novém graficky atraktivnějším designu, který přidám jako alternativu ke stylům stávajícím.

CelkovÄ› dopadla kritika neutrálnÄ›, pÅ™esto vÅ¡ak za tÄ›ch pár dní stačila vzniknout drobná flamewar na téma „Jednoduchý vs. zdobný design aneb Role grafiky v technicky dokonalých webech“. Mezi horkými plameny vášnivých diskusí tu a tam vyskočila jiskÅ™ička s konkrétním návrhem na vylepÅ¡ení, konečnÄ› dva z nich jsem uplatnil:

• VÄ›tší rozestup mezi řádky
• VýraznÄ›jší odkazy pod kurzorem

Závěrem děkuji všem kritikům za jejich cenné příspěvky a Intervalu za zprostředkování diskuse. Tímto mu v sekci Poděkování věnuji pěkný odkaz.

PS: Lepší nadpis jsem nevymyslel.

Už hodněkrát jsem si všimnul, že pisatelé uvádějí v předmětu e-mailu řetězec Re:, ačkoli ve skutečnosti neodpovídají na nějakou předchozí zprávu, ale otevírají téma nové. Odpovědí rozumějme zprávu obsahující časovou hlavičku původního e-mailu následovanou citacemi. Ono magické Re je zkratka anglického reply (odpověď) a mělo by se tedy uvádět pouze pokud na nějaký e-mail opravdu odpovídáme. V tom případě má předmět tvar Re: Původní předmět, většina poštovních klientů to takhle vyplní sama. Naopak píšeme-li e-mail nový, potom Re nepíšeme, ale uvedeme krátký předmět, který co nejlépe vystihuje obsah zprávy.

A proč vlastně k téhle mystifikaci mezi uživateli došlo? Spousta lidí při psaní nových e-mailů nepoužívá adresář a psát adresu příjemce je zdlouhavé, navíc se můžeme snadno splést. Nejlepší bude, pokud jednoduše vybereme nějaký starší e-mail od onoho člověka a zvolíme Odpovědět. A jsme u toho! Uživatel sice napíše nový předmět a text zprávy, ovšem poštovní klient, jak jsem psal, vyplnil předmět automaticky a Re: tam zůstalo, což je v tomto případě chyba.

MnÄ› osobnÄ› vůbec nevadí, když se s něčím takovým setkám – jde pÅ™ece hlavnÄ› o obsah. Ale dodržování tÄ›chto a podobných zásad vypovídá o zkuÅ¡enostech pisatele a každý pÅ™ece chceme ve svém e-mailu působit co nejlepším dojmem. Pokud se chcete o odpovídání na e-maily dozvÄ›dÄ›t víc, doporučuji Yetiho články Jak (ne)odpovídat na maily I a Jak (ne)odpovídat na maily II.

Poslední dobou se zdá, že ne všichni sdílí moje nadšení z výchozího černobílého vzhledu mého webu. Je sice nesporně originální a povětšinou se líbí, ale několika lidem zřejmě přijde moc strohý, někomu dokonce připadá jako parte. Proto připomínám, že si můžete změnit vzhled jak je libo.

Dneska jsem se jako obyčejně přihlásil do své e-mailové schránky na Centrum.cz a co se nestalo... Vykoukla na mě jakási hláška nové generace, slibující mně, jednomu z údajně úzké skupiny uživatelů, nové rozšířené možnosti e-mailových služeb. Ač nejsem příznivcem velkých inovací v něčem tak poměrně stálém, byl jsem příjemně překvapen.

V první Å™adÄ› mÄ› zaujala velikost schránky, která se vyhoupla na cca 1 GB, což běžnému uživateli stačí k tomu, aby se už nemusel zabývat mazáním starých e-mailů. Další vÄ›c, která rozhodnÄ› stojí za povÅ¡imnutí, je použití rámců – pokud si chci pÅ™ečíst jakýkoli e-mail, po kliknutí na nÄ›j se načte do rámce, aniž by se znovu načítala celá stránka. Díky tomu je práce výraznÄ› rychlejší. Výpis e-mailů se zobrazuje ihned po pÅ™ihlášení, což je vylepÅ¡ení, na které jsem už dlouho čekal. Taky jsem si vÅ¡imnul, že ve výpisu e-mailů je u každého vidÄ›t i kousek počátečního textu. PÅ™i psaní zprávy jsou pole Kopie (cc) a Skrytá kopie (bcc) schována za odkaz – taky dobrý nápad, protože spousta uživatelů je stejnÄ› nepoužívá. V neposlední Å™adÄ› je možné zmÄ›nit i styl zobrazení, tj. rozložení a chování hlavních rámců a styl seskupování zpráv. VÅ¡e je samozÅ™ejmÄ› v novém celkem sluÅ¡ivém kabátu. JistÄ› by se naÅ¡la jeÅ¡tÄ› spousta dalších novinek, vyjmenoval jsem jen ty pro mÄ› zásadní.

Málokdy se stane, že by mi obecně nějaká inovace přinesla čistě změny kladné, nebo alespoň neobtěžující. Proto, přestože pro práci s elektronickou poštou používám raději program Mutt, musím o novém e-mailu na Centrum.cz prohlásit, že je to zatím nejvypracovanější webové e-mailové rozhraní, které jsem viděl.

Aktualizace

Tak si tu úvodní obrazovku přece jen neodpustili. Škoda, akorát zbytečně zdržuje a to naštve především majitele dial-up připojení.

Narazil jsem na spoustu emotivních fotek, které vystihují nynější výchovu mladých Palestinců. Je to dost smutná situace.