jQuery
Responsive lightbox scrpipt WordPress kodulehe jaoks
Oli vaja teha galerii ja galeriis olevaid pilte nende peale klikkimisel näidata lightbox-variandis. Proovisin palju erinevaid pluginaid – nii lightbox, fancybox, nivo-slider variante, prettyphoto ja mida veel. Mõned pluginad ei olnud responsive, mõned ei näidanud pildi all teksti. Mõnedega ei saanud tasuta variandis eriti midagi teha. Lõpuks leidsin, et sama hästi võib lightbox-skriptid ka teema […]
Read more »jQuery Responsive design pluginad: video, css ja muud
Kui on vaja video lisada ja et see skaleeruks sujuvalt, siis on hea kasutada pluginat: Fitvids: http://fitvidsjs.com/ Siin on div-de smart resize plugin: http://louisremi.github.io/jquery-smartresize/demo/ Muud vajalikud asjad: framework http://addyosmani.github.io/jquery-ui-bootstrap/ responsive css moodulid: http://purecss.io/ Resonsive ikoonid, font: http://fontawesome.io/ http://www.appelsiini.net/projects/lazyload Masonry ja isotope on suht samad asjad – erineva pikkusega/laiusega div-d jaotatakse ilusasti üksteise alla. Masonry – […]
Read more »Minify css ja javascript ja unminify
Vahel on vaja seo optimeerimiseks teha css ja javascript failid võimalikult väikesteks. Selleks on olemas head online tööriistad: Minify javascript: http://jscompress.com/ Minify css: http://cssminifier.com/ Ja vastupidi, teha css ja javascript mugavalt loetavaks, ehk siis reavahed tagasi. Unminify css online tool: http://mrcoles.com/blog/css-unminify/ Unminify javascript online tool: http://jsbeautifier.org/
Read more »Paljude piltidega lehe sujuv laadimine – Page load jquery
Uurisin erinevaid variante, kuidas lehe laadimine oleks visuaalselt ilus, kui lehel on palju pilte. Üks variant on kasutada ajax loaderit, mis kaob, kui leht on täiesti laetud. Plussid: ilus puhas pilt vaadata – valge taust ja loader ja mingi aja pärast ilmub kogu leht tervikuna, mitte jupiti. Miinused: võtab liiga kaua aega – keegi ei […]
Read more »WordPress current menu item tausta taha panemine
Oli vaja panna current menu item-le must kast ümber – selle sain lihtsalt tehtud .png musta kastiga ja selle panin juurde current klassile. Aga siis taheti ka, et kast oleks mouseover puhul. Selleks kasutasin jQuery/javascripti. Kogu kupatus koos: jQuery(".menu li").mouseover(function(){ var imglink = 'url(' +template_url+'/images/navback.png) no-repeat center 51%'; jQuery(this).css("background",imglink); }); template_url on vaja endal panna […]
Read more »