Zprávičky v rubrice Zajímavá řešení

Nejspíš jste uhodli, že odpověď zní: „Ano, může.“ Jos Dirksen předvedl své řešení pro prohlížeč Google Chrome, ve kterém využívá přístupu k webkameře, pomocí canvasu analyzuje světelnost jejího záznamu, a následně tomu přizpůsobí barvy webové… Více

Bezpečnost. Pozor na přímý přístup k databázi. To jste určitě slyšeli (a nejspíš i děláte). Autor projektu Schemaverse zvolil trochu jiný přístup. Vytvořil víceuživatelskou vesmírnou strategickou hru přímo v databázi PostreSQL (pro přesnost:… Více

Kompilátorů z různých jazyků do JavaScriptu přibývá a z původních hraček se pomalu proměňují na nasaditelné nástroje. Projekt JSIL je k dispozici pod MIT licencí, co všechno umí zjistíte, když si projdete funkční dema a ukázky kódů na stránce… Více

Amazon S3 je jedna z cloudových služeb Amazonu, už jsme o ní psali (viz S3: hostujeme statický web v cloudu během pěti minut a Používáme datové úložiště Amazon S3). Tvůrci služby Spool přišli se chytrým řešením, napsali si emulátor S3 nazvaný Fake… Více

Pravděpodobně logujete (a sledujete) chybové hlášky vaší aplikace, které vzniknou na serveru, ale máte přehled i o těch, které vzniknou v JavaScriptu na prohlížeči uživatele? Možné to je. Využijte k tomu událost window.onerror , která je vyvolána… Více

Little Workshop s Mozillou představili BrowserQuest, experimentální massive multiplayer hru s klientskou částí vytvořenou v HTML5 pomocí canvasu a WebSocket. Zdrojové kódy najdete na Githubu, serverová část běží na Node.js. Hra se načítá velmi… Více

O poměrně zajímavém frameworku Backbone.js jsme tu už dříve psali. Projekt Backlift slibuje být řešením a současně hostingem pro Backbone.js aplikace, dle jejich tvrzení si vystačíte s psaním javascriptového řešení na klientovi a nebudete muset… Více

Jedná se o další ukázku z řady „naprogramuj něco fungujícího v několika málo znacích“. K vytvoření téhle jednoduché javascriptové hry a la Tron postačilo pouhých 221 znaků, tj. pro srovnání méně než je rozsah dvou Tweetů a rozhodně méně než je… Více

CrazyPong je předělávka staré hry pro DOS do webového prohlížeče s využitím canvasu v HTML5 a CSS3. Zajímavostí je, že je vydána pod licencí GNU GPL3 a její zdrojové kódy můžete najít na Githubu. Více

Broadway je demo, postavené na kodeku H.264 v C++, přeloženém do llvm, převedeném do JS pomocí emscripten a optimalizovaném pomocí Google Closure compileru. Na nočních sestaveních Firefoxu běží rychlostí až 30fps (viz video). Zůstane jen… Více

Mathieu Henry na svém blogu zveřejnil kuriozitu: JavaScriptovou funkci, která generuje zvukové soubory a vejde se do 140 znaků, tedy do jednoho tweetu. function(f){for(var t=0,S='RIFF_oO_WAVEfmt '+… Více

Na blogu MSDN vyšel článek Handling Multi-touch and Mouse Input in All Browsers, v němž autor ukazuje, jak řešit uživatelskou interakci (příklad: drag and drop) pomocí myši i dotykového ovládání, a to pro různé prohlížeče. Více

Tutoriálový článek na blogu One Fork ukazuje, jak lze jednoduše integrovat JS testy coby CLI nástroj (a využívat je například při commitu do VCS). Popisovaný postup využívá nástroj PhantomJS (viz článek na Zdrojáku), který je dostupný pro všechny hlavní platformy. Více

Blogování pomocí Github Pages je poměrně ajímavá alternativa, využívaná zejména vývojáři. Existují i specializované nástroje, které slouží jako sui generis „offline blogovací CMS“. Jak migroval blog z Wordpressu na Github (+ nástroj Jekyll) popisuje Ladislav Prskavec. Více

Baví vás jednoduché „casual“ hry a hříčky? JavaScript v kombinaci s Canvasem (a někdy i WebGL) už je dostatečně mocným nástrojem, jak ukazuje stejnojmenný článek. Pokud vás vytváření her pro prohlížeče zajímá, tak stay tuned – na Zdrojáku se budeme tomuto tématu věnovat… Více

Tutoriál na MobileTuts+ ukazuje, jak vytvořit HTML aplikaci pro mobilní zařízení v režimu „fullscreen“. V praxi jde o to, jak odstranit prvky, které přidává prohlížeč, jak zabránit posouvání nebo změně velikosti stránky a jak ošetřit například kliknutí na odkazy s „kotvou“. Více

WYSIWYG editory pro psaní HTML coby rozšíření elementu Textarea jsou k dispozici už poměrně dlouhou dobu. Od klasických „Word-like“ editorů (TinyMCE apod.) až po specializované editory např. pro diskusní fóra. V poslední době se objevují editory,… Více

Hry napsané v Javascriptu, které používají canvas, se tu objevují poměrně často. Dnešní hra je tak trochu výjimka. Nejedná se o remake staré hry, ale o „originální“ starou hru, která běží v emulátoru PC, napsaném v JavaScriptu: Paratrooper. Více

Nejen chemiky by mohla zaujmout ukázka CanvasMol – vizualizace molekul pomocí Canvasu a JS. Více

Žhavá novinka WebGL pomalu přichází, ale jeho (zatím) neuspokojivá podpora v prohlížečích brzdí vývojáře v rozletu. Pokud jste v podobné situaci a máte na stole aplikaci, která by byla „jako dělaná“ pro WebGL, ale obáváte se nasazení, „protože… Více

CoffeeTable je jednoduchá konzole, kterou lze vložit do webové stránky a jejím prostřednictvím interaktivně zadávat příkazy (podobně jako konzole ve Firebugu či jiných ladicích nástrojích). Rozdíl je ten, že CoffeeTable používá, jak už název… Více

Technologie z rodiny HTML5 umožňují vytvářet HTML aplikace, které fungují i bez připojení. Klíčovým prvkem je aplikační cache, která pracuje s tzv. manifestem (bližší info viz článek o AppCache na Zdrojáku). Usnadnit vytváření manifestu by mohl… Více

V rámci projektu JSLibs vznikl i seznam tipů a triků pro JavaScript. Naleznete v něm nejen běžné úlohy, ale i některé tipy, využívající pokročilé vlastnosti jazyka a syntaktické „lahůdky“. Více

Se zajímavou myšlenkou přišel Identity Team z Mozilla Labs. Jejich návrh nese název BrowserID a měl by usnadnit přihlašování na různé weby pouze pomocí mailové adresy, která je ověřena při prvním přihlášení. Jedná se zatím jen o návrh, který jistě… Více

Pokud používáte textarea ve formuláři, funguje Enter jako odřádkování. Uživatel musí, když chce odeslat formulář, z textarea „vyskočit“ nebo myší kliknout na odesílací tlačítko. Možným usnadněním pro uživatele je např. odeslání po stitku… Více

Colin Eberhardt napsal před několika měsíci ovládací prvek JumpList pro Windows Phone 7. Tento prvek usnadňuje procházení jmenných seznamů (např. seznam kontaktů) na dotykových displejích. V článku From Silverlight to HTML5 ukazuje podrobně postup… Více

Šikovný plugin, který využijete v případech, kdy má uživatel na stránce vyplnit seznam tagů – štítků, nese název jQuery Tags Input. Jak je u jQuery pluginů zvykem, je napsán jako minimal obtrusive skript, který funguje nad obvyklým řešením, tj… Více

Firefox od verze 4 obsahuje podporu pro práci se zvukem – a tím není míněn tag AUDIO, ale plnohodnotné API pro práci se zvukem, nazvané Audio Data API. Prohlížeč Chrome nabízí obdobné API s názvem Web Audio API (musíte si jej ale povolit… Více

Pokud potřebujete do svého README souboru nějaký jednoduchý diagram, použijete pravděpodobně postup, známý už „odpradávna“: využijete znaky =, |, +, v, ^ a další podobné a pomocí nich nakreslíte požadovaný diagram. Práci vám může ušetřit webová… Více

Na Zdrojáku jsou velmi oblíbená jednokilobajtová JS dema – vzpomeňme na rotující vánoční stromek nebo na šachy, co neumí rošádu. Pro všechny milovníky podobnách kousků máme dobrou zprávu: byly vyhlášeny výsledky dalšího ročníku soutěže JS1k. Pokud… Více