Post Tagged with: "css3"

Zajímavé javascriptové a jiné knihovny

Zajímavé javascriptové a jiné knihovny

Javascriptové knihovny:

intention.js

Umí měnit strukturu html tagů (využitelné v responsivitě)

http://intentionjs.com/

Modernizr

Umí detekovat schopnosti prohlížeče ohledně html5 a css3, na základě toho může načíst různé kusy kódu nebo skripty, díky čemuž se může stránka přizpůsobit schopnostem prohlížeče.

http://modernizr.com/

Parallax.js

Umí udělat web se zdáním perspektivy který se na chytrých zařízeních ovládá pomocí gyro senzoru, na normálním počítači pak pomocí pohybu myši.

http://wagerfield.github.io/parallax/

Chart.js

Knihovna sloužící k vykreslování grafů

http://www.chartjs.org/

Regexp.js

Užitečná knihovna pro debugování regulárních výrazů.

http://jviereck.github.io/regexp.js/

! Responsive elements

Knihovna která usnadňuje práci s responsními elementy, super!

http://kumailht.com/responsive-elements/

Další:

! UIBox

Obsahuje databázi užitečných komponent jak v html, css nebo javascriptu

http://www.uibox.in/

X-tags

Webové komponenty od mozzily

http://x-tags.org/

Polymer

Web komponenty Polymer

http://www.polymer-project.org/

Stroll.js – cool scroll efekt

Stroll.js – cool scroll efekt

Pokud chcete svůj web opatřit drsně vypadajícím skrolovacím efektem, bude se vám tato knihovna hodit, myslím že příklady vám ukážou všechno co potřebujete. Doporučuji otestovat i na telefonu :)

K čemu je dobrá pseudoclass :target v CSS?

K čemu je dobrá pseudoclass :target v CSS?

Narazil jsem na zajímavý článek kde jsou shrnuty možnosti použití pseudoclassy :target. Hodí se pro označování prvků na které se odkazuje v rámci jedné stránky (příklad zde) a nebo třeba na jednoduchou obrázkovou slideshow jen za pomoci css(příklad zde). Dá se samozřejmě kombinovat s css3 animací. Hlavní nevýhodou je že je podporována jen v IE 9 a 10.

Tooltip v css3 – vychytaná bublina

Tooltip v css3 – vychytaná bublina

Narazil jsem na hezký tutorial o tom, jak udělat výborně vypadající tooltip za pomoci css3. Malá ukázka:

Já mám tooltip ;-)

Já jsem tooltip!

 

Bližsí informace k nalezení zde.

14.6.2012 0 comments Read More
Stručný průvodce použitelnými CSS3

Stručný průvodce použitelnými CSS3

Tohle se může hodit:

Stručný průvodce použitelnými CSS3 vlastnostmi v češtině — Vzhůru do CSS3! Kuk sem: http://t.co/boYEFvBQ

Via @machal na Twitteru

19.3.2012 0 comments Read More
Rimons twitter widget by Rimon Habib