Archive for category: Programování

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
Big dump – jak zkrotit velkou zálohu

Big dump – jak zkrotit velkou zálohu

Pokud se vám stane že například přenášíte svůj web na redakčním systému na jiný hosting a jeho sql databáze přerostla do rozměrů v několika desítkách až stovkách MB, jistě budete řešit, co s tím. Import v PHPMyAdminu soubory o velikosti desítek až stovek MB nepodporuje a nahrávat je přes webové rozhraní taky není zrovna spolehlivé.

Jednoduchá a účinná možnost je použít skript BigDump.php, který naleznete ke stažení zde.

bigdump

Stačí v něm vyplnit údaje jako jsou přístupy do databáze, název importovaného souboru a znakovou sadu, pak už staší ho jen přes ftp nahrát společně s SQL dumpem na web a spustit ho.

13.6.2012 0 comments Read More
Efekt seřazení polí ala Pinterest

Efekt seřazení polí ala Pinterest

Efekt řazení bloků/fotek jako dlaždice vedle sebe se Pinterestu povedl. Tady je odkaz na javascript knihovnu, pomocí které můžete stejný efekt (plus ještě vychytávky ala animace) do svého webu.

Všechno info najdete zde:

http://masonry.desandro.com/demos/animating-css-transitions.html

25.4.2012 0 comments Read More
Spin js aneb šikovné vyřešené načítání

Spin js aneb šikovné vyřešené načítání

Dobrá vychytávka na tvorbu rotujícího kolečka při načítání v javascriptu, místo zastaralého gifu. Je to Spin js a vše k němu je zde: http://fgnass.github.com/spin.js/ Další alternativy jsou například zde v článku od Martina Michálka.

10.4.2012 0 comments Read More
Slider, slideshow v js

Slider, slideshow v js

Šikovný slider v javascriptu, krom obrázků se do něj dá napsat i text nebo složitější html kód, takže může sloužit jako „prezentace“ přímo na webu.

Je zdarma a ke stažení zde:

http://slidesjs.com/

via @karelnox

21.3.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
Keymaster pro web (klávesové zkratky)

Keymaster pro web (klávesové zkratky)

Narazil jsem na moc zajímavou js knihovnu která umožní jednoduše do webové aplikace implementovat klávesové zkratky.

Je malá(35kb) a na jakékoliv dalsi knihovně nezavysla.

Cool

https://github.com/madrobby/keymaster#readme

19.3.2012 0 comments Read More
Rimons twitter widget by Rimon Habib