Získávejte data z Facebooku pomocí Graph API a cURL

Zhruba před rokem jsem pro VSadu.cz, webové stránky místního baru, vytvářel PHP skript, který z facebookové stránky vytáhne informace o blížících se událostech a zobrazí je na webu.

Nejedná se o nic složitého, skript využívá Graph API a notoficky známou PHP funkci cURL. V dnešním článku vám ukážu, jak takový skript funguje.

Pokračování textu Získávejte data z Facebooku pomocí Graph API a cURL

Tvořte animované bannery v HTML5 s Google Web Designerem

Vedle snadné implementace multimediálních souborů přináší nejnovější verze jazyka HTML také široké možnosti animace celé řady elementů.

Napsat lze třeba pojezdy a tříosé (chcete-li trojrozměrné) rotace textů, obrázků i celých bloků, a to jak lineární, skokové, tak i postupně zrychlující nebo zpomalující, dokonce i dle dynamického tempa.

Stejná kouzla lze provádět nejen s pozicí elementů, ale i s jejich barvou. Syntaxe není v zásadě složitá, ale…

Pokračování textu Tvořte animované bannery v HTML5 s Google Web Designerem

Naučte se pracovat s Google Maps API zábavnou formou

V listopadu 2015 jsem v rámci většího systému napsal jednoduchý PHP skript, který s pomocí Google Maps API určuje nejkratší vzdálenost mezi dvěma městy v kilometrech.

Tento údaj pak používá společně s informací o cenách pohonných hmot a průměrné spotřebě k výpočtu celkových nákladů na palivo pro danou cestu.

O pár dní později přišel nápad využít Google Maps API k tvorbě zábavné naučné hry nejen pro řidiče, ve které je cílem co nejlépe odhadnout vzdálenost mezi dvěma ze seznamu náhodně vybranými městy.

Pokračování textu Naučte se pracovat s Google Maps API zábavnou formou

Jak docílit retro lomo efektu u vašich fotografií – Photoshop tutoriál

V roce 2008 jsem narazil na tutoriál, jak dosáhnout retro vzhledu fotografie dosažením tzv. lomo efektu.

Podle něj jsem vytvořil fotografii na svůj tehdejší deviantArt.com profil, kterou záhy vidělo přes 36 tisíc návštěvníků, z toho si jich fotografii polovina stáhla a přes 600 lidí si ji uložilo do oblíbených.

To nebyl špatný výsledek na v té době začátečníka :). Začal jsem se o tyto postupy zajímat a za nějaký čas jsem vymyslel a postupně vylepšil postup vlastní a dnes se o něj s vámi v tomto tutoriálu pro Adobe Photoshop podělím.

Pokračování textu Jak docílit retro lomo efektu u vašich fotografií – Photoshop tutoriál

Responzivní menu s hamburgerem bez JavaScriptu

Posledních několik dní jsem se zabýval tvorbou responzivní e-mailové šablony pro newslettery s klasickým hamburger menu.

Hamburger – tlačítko se třemi vodorovnými čárkami značí menu na mobilních zařízeních

Vytvořit takové menu pro web je hračka, hotových řešení lze ostatně vygooglit nespočet, vytvořit ho v e-mailu byl ale trochu oříšek

Pokračování textu Responzivní menu s hamburgerem bez JavaScriptu