Dnes budeme používat geolokační API HTML5 k tomu, abychom uživateli poskytli personalizovanou předpověď počasí. Pomocí jQuery odešleme požadavek AJAX dvěma oblíbeným rozhraním API Yahoo, abychom získali další geografické informace a předpověď počasí. Tento příklad také využívá nádhernou sadu ikon cl
V tomto tutoriálu vytvoříme portfolio s HTML5, jQuery a CSS3, které se vyznačuje zajímavým rostoucím efektem. HTML Jako obvykle začínáme s prázdným dokumentem HTML5 a přidáváme potřebné šablony stylů, značky a JavaScript. <!DOCTYPE html> <html> <head> <meta charset=
Minulý rok jsem publikoval malý návod o sestavení úhledného odpočítávacího časovače. Jeden z požadavků, které od té doby dostávám, je způsob, jak změnit kód tak, aby se počítal – zobrazující čas, který uplynul od otevření stránky nebo nějaký jiný okamžik. To je vlastně docela snadné a bude to skvěl
WordPress je skvělý nástroj pro založení blogu. Díky obrovskému množství pluginů a motivů v kombinaci s API, které zasahuje do všech koutů systému, s ním můžete vytvořit téměř jakýkoli druh webové aplikace. To jej posouvá z redakčního systému na plnohodnotnou platformu pro tvorbu webových aplikací.
V tomto tutoriálu vytvoříme jednoduchý vyhledávač produktů. Pomocí jQuery a PHP se napojíme na rozhraní Google Shopping Search API a vrátíme seznam položek dostupných k zakoupení spolu s cenami, fotografiemi a dalšími užitečnými informacemi. Rozhraní API pro vyhledávání v Nákupech nám poskytuje přím
Dnes budeme vyrábět něco čistě pro zábavu - gravitační galerii. Bude to skript, který spustí vyhledávání na Instagramu, načte a zobrazí fotografie v mřížce a poté použije knihovnu Box2D k simulaci fyzických interakcí mezi nimi. A to vše v méně 40 řádcích JS! Podívejme se, jak se to dělá. Nápad Bud
Před několika týdny Dropbox představil úhlednou novou funkci - Dropbox Chooser. Tím, že jej vložíte na svůj web, poskytnete uživatelům tlačítko, pomocí kterého mohou připojit soubory ze svého online úložiště. Dnes pomocí této funkce vytvoříme jednoduchou aplikaci, která lidem umožní připojit fotogr
Toto je druhá část dvoudílného tutoriálu, ve kterém pomocí PHP, MySQL a jQuery mobile vytvoříme jednoduchý počítačový webový obchod. V předchozí části jsme vytvořili modely a ovladače a tentokrát budeme psát naše názory. jQuery mobile Nejprve si řekněme pár slov o knihovně, kterou budeme používat.
V tomto krátkém tutoriálu vytvoříme plugin jQuery, který zamíchá textový obsah libovolného prvku DOM – zajímavý efekt, který lze použít v nadpisech, logech a prezentacích. Kodex Prvním krokem je napsat páteř našeho pluginu jQuery. Kód vložíme do samospouštěcí anonymní funkce a rozšíříme $.fn . asse
Webdesignéři se ocitají v těžké situaci – musí vytvořit krásná uživatelská rozhraní, která jsou intuitivní a zároveň použitelná. Někdy, navzdory našemu opravdovému úsilí, může být pro začínající uživatele obtížné používat webové aplikace. Jedním z řešení je vytvořit nějakou prohlídku funkcí vaší apl
HTML5 přineslo spoustu nových značek a nová pravidla, jak by se měly používat ty staré. Jedním z nich je vstupní prvek rozsahu neboli posuvník. Tento ovládací prvek je v operačních systémech k dispozici po desetiletí, ale teprve nyní si našel cestu do prohlížeče. Důvodem tohoto zpoždění je pravděpo
Jednou z výhod nových verzí prohlížeče každých šest týdnů je rychlé tempo zavádění nových funkcí. Přechod od nočních sestav k oficiálním verzím zbývá jen několik týdnů. To znamená, že i ti z vás, kteří bedlivě sledují seznamy funkcí, mohou vynechat jedno nebo dvě rozhraní API. To je případ Full Scr
V tomto tutoriálu vytvoříme vlastní verzi Facebookové zdi. Budeme používat Facebook Graph API s jQuery a šablonovým pluginem. Plugin jQuery.tmpl nám umožní definovat šablony na naší stránce a převést příspěvky, které jsme získali z API, do skutečné HTML stránky. Dnešní příklad můžete použít k zobra
Při vytváření webové aplikace často potřebujete dát uživatelům možnost stáhnout si část dat jako soubor. Může se jednat o zálohu konfiguračních nastavení, sestav nebo jiných informací, které se generují dynamicky. Obvyklým řešením tohoto problému by bylo mít vyhrazený exportní skript, který vybere
V tomto článku se podíváme na 15 technik jQuery, které budou užitečné pro vaše efektivní využití knihovny. Začneme několika tipy ohledně výkonu a budeme pokračovat krátkými úvody k některým obskurnějším funkcím knihovny. 1) Použijte nejnovější verzi jQuery Se všemi inovacemi probíhajícími v projekt
V tomto dvoudílném tutoriálu vytvoříme jednoduchý web s PHP a MySQL pomocí vzoru Model-View-Controller (MVC). Nakonec z něj s pomocí rámce jQuery Mobile uděláme webovou stránku pro mobily přátelskou k dotyku, která funguje na jakémkoli zařízení a velikosti obrazovky. V této první části se soustředí
Datová metoda jQuery nám dává možnost přidružit libovolná data k uzlům DOM a objektům JavaScriptu. Díky tomu je náš kód stručnější a čistší. Od jQuery 1.4.3 máme také možnost používat metodu na běžných JavaScriptových objektech a naslouchat změnám, což otevírá dveře některým docela zajímavým aplikac
Jedním z nejžádanějších vylepšení oproti výukovým programům prezentovaným na tomto webu, pokud jde o prezentace, je schopnost automaticky posouvat snímky. Ve skutečnosti není tak těžké dosáhnout tohoto efektu a abychom to demonstrovali, v tomto krátkém tutoriálu provedeme automatický posun naší HTML
Pokud jde o efektivní organizaci kódu jQuery, jednou z nejlepších možností je přeměnit určité jeho části na plugin. To má mnoho výhod – váš kód se snáze upravuje a následuje a opakující se úkoly jsou řešeny přirozeně. To také zvyšuje rychlost, s jakou vyvíjíte, protože organizace pluginů podporuje o
Při vytváření navigační nabídky nebo jakéhokoli jiného skriptu jQuery je často nutné mít k dispozici robustní metodu, pomocí které lze definovat stav přejetí myší a vyjetí myší. Toto je místo hover() přichází metoda. Zde je návod, jak se používá: $(.selectorClass).hover( function(){ $(this).stop