9. 12. 2010
GitHub Tree Slider z pohledu kodéra — zajímavé nejen díky HTML5 History API, ale také technickým řešením změn obsahu při procházení historií dopředu a dozadu.

Zjednodušeně řečeno: obsah jak jde za sebou v historii je naskládaný jeden vedle druhého zleva v jakémsi karuselu. Oknem (overflow: hidden) z něj vždy vykukuje jen část, které odpovídá aktuální URL. Stránky v pravé části (tedy z pohledu historie v budoucnu) jsou načítány AJAXem. Přesun v historii dopředu a dozadu obstarají extrémně rychlé CSS Transitions.

Inspirativní!

GitHub Tree Slider z pohledu kodéra — zajímavé nejen díky HTML5 History API, ale také technickým řešením změn obsahu při procházení historií dopředu a dozadu.

Zjednodušeně řečeno: obsah jak jde za sebou v historii je naskládaný jeden vedle druhého zleva v jakémsi karuselu. Oknem (overflow: hidden) z něj vždy vykukuje jen část, které odpovídá aktuální URL. Stránky v pravé části (tedy z pohledu historie v budoucnu) jsou načítány AJAXem. Přesun v historii dopředu a dozadu obstarají extrémně rychlé CSS Transitions.

Inspirativní!

Komentáře

Tagy: Css css3 github

blog comments powered by Disqus

Veřejná školení
Webexpo Academy, Praha

HTML5 & CSS3
29/5
Mobilní
webdesign
18/6