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

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

7 vývojářských nástrojů, které si zamilujete

Za těch více než 15 let, co se zabývám grafickým designem a psaním kódu, jsem narazil na bezpočet různých nástrojů.

Některé jsem použil jen jednou, nebo dvakrát a jiné mi ulehčují práci téměř každý den.

Dnes vám představím 7 vývojářských nástrojů, které jsem si v poslední době zamiloval a věřím, že si je zamilujete i vy.

Pokračování textu 7 vývojářských nástrojů, které si zamilujete