Kaskádová jedenáctka

Od Marka Boultona (CSS Eleven) jsem se dověděl o založení mezinárodní skupiny CSS Eleven. Skupina si klade za cíl pomoci W3C CSS pracovní skupině k lepšímu dodání nástrojů potřebných pro web zítřka. Ve skupině jsou známí webdesignéři a vývojáři (např. Mark Boulton, Dan Cederholm, Andy Clarke, Jeff Croft a další).

Výstupem skupiny CSS Eleven mohou být např.:

  • Nové impulzy autorům webových standardů. Skupina uznávaných odborníků může přinést svůj seznam priorit dalšího vývoje.
  • Revize případně přeformulování stávajících norem (doporučení).
  • Srozumitelné příklady využívající stávající a nové normy.
  • Nové návrhy layoutů využívající možnosti stávajících i připravovaných norem.
  • Zvýšení tlaku na tvůrce webových prohlížečů směrem ke zlepšení podpory standardů.

No uvidíme. Práce to nebude jednoduchá.

Souvislosti

Jak instalovat Lightbox 2

Lightbox 2 je určen k efektnímu zobrazování obrázků. Lightbox pracuje tak, že po klepnutí na náhledový obrázek se obrázek otevře ve větším rozlišení (viz příklady). Funkce Lightboxu závisí na JavaScriptu. V tomto článku najdete návod, jak uvést Lightbox 2 na webové stránce do provozu. Článek je určen začátečníkům bez znalosti angličtiny a čerpá z mé zkušenosti s instalací Lightboxu a podrobného návodu na stránkách autora. Smyslem článku není rozpoutat diskusi o smysluplnosti používání, přístupnosti nebo použitelnosti Lightboxu. Také je mi jasné, že o Lightboxu psali jiní, jinde, dříve a lépe.

Autor Ligtboxu Lokesh Dhakar nabízí zdarma ke stažení zazipovaný Lightbox 2 (ten stáhněte na počítač a rozbalte na vhodné místo). V archivu je vše potřebné pro uvedení Lightboxu do chodu. Postup je následující:

  1. Do hlavičky webové stránky (mezi tagy ) vložte kód:
  2. Do hlavičky vložte odkaz na stylopis (kód ze souboru lightbox.css můžete přidat do vašeho stylopisu):
  3. Do složky images nakopírujte obrázky ze stejnojmenné složky v zipu. Podobně musíte do stejnojmenných složek uložit skripty a css soubor.
  4. Do kódu odkazu (nebo obrázku apod.) vložte atribut rel="lightbox". Např. image #1

Pokud kopírujete obrázky nebo další soubory z instalace Lightboxu, dejte si pozor, abyste nepřepsali existující soubory. Obecné pojmenování některých souborů je jedna z nevýhod Lightboxu. Jména souborů a cestu k nim samozřejmě můžete změnit. Ale nesmíte to zapomenout udělat důsledně na všech správných místech.

Protože je Lightbox 2 psaný pro anglicky mluvící, doporučuji ve vhodném grafickém editoru počeštit obrázky obsahující anglické texty (closelabel.gif případně také nextlabel.gif a prevlabel.gif).

A jedna rada na závěr. Pokud nemusíte, tak Lightbox radši nepoužívejte.

Podpora CSS v e-mailových klientech

Jaká je podpora CSS v současných e-mailových klientech? Na tuto otázku dostanete odpověď po přečtení článku A Guide to CSS Support in Email: 2007 Edition. David Greiner se zaměřil na čtyři webové e-mailové aplikace, pět e-mailových klientů pro MS Windows a čtyři klienty pro Mac OS.

Zastávám názor, že e-mail by měl mít prostou textovou podobu. Takto byl koncipován a takto je nejlépe přenositelný i zobrazitelný. Realita je ale trochu jiná. Většina e-mailových klientů podporuje HTML formát e-mailových zpráv. Spousta uživatelů vyžaduje HTML e-maily bez ohledu na zřejmá rizika. Ale e-mailoví klienti kombinaci HTML a CSS nezvládají.

Hodně špatně jsou na tom s podporou CSS on-line e-mailoví klienti. Kraluje stará verze mailu od Yahoo!. Desktopové aplikace pro práci s e-maily na tom překvapivě nejsou lépe. Snad s výjimkou perfektního Thunderbirdu a Mac Mailu. Úplně propadla Eudora a Lotus Notes.

A Guide to CSS Support in Email: 2007 Edition je dobrým zdrojem pro všechny, kteří se vydají na tenký led tvorby šablon HTML e-mailů. Přehledné tabulky se seznamem podpory CSS selektorů a vlastností stojí za pozornost.

Zanícený postižený mimo interfernet

Dříve nebo později to muselo přijít. Tenisový loket se mi zatím vyhýbá (ač jsem hrál tenis a celé dny prosedím u počítače), oči mi ještě slouží (ač jsem mnoho let proseděl a proležel nad knihami a celé dny prosedím u počítače) a záda bolí jen občas (ač jsem hrál tenis, studoval a celé dny proseděl u počítače). Neminul mě ale zánět šlach na mé lepší, byť levé, ruce. Stačilo pár hodin s nožem v ruce nad hromadou polystyrénových desek a další dny ze mě byl jednoruký invalida.

Coxtral gel

Je třeba se dobře namazat

Za ty dva týdny jsem zažil drobná příkoří i vítězství (žena mi navléká ponožky, tchýně mi zavazuje boty), ale hlavně bolestně bezbolestné odloučení od počítače. Bolestně proto, že ruka bolela. Bezbolestné proto, že mi počítač skoro vůbec nechyběl (protože se chci vyhnout klišé, ukončím odstavec a poslední myšlenku nechám ležet).

Počítače jen pro vyvolené

Ale abych se dostal k věci. Na vlastní kůži jsem mohl zažít pocity osoby zdravotně znevýhodněné (tak se prý teď správně a korektně říká invalidům), které používá počítač a navštěvuje webové stránky. A věru to není žádná sláva. V mém jednorukém případě jsem zjistil, že není ani tak problém s brouzdáním po webu, jako s ovládání počítače jako takového. Coby pokročilý uživatel využívám různé dvoj- a trojhmaty, které s jednou rukou prostě nevykouzlím. Pokud nemám do série zapojenou druhou klávesnici, po které šmejdím nohama (jako že nešmejdím páč ji nemám).

Abych to tedy shrnul. Po celé dva jednoruké týdny jsem nenarazil na jediný zásadní problém při používání webových stránek, ale narazil jsem na problémy s ovládáním počítače a webového prohlížeče. Pokud máte jen jednu funkční ruku, ve které držíte myš, tak zapomeňte na otvírání stránek do nových oken (pokud nemáte třeba Maxthon, který umí drag and drop odkazu) a jiné kejkle. U webových stránek jsem se svou nešikovnou pravačkou měl problém snad jen se strefováním se do odkazů na webech, které mají malé písmo a malé řádkování a na pohyb v rozbalovacích menu.

Ovládání hlasem

Po několika dnech e-celibátu se mi do mysli vloudila myšlenka, jak by to bylo krásné, kdyby měly dnešní počítače ovládání hlasem. Znáte takové to startrekovské počítači… Hned jsem ale ten nesmysl zapudil. Dnešní vývojáři nejsou schopni navrhnout ergonomické ovládání pomocí myši a klávesnice. Natož, aby zvládli ovládání hlasem. Uživatelé nejsou často schopni klikat natož aby dali dohromady smysluplnou větu.

Schválně si někdy vyzkoušejte hlasem navádět kolegu nebo příbuzného. A než začněte, tak si strčte ruce hluboko do kapes těch nejtěsnějších kalhot. Vím o čem mluvím, často naviguji uživatele po telefonu, radím na školeních atp. Ten, kdo mluví, se vyjadřuje nepřesně. Ten, kdo poslouchá, si vyslechnuté přeloží a zábava začíná.

A ještě jeden argument proti hlasovému ovládání. Nechtěl bych pracovat v kanceláři, ve které osazenstvo huláká do mikrofonu zmatené pokyny.

Co jsem napsal o hlasovém ovládání neznamená, že bych se nechtěl dožít doby, kdy to bude báječně fungovat. Doby, kdy tiše požádám svůj počítač o wordovský soubor ze včerejška. Vlastně ne ze včerejška, ale z předvčerejška. Ne o tento, ale ten druhý. Vlastně ani o ten ne. Pro jistotu mi ukaž všechny wordovské dokumenty za poslední týden. Jejda, on to není doc, ale xls. Že jsem žádnou tabulku neotvíral? To přece není možné! Co to plácáš!!!

Občas poradím

Čas od času se na mě obrátí autor webu, abych mu ohodnotil jeho dílo. Pokud má e-mail hlavu a patu (diskuzí se neúčastním), týká se nekomerčního webu a mám zrovna čas, tak se snažím pomoci. Přiznám se, že to nedělám rád, ale ješitnost a falešný pocit, že dělám něco užitečného, obvykle převáží.

Zásadně přímo nekomentuji vzhled webu. Jednak je to subjektivní záležitost a pak jsou amatérské weby zhusta dílem autora, který není grafik a jeho web se mu líbí. Snažím se zaměřit na přístupnost a použitelnost daného webu. Upozorním jen na ty základní chyby. Chci, aby má odpověď nevyzněla jako kritika, ale souhrn doporučení se stručným vysvětlením, proč je lepší to udělat tak, jak navrhuji. Vycházím z toho, že když se někdo odhodlá napsat e-mail a požádá o kritiku, tak ji snese (i když není psaná v kritickém duchu). Samozřejmě, že se přesvědčím o tom, že žiji v bludu.

Následují dvě reakce. Poděkování nebo rázné odmítnutí. Odporovač snese důvody, proč to má zrovna tak, jak to má a ne tak, jak to navrhuji. Tak proč se ptá? Jakoby mi to nebylo jedno.

Nová pravidla přístupnosti

David Špinar informoval, že byla zveřejněna nová verze českých pravidel přístupnosti. Jedná se o revizi platných pravidel přístupnosti, která by měla vstoupit v platnost příští rok.

Pokud je Davidův výčet úplný, tak oproti platné verzi přibylo 7 pravidel, ubylo 12 pravidel a 11 pravidel bylo upraveno. Změny by měly odrážet skutečné potřeby handicapovaných uživatelů, zmírnit velkou přísnost stávajících pravidel, upřesnit je a také nová pravidla přiblížit metodice WCAG2.0.

Vždycky, když podobná pravidla čtu, tak ocením, když jsou pravidla stručná pokud možno bez cizích slov, když obsahují lidský výklad a příklady. Když čtu pravidla tvorby přístupného webu, tak zažívám podobné pocity, jaké jsem měl při své účasti v soutěži AZ kvíz. Pokud tuto televizní soutěž neznáte, tak vězte, že část otázek je postavena na popisu prostých věcí přesnou definicí. Třeba jako toto pravidlo:

Informace sdělované vizuální podobou webových stránek, tvary jednotlivých prvků, jejich velikostí, pořadím nebo umístěním jsou dostupné i v případě, že uživatel nemůže tyto aspekty vnímat.

Já si to přebral tak, že co je vidět, musí jít taky přečíst. Nekritizuji autory pravidel za dokonalé definice. Jenom bych požádal o větší čtivost. Toto je ale problém většiny úředních spisků. A kritizovat nová pravidla přístupnosti právě v tomto ohledu asi není dobré, protože patří k tomu lepšímu co stát vydává.

Spíš bych se přimlouval za hlubší výklad pravidel s příklady, jak prakticky dané pravidlo naplnit (třeba i za pomoci odkazů na jiné weby).

Jestli spolupráce tří řešitelů byla úspěšná ukáže až čas. Osobně věřím v prospěšnost podobného snažení. Na každý pád je třeba, aby měl o základních pravidlech přístupnosti ponětí každý tvůrce webu.

Safari 3 pro Windows

Apple zveřejnil beta verzi chystaného webového prohlížeče Safari 3 také pro uživatele Windows XP a Windows Vista. Pro mě osobně je to jedna z největších událostí letošního roku na poli webdesignu. Volám hurá.

Chci zdůraznit, že tento spot vznikl na základě necelé hodiny přerušovaného testování.

Download prohlížeče Safari

Ke stažení je beta verze pro Windows XP a Vista (vč. varianty s QuickTime) a Mac OS X v10.4.9 a vyšší. Já stáhnul verzi pro Windows bez QuickTimu, která má velikost necelých 8 MB.

Instalace

Po stažení jsem nelenil a na svých českých Vistách jsem spustil SafariSetup.exe:

Úvodní obrazovka instalace

Úvodní obrazovka průvodce instalací Safari 3

V průvodci instalačního programu jsem zakázal službu Bonjour (zjišťuje sdílená zařízení v lokální síti) i Apple Software Update. Instalace proběhla hladce a na Ploše a v nabídce Programy přibyla ikona Safari:

Safari na Ploše

Ikona Safari 3 na Ploše Windows Vista

Instalace Safari 3 je hladká a bezproblémová.

První spuštění

První spuštění proběhlo hladce:

Prohlížeč Safari 3

Safari 3 po prvním spuštění

Po prvním startu Safari otevřelo stránku na webu Apple. Přiznám, že pro mě bylo trochu nezvyklé, že jsem nemohl měnit velikost okna prohlížeče tažením myši za libovolný okraj okna. Pro změnu velikosti okna Safari je použitelný jen pravý dolní roh. A pokud je vypnutý stavový řádek (výchozí stav), tak se na něm navíc ani nezmění tvar kurzoru myši.

Podle zvyku jsem okamžitě zabrousil do nastavení aplikace. Trochu nezvyklé bylo, že dialog pro nastavení nemá žádná tlačítka.

Začal jsem brousit po různých webech. Na svém conVERTERu jsem se lehce zděsil, protože texty některých odkazů a zvýrazněné texty zmizely. Začal jsem horečně pátrat i na jiných webech a trochu jsem se uklidnil. Stejnou chybu jsem našel i na jiných webech, třeba na Seznamu:

Seznam.cz

Chybějící texty odkazů na Seznam.cz

Protože chci Safari používat jako další testovací prohlížeč doufám, že vývojáři tuto chybu opraví.

Padavka

Pak jsem zabrousil na Google. Tady se velmi rychle projevilo to, o čem jsem četl v diskuzi na Živě u článku Třetí verze prohlížeče Safari bude dostupná i pro Windows. Velká nestabilita betaverze Safari 3. Stačilo zadat pár znaků do vyhledávacího pole na Google a Safari šlo do kytek. Nepomohl nový start Safari ani restart počítače. Na to, že testuji beta verzi, je to špatná vizitka pro vývojáře.

Na každý pád jsem nadšený, že Apple poskytne webový prohlížeč Safari 3 také uživatelům Windows. Je to velmi dobrá zpráva hlavně pro vývojáře webových stránek. A možná si Safari najde cestu i k běžným uživatelům.

Souvislosti

Síla zvyku

Když už si na něco uživatelé na něco zvyknou, tak se jen velmi těžce smíří s novým, byť lepším, řešením.

Dnes ráno jsem se ocitl v křížové palbě dvou kolegů, kteří dva dny používali novou sestavu, kterou jsem (bohužel) nad rámec jejich požadavků upravil. A že jsem se snažil. Veškerý svůj typografický a informačně architektonický um jsem napřímil směrem k lepší sestavě. Velikost fontů jsem sjednotil, co patřilo k sobě jsem k sobě dal, vzhled jsem odlehčil odstraněním nadbytečných prvků, texty zarovnal do sloupců atd. Musel jsem sám sebe po ramenou poplácat, ba i uznale nad svým dílem hlavou pokývat. Tahle samolibost mi ale vydržela jen do chvíle, než mi na stole přistála zmíněná sestava opatřená několika korektorskými poznámkami.

Obul jsem tedy vycházkovou obuv a vyrazil na dílnu. Dál se nebudu ani moc rozepisovat. Lidé si zvykli, že osobní číslo je vpravo nahoře a související jméno je vlevo dole a další údaj uprostřed. Proti síle zvyku byl každý argument velmi chabý. Poslední zoufalý přípodotek, že si rychle zvyknou na novou sestavu a ještě budou rádi, se taky nesetkal se všeobecným pochopením. Srazil jsem paty, vyběhl zpátky do kutlochu a sestavy jsem zase odroloval zpět.

A jaké z toho plyne poučení? Ptejte se uživatelů. Testujte každou změnu. A úplně nejlepší bude, když vše navrhnete tak dobře, aby se do toho už vůbec nemuselo vrtat.