Devel.cz Lupa Měšec Podnikatel Root Zdroják.cz DigiZone Slunečnice Vitalia TopDrive KupDnes Navrcholu NovýTarif Dobrý web Weblogy Woko Jagg Computer.cz SK: MojeLinky

Hlavní navigace

Články s nálepkou překlady

Minulost, současnost a budoucnost lokálního úložiště pro HTML5 aplikace

Trvalé lokální úložiště je jednou z oblastí, kde měly nativní klientské aplikace (desktopové) výhodu nad webovými aplikacemi. Představme si současné možnosti webových aplikací pro lokální ukládání dat.

Canvas - říkejme tomu plocha na kreslení

Podívejme se na canvas z HTML5. Předvedeme si kreslení základních tvarů, cest, barevných přechodů a používání obrázků. Nakonec zkusíme v canvasu naprogramovat hru Halma.

Dojo Toolkit: pokročilé techniky

V závěrečné části představení javascriptového frameworku Dojo Toolkit si předvedeme některé pokročilejší techniky, které vám umožní naplno využívat dědičnost objektů. Dojde také na popis práce s jmennými prostory Dojo Toolkitu.

Vytváříme nepřátele do pseudo 3D hry v HTML5 canvasu

Nedávno jsme si vytvořili pěknou implementaci Wolfensteina. Dnes do ní vedle hráče přidáme i další bytosti - strážce. Ti budou hráče vytrvale pronásledovat, pokud jim v tom nebude zrovna bránit zeď nebo jiná překážka. Jakmile hráče dostihnou, tak se na něj upřeně podívají a...

Přidáváme objekty do pseudo 3D hry v HTML5 canvasu

Posledně jsme naši implementaci Wolfensteina zrychlili, dnes ji pro změnu zkrášlíme. Přidáme do herní plochy (do našeho hradu) několik objektů, s pomocí kterých herní prostředí vytvoří tu správnou atmosféru. Prováděné změny v kódu budeme komentovat, abyste jim porozuměli a příště to zvládli sami.

Optimalizujeme pseudo 3D hru v HTML5 canvasu

Možná si ještě vzpomenete na článek, ve kterém jsme vytvářeli Wolfensteina pomocí JavaScriptu přímo v prohlížeči. Dnes budeme pokračovat. Nejprve zlepšíme rychlost a pak začneme vylepšovat hru samotnou. Opět budeme používat pouze HTML, JavaScript a kaskádové styly.

Vytváříme kreslicí aplikaci s HTML5 canvasem (dokončení)

Jsme tu opět s návodem k používání canvasu. V dnešním druhém dílu dokončíme naši kreslicí aplikaci, přidáme další kreslicí nástroje (kreslení obdélníků a úseček) a zmíníme řadu nápadů, jak můžete výslednou aplikaci sami vylepšit.

Vytváříme kreslicí aplikaci s HTML5 canvasem

Zvládli jste základy práce s canvasem a přemýšlíte, co dál? Ukážeme, jak pomocí obsluhy událostí můžete canvas proměnit v kreslicí aplikaci. V dnešní první části se soustředíme na základní kreslení pomocí sledování kurzoru myši.

Vyvracíme mýty okolo Dojo Toolkitu (dokončení)

Jaký je Dojo Toolkit? Budou aplikace v něm napsané pěkné, validní a budou spolupracovat s dalšími knihovnami? Má Dojo rozumnou podporu? Dnes přinášíme poslední část textu o Dojo Toolkitu od Dylana Schiemanna. Nenaučíte se z něj sice Dojo používat, ale dozvíte se vše, co k tomu potřebujete.

Vyvracíme mýty okolo Dojo Toolkitu (pokračování)

Jaký je Dojo Toolkit? Je pravda vše, co se o něm tvrdí? Dylan Schiemann se snaží vyvrátit některé mýty a neaktuální tvrzení o Dojo Toolkitu. Dnes vám přinášíme druhou část překladu jeho textu. Nenaučíte se z něj sice Dojo používat, ale dozvíte se vše, co k tomu potřebujete.

Vyvracíme mýty okolo Dojo Toolkitu

Dylan Schiemann napsal text, ve kterém oponuje některým tvrzením panujícím okolo javascriptového frameworku Dojo. Zároveň se mu podařilo shrnout zajímavé informace o Dojo, proto jsme se rozhodli tento text představit i vám. Nenaučíte se z něj sice Dojo používat, ale dozvíte se vše, co k tomu potřebujete.

Začínáme s HTML5 canvasem: texty, stíny, gradienty

Canvas z HTML5 můžete na webu používat už dnes. Dnes dokončíme představení možností canvasu a předvedeme si navíc i některé vlastnosti, které dosud všechny prohlížeče nepodporují, jako je práce s textem nebo gradienty. Ukážeme si, jak pracovat s obrázky na úrovni pixelů.

Začínáme s HTML5 canvasem

Canvas je pravděpodobně jednou z nejrevolučnějších značek HTML5. V dnešním článku si tuto značku představíme a naučíme se její základní použití. Ukážeme, jak pomocí ní kreslit základní geometrické útvary přímo do webové stránky.

Graceful degradation vs. progressive enhancement

Co je to graceful degradation? A co znamená progressive enhancement? Proč bychom neměli tyto metody ignorovat? Čím se vyznačují a kdy kterou z nich použít? To se dozvíte v dnešním článku.

Příkazy pro Ubiquity: rady pro pokročilé

Dnešním dílem uzavřeme seriál o tvorbě příkazů pro Ubiquity. Naučíte se ovládat panely prohlížeče z příkazů, vytvářet asynchronní datové typy, volat další rozšíření nebo vytvořit celé rozšíření pomocí Ubiquity příkazu. K ladění vašich příkazů můžete použít konzoli Firebugu.

Příkazy pro Ubiquity používající argumenty

Ubiquity je revoluční rozšíření Firefoxu. Vytvářet pro něj jednoduché příkazy byste již z minulých dílů měli umět. V tomto dílu se naučíte vytvářet příkazy, které používají argumenty. Naučíte se také používat v příkazech TinyURL a posílat zprávy na Twitter.

Tvoříme příkazy pro Ubiquity: metadata, přidávání a aktualizace

Ubiquity je revoluční rozšíření Firefoxu. V dnešním pokračování návodu o tvorbě příkazů zabředneme do složitějších skriptů, ukážeme si použití metadat, předvedeme si, jak nabídnete váš příkaz ostatním uživatelům a jak pracovat s mapou. Uvidíte, že je to hračka. Postačí vám umět jen trochu JavaScript.

Jak vytvářet vlastní příkazy pro Ubiquity ve Firefoxu

Ubiquity je revoluční rozšíření prohlížeče Firefox, které umožňuje přidávání dalších příkazů do rozhraní prohlížeče. Pokud si chcete Firefox rozšířit, není nic snazšího, než se naučit vytvářet příkazy pro Ubiquity. Jak na to si povíme v tomto článku.

Kódujme sémanticky s mikroformáty: náměty a problémy

Dnes náš seriál o používání mikroformátů zakončíme. Zmíníme témata, na která nebyl v předchozích dílech prostor a popíšeme některé problémy, na které můžete při používání mikroformátů narazit. Na řadu přijde i Sémantický web a rozsáhlý seznam nástrojů, které s mikroformáty pracují.

Jak vytvořit pseudo 3D hry v HTML5 canvasu s raycastingem

Stále častěji se objevují hry napsané pomocí HTML a JavaScriptu. Ale ne každý umí pomocí nich naprogramovat hru, která používá 3D zobrazení. V článku najdete návod k napsání herního enginu připomínajícího známou hru Wolfenstein 3D. Použijeme k tomu HTML, JavaScript a kaskádové styly.

Kódujme sémanticky s mikroformáty: hResume

Seriál o mikroformátech se nám pomalu uzavírá. Dnes si představíme mikroformát hResume, který slouží pro psaní životopisů. Ačkoliv je tento mikroformát teprve ve stádiu návrhu, používá jej např. známá sociální síť LinkedIn. Ukážeme si silné i slabé stránky hResume a nástroje pro jeho generování.

Automatické číslování pomocí kaskádových stylů

Pomocí kaskádových stylů můžete nechat automaticky číslovat nadpisy, obrázky, tabulky a další části (X)HTML dokumentů. S příchodem Internet Exploreru 8 budou čítače podporovány všemi majoritními prohlížeči. Pojďme se proto podívat, jak můžete automatické číslování použít i ve svých dokumentech.

Kódujme sémanticky s mikroformáty: hAtom

Mikroformát hAtom, jak již název vypovídá, se inspiruje ve formátu Atom. Pomocí hAtom můžete přímo v HTML vyznačit obsah, který má být syndikován. Předvedeme, jak se hAtom vytváří a ukážeme si některé nástroje, které s ním umí pracovat. Mikroformát hAtom inspiroval i vývojáře Internet Exploreru 8.

Kódujme sémanticky s mikroformáty: hCalendar (dokončení)

Mikroformát hCalendar se používá k sémantickému zápisu událostí a časem vymezených aktivit do HTML a XHTML kódu. V tomto dílu si představíme webové aplikace, které hCalendar používají a některé nástroje, které s ním umí pracovat. Naučíme se také kombinovat hCalendar s dalšími mikroformáty.

Kódujme sémanticky s mikroformáty: 4. část - hCalendar

Pokud chcete do webových stránek vkládat informace o událostech (obecně jakékoliv položky, které mohou být součástí kalendáře), můžete využít mikroformát hCalendar. V dnešním díle představíme, k čemu hCalendar slouží a nastíníme jeho základní strukturu (vlastnosti a podvlastnosti).

Kódujme sémanticky s mikroformáty: hCard (dokončení)

Mikroformát hCard je určen k sémantickému zápisu kontaktních údajů do (X)HTML kódu webových stránek a aplikací. Dnes si představíme jeho použití pro zápis firemní vizitky, ukážeme si, jak lze hCard kombinovat s mikroformátem XFN a předvedeme, jak hCard může využít koncový uživatel.

Kódujme sémanticky s mikroformáty: 3. část - hCard

Mikroformát hCard slouží k sémantickému vkládání kontaktních údajů do kódu vašich webových stránek a aplikací. Jeho datové položky se shodují se známým formátem vCard. Pokud potřebujete na web umístit adresu, fotografii, telefon a jiné kontaktní údaje, přijde vám hCard určitě vhod.

Kódujme sémanticky s mikroformáty: 2. část - XFN

Mikroformát XFN slouží k označování vztahů mezi lidmi a dají se pomocí něj budovat i sociální sítě. Chcete odkázat svého kamaráda, kolegu nebo milenku? Pak rozhodně potřebujete XFN! Podobně jako další mikroformáty, slouží XFN k vkládání strojově čitelných informace přímo do kódu vašich stránek.

Kódujme sémanticky s mikroformáty: 1. část - rel

Mikroformáty umožňují vkládat strojově čitelné informace přímo do (X)HTML kódu vašich webových stránek a aplikací. V dnešním dílu si představíme ty mikroformáty, které používají atribut rel, jako jsou mikroformát rel-home, rel-me, rel-tag a rel-licence. Ukážeme si i některé nástroje, které s nimi umí pracovat.

Kódujme sémanticky s mikroformáty: úvod

Mikroformáty (anglicky microformats nebo µf) umožňují vkládat strojově čitelné informace přímo do (X)HTML kódu vašich webových stránek a aplikací. V dnešním úvodním článku do seriálu o používání mikroformátů si představíme, k čemu mikroformáty slouží a vyjmenujeme si hlavní z nich.