Minulý týden jsme vytvořili digitální hodiny poháněné jQuery &CSS3. V této aktualizaci přidáme podporu pro nastavení budíků pomocí zvukového prvku HTML5. Nápad Abychom rozšířili digitální hodiny o podporu budíků, musíme do kódu z minulého týdne přidat několik zásadních funkcí: Potřebujeme lidem um
Od nástupu mobilních zařízení se webové stránky stále více mění v „aplikace“. Koncepty, které mají smysl pro lokálně běžící aplikaci, se přenášejí na web. Jedním z nich je nedávné přidání „ukazatelů průběhu“ na některé weby Google, které ukazují stav načítání stránky. V tomto rychlém tipu použijeme
Progress bary se v poslední době staly docela populárními a existuje spousta pluginů, které vám mohou pomoci přidat jeden na váš web. Ale jak si takový vyrobit sám? Problém je v tom, že již existuje spousta implementací, takže v tomto tutoriálu budeme kódovat něco jiného – tlačítka, která mají zabud
Bezpečnost a soukromí jsou v současnosti žhavá témata. Je to pro nás příležitost podívat se introspektivně na způsob, jakým přistupujeme k bezpečnosti. Vše je otázkou kompromisu – pohodlí versus úplné uzamčení. Dnešní tutoriál je pokusem zkombinovat trochu obojího. Aplikace, kterou dnes vytvoříme,
Pěkná fotografie má daleko k tomu, aby design vynikl. Ale my v Tutorialzine jsme si uvědomili, že někdy jeden obrázek nestačí a to, co opravdu potřebujete, je plynulá prezentace obrázků, která upoutá pozornost uživatele a vnese do aplikace dynamiku. Implementace takovýchto prezentací však může být n
Myslíte si, že znáte JavaScript a jQuery? Dokažte to tím, že přijmete naši výzvu! Budete čelit nepřátelům, šéfům a více než dost divům, aby se dospělý webový vývojář rozplakal. Budete potřebovat šílené dovednosti JavaScriptu a jQuery a přestávku na oběd, abyste je všechny dokončili. A nejlepší část?
jQuery je skvělá knihovna. Bylo to v době, kdy byl IE6 prohlížečem číslo jedna. Tehdy existovaly zvláštnosti a rozdíly, které bylo únavné obejít, a jQuery byl perfektní nástroj pro psaní kódu napříč prohlížeči. Dnes však webové prohlížeče od té doby značně pokročily. Můžeme pohodlně používat všechn
Dnes se s vámi chceme podělit o skvělý experiment. Je to roztomilý prohlížeč souborů, který můžete nahrát do složky někde na vašem webu a sdílet dokumenty, obrázky a další soubory se světem. Aplikace je postavena na PHP a jQuery a široce využívá CSS3 – při návrhu nebyly použity žádné obrázky ani iko
V tomto tutoriálu vytvoříme skrýš s PHP a jQuery, který umožní návštěvníkům vašeho webu zanechat si navzájem krátké komentáře. Výkřiky budou uloženy na serveru jako soubory, nebude vyžadována žádná databáze jako MySQL. Pro usnadnění použijeme dvě PHP knihovny - Flywheel pro ukládání výkřiků jako sou
Vývoj webu je těžký a je co se učit. Vývojáři a designéři musí mít přehled o spoustě nových technologií a trendů. Ale komunita je plná aktivit a vytváří úžasné knihovny a pluginy, které nám mohou pomoci dělat naši práci. Zde jsou některé z našich oblíbených. Ne všechny byly vydány letos, ale všechny
V tomto tutoriálu vytvoříme mini systém nápovědy s jQuery. Bude to malý widget, který zobrazí nápovědu nebo průvodce uživatelům vaší webové aplikace. Obsah widgetu bude možné prohledávat v reálném čase a všechny odpovídající výrazy budou zvýrazněny. Nápad Aby tento příklad fungoval, musíme udělat t
Grafy jsou skvělou vizuální pomůckou při prezentaci dat. Bez nich nemůžete vytvořit profesionální administrátorský panel. Jejich nastavení je také složité. Existuje však nová knihovna, která věci usnadňuje – xCharts. Dnes jej použijeme spolu s nástrojem pro výběr datového rozsahu pro Twitter Bootstr
Tumblr je blogovací služba s elegantním rozhraním pro vytváření a publikování obsahu. V tomto tutoriálu jej použijeme jako základ systému publikování zpráv. Chystáme se vyvinout jednoduchý widget, který bude cyklicky procházet nejnovějšími příspěvky na blogu Tumblr a prezentuje je jako novinky vašim
V tomto tutoriálu vytvoříme jednoduchou webovou aplikaci, která vám umožní přetáhnout fotografii z počítače do okna prohlížeče a aplikovat na ni filtry podobné instagramu. Pro tento účel použijeme řadu JavaScriptových knihoven a pluginů: Caman.js – jedná se o výkonnou knihovnu pro manipulaci s plát
jQuery má úžasnou komunitu programátorů, kteří vytvářejí neuvěřitelné věci. Může však být obtížné prosít všechno, co se uvolní, a najít drahokamy, které jsou absolutní nutností. To je důvod, proč v tomto příspěvku najdete sbírku 50 nových pluginů jQuery a knihoven JavaScriptu, které při správném pou
V tomto tutoriálu vytvoříme formulář pro nahrávání souborů AJAX, který umožní návštěvníkům nahrávat soubory z jejich prohlížečů přetažením/upuštěním nebo jejich individuálním výběrem. Za tímto účelem zkombinujeme výkonný plugin jQuery File Upload s elegantním jQuery Knob, abychom představili úhledné
jQuery je dnes bezpochyby nejpopulárnější JavaScript knihovnou na webu. Používá ho 70 % špičkových webů a stává se defacto standardem ve vývoji webu. Pokud hledáte práci v programování, znalost knihovny je velké plus. Věci pokročily také v oblasti kvality a dostupnosti učebních materiálů. Jinými sl
Před rokem jsem publikoval tutoriál o vytvoření webové aplikace pro předpověď počasí, která využívá rozhraní API Yahoo a vestavěné funkce geolokace v prohlížeči. Nedávno však společnost Yahoo přestala používat tato bezplatná rozhraní API, takže dnes převedeme webovou aplikaci na jinou službu – OpenW
Všichni milujeme jQuery. Tato stránka je dokonce věnována budování krásných příkladů, které využívají knihovnu. Existují však situace, ve kterých jQuery není chytrou volbou. Pokud jej používáte pouze pro jednoduchou manipulaci DOM nebo požadavek AJAX či dva, proč zpomalovat načítání stránky a zavádě
Chci se podělit o malý experiment se čtenáři Tutorialzine - TouchTouch. Jedná se o plugin jQuery, který promění sbírku fotografií na webové stránce na dotykovou mobilní galerii. Funguje ve všech hlavních prohlížečích (kromě IE7 a nižších) a co je nejdůležitější, je speciálně navržen s ohledem na iOS