Toolbox

Google maps

Google maps popupo stiliai https://github.com/atmist/snazzy-info-window

Google maps taškų grupavimas zoom’inant https://github.com/googlemaps/js-marker-clusterer

Animavimas

  • Kontento blokų animavimas, kai pamatomas viewporte https://github.com/matthieua/WOW
  • Animacijų progreso pluginas. Skirtas animuoti bet kokiems css animuojamiems parametrams, kurie keisis slenkant puslapį žemyn. scrollr

Gesture eventų pagavimai touch įrenginiams

Hammer.js http://hammerjs.github.io/

Naujienlaiškiai.

(Responsive be media-queries, css inliner, white-space pašalinimas, html kodo dydis kilobaitais)

Kaip kurti responsive naujienlaiškius

CSS inliner

Whitespace pašalinimas

Įpastinto HTML kodo dydžio paskaičiavimas

Optimizavimas

Paveikslėlių optimizavimas online Kraken

Generatoriai:

Spalvų kodams perversti iš HEX į RGBA HEX2RGBA

CSS gradientų generavimas Colorzilla

Custom fontų generavimui: FontsquerlOnline font converter

Fontų generavimui, kai nereikia jokių custom nustatymų: http://www.web-font-generator.com/

Darbas su imagemap’ais

Įrankis mapinti online

Responsive image maps pluginas

https://addons.mozilla.org/en-US/firefox/addon/ime/

CSS meniu hamburgeris

https://jonsuh.com/hamburgers/

Karuseles ir slaideriai

HTML5 video fone

jQuery.videobg (Netinka mobiliems įrenginiams)

Custom select

jQuery UI Selectmenu Widget by fnagel

Custom multiselect

jQuery UI MultiSelect Widget by Eric Hynds [ URL]

Reitingavimas, žvaigždutės

https://github.com/gjunge/rateit.js

Custom radio/checkbox

iCheck

Content’o ir paveiksleliu paetikimas popupe

Fancybox

Custom kontento scrolleris

jQuery custom content scroller by malihu

Limpantys(sticky) blokai

jQuery Waypoints – sticky-elements

Stick in parent. Elementas skrolinant prilimpa prie tėvinio bloko viršaus arba apačios ir neišlenda iš jo ribų http://leafo.net/sticky-kit/

Teksto rašymo animavimas

https://github.com/mattboldt/typed.js/

Eventai kai pasiekiamas tam tikras elementas

jQuery Waypoints

ScrollTo

Smooth scroll to any jQuery/DOM element

IE (6-9) kampu apvalinimas, šešeliai

CSS3PIE

IE8 background-size: cover

-pie-background: transparent url(../images/section-1.jpg) no-repeat center top / cover content-box;

Patogus IE veikiantys CSS selektoriai (:first-child, :last-child, :nth-child(2n)…)

selectivizr

Placeholderis IE

jquery.placeholder.js