Webdesign – Články - Programujte.com

Ve výsledcích vyhledávání Google občas narazíte na stránky, kterým výsledek zdobí obrázek, hvězdičkové hodnocení a jiná data přejatá ze stránky. Reklama? Magie? Ne, správně použité značkování microdaty uvnitř struktury stránky!

Díky responsivnímu designu (media queries) můžeme přizpůsobit layout na širokou škálu různých zařízení bez toho, abychom pro tato zařízení vytvářeli nové layouty. Čím dál více designérů a firem tuto techniku používá, a tak se více méně definovaly vzory, které se používají nejčastěji (a téměř všude). Na ty nejpoužívanější se dnes podíváme.

Lokální úložiště (anglicky Web Storage) umožňuje ukládat informace o relaci u klienta v podobě klíč / hodnota. Data se nepřenáší na vzdálený server a storage je funkční ve všech moderních prohlížečích (IE8+).

Jak už určitě víte, Apple obohatil svůj iPad o retina displej, který počet pixelů znásobil 4× – na monstrózních 3,1 milionů. To je sice fantastická novinka pro nové majitele iPadů – displej je nádherný, ale zároveň způsobuje vrásky na čele designerům a potenciální pohromu na vyúčtování za mobilní internetové připojení a rychlosti stahování.

Umíte HTML a JavaScript a chtěli byste naprogramovat desktopovou aplikaci, ale nechcete se učit jazyky jako jsou C# nebo Java? Pak můžete využít platformy Titanium a vývojového prostředí Titanium Studio. Pro vytvoření aplikace vám bude stačit znalost JavaScriptu, HTML a CSS. Při programování můžete využít i další jazyky, jakými jsou PHP, Ruby nebo Python.

Pod pojmem „responsivní webdesign“ si většina lidí představí webové stránky, které přizpůsobují svou šířku danému zařízení – je jedno, jestli na web koukáme z počítače, tabletu nebo telefonu. Jistě, to je jedna z hlavních myšlenek responsivního webu. Pojďme se ale na tento relativně nový směr podívat trochu důkladněji.

Pong je jednou z nejstarších her pro počítače vůbec. V článku si rozebereme, jak hru na podobných principech přepsat do webové verze za pomoci HTML5 a JavaScriptu. Konkrétně půjde o verzi PsychoPong, kde na rozdíl od klasické hry celá plocha rotuje.

Zrovna začal nový rok a bude určitě zajímavé podívat se trochu do budoucnosti a shrnout si, co za novinky nás čekají na webu. Nutno podotknout, že mnoho z níže vyjmenovaných věcí se začalo aplikovat již v roce 2011, ale podle všech předpokladů a také větší dostupnosti se rozšíří v tomto roce ještě mnohem více.

Pro mnoho intranetových aplikací či backendových záležitostí se nám hodí základní UI. To se nesmí rychle okoukat, musí být pro uživatele standardní a přitom by mělo být na oko pohledné. Dovolím si za příklad vzít standardní vzhled prvků z Windows 7. Tento design si dnes nakódujeme pouze pomocí CSS3 (s trochou JavaScriptu), ale kompletně bez obrázků, tedy „vektorově“.

Nasadit mobilní verzi webu je od teď o něco jednoduší. Nemusíte vymýšlet design, ani optimalizovat ovládání pro malé mobilní displeje. Celou mobilní verzi snadno navrhnete a zprovozníte pomocí platformy jQuery Mobile.