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
Į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: Fontsquerl, Online font converter
Fontų generavimui, kai nereikia jokių custom nustatymų: http://www.web-font-generator.com/
Darbas su imagemap’ais
Responsive image maps pluginas
https://addons.mozilla.org/en-US/firefox/addon/ime/
CSS meniu hamburgeris
https://jonsuh.com/hamburgers/
Karuseles ir slaideriai
- Owl carousele – su CSS3 animacijom ir taouch eventais: http://www.owlcarousel.owlgraphic.com/
Paslėpti elementai prieš atvažiuodami mirkčioja. Fix: ant .owl-item uždėti z-index: -1;OWL sliderio thumbsai – plugino extensionashttps://github.com/gijsroge/OwlCarousel2-Thumbs - Cycle2 [Demo, Dokumentacija]
- Viso puslapio slaidinimas http://alvarotrigo.com/fullPage/
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
Content’o ir paveiksleliu paetikimas popupe
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
ScrollTo
Smooth scroll to any jQuery/DOM element
IE (6-9) kampu apvalinimas, šešeliai
IE8 background-size: cover
-pie-background: transparent url(../images/section-1.jpg) no-repeat center top / cover content-box;