neděle 30. listopadu 2008

Slidy z přednášky Představení HTML5

Před týdnem jsem měl na semináři Junior Internet přednášku Představení HTML5.

Pro zájemce vystavuji slidy.

Předváděl jsem i několik online ukázek, jejich přehled najdete v mých Del.icio.us záložkách.

pondělí 17. listopadu 2008

Formulářové prvky dostanou placeholder

Všimli jste si, že řada webů dnes používá v hledacích polích malou nápovědu? Jedná se o text, který se zobrazuje, když je textové pole prázdné. Jakmile do pole umístíte kurzor, abyste začali psát, nápověda zmizí. Typicky se jedná o text "Zadejte hledaný výraz", "Váš e-mail", "www.example.cz", který jednak uživateli s psaním pomůže a také upoutá pohled uživatele k formuláři.

V poněkud sofistikovanějším provedení takové řešení můžete vidět vpravo nahoře na www.weblogy.cz (tam je kromě textu zobrazeno i logo Googlu). Prázdné textové pole je nevyužitá plocha, proč ji nevyužít (v případě Googlu dokonce k propagaci značky).

K realizaci takové nápovědy je ovšem nutný JavaScript. Podle moudrého pravidla úkoly, které se dělají často, by se měly dát dělat jednoduše textovým formulářovým prvkům nově přibude atribut placeholder, který výše uvedenou funkcionalitu zastane. Použití je snadné:

<input type="email" placeholder="jan@example.cz">

Atribut placeholder dostane nejen input s type="text", ale i nově zavedené značky z WebForms2, např. type="email", type="url" apod.

Specifikace říká, že placeholder má obsahovat krátkou nápovědu sloužící uživateli k vyplnění pole. K delší nápovědě může být použit např. atribut title. Prohlížeče text atributu placeholder zobrazí pouze v případě, kdy je formulářové pole prázdné a nemá focus.

Více najdete v příslušném diffu specifikace (musíte odscrollovat až téměř nakonec).

pátek 14. listopadu 2008

Přehledný dokument jazyka HTML5

Jelikož specifikace HTML5 je relativně dlouhá a primárně určená pro implementátory nikoliv webdesignery, pokouší se Michael Smith z ní připravit jednoduchý výtah, který by byl pro designery a kde by šlo přehledně nalézt pouze informace o jazyce HTML (bez informaci o DOM apod.).

Pracovní návrh je tohoto dokumentu vám k dispozici.

úterý 4. listopadu 2008

Libo být editorem budoucnosti HTML?

Specifikace HTML5 není zrovna malá. Když se jejího editora Iana Hicksona někdo zeptá, proč některé části nevyčlení do zvláštních specifikací (protože by z logických důvodů lépe fungovaly zvlášť, jmenujme například canvas) odpoví, že by mohl, ale není po ruce editor, který by si vzal vyčleněnou specifikaci na starosti. Ve výsledku by to proto znamenalo nikoliv onu část vyčlenit, ale zahodit. Proto některé části setrvávají (a nejspíš i navěky setrvají) uvnitř HTML5.

Nedávno si dal Ian práci a zmíněné části zveřejnil včetně odhadu, kolik by zabraly editorovi času. (Velmi doporučuji, abyste se na ten čas podívali, ať máte představu, jak dlouho může vytvoření pořádné specifikace trvat a vzpomeňte si na to, až si budete někdy stěžovat, že specifikace XY není tak dokonalá, jak byste si přáli!)

Zároveň Ian přidal nápady, které se do HTML5 už nedostanou, ale které by stáli za realizaci (např. 3D mód canvasu).

Vypisuji jednotlivá témata, pro podrobnější popis se podívejte do původního mailu:
  1. HTML5 Rendering and UA behavior
  2. Interaction events
  3. 3D Canvas
  4. UndoManager
  5. Stylesheet DOM
  6. URL
  7. Common DOM interfaces
  8. Content-Type handling and content sniffing
  9. 2D Canvas
  10. Platform Core
Co myslíte, najde se editor aspoň na jedno z nich? A kdo je zaplatí? Jsem sám zvědav.