The problem: When you have mouseover and mouseout events bound to some element on you page with children elements. Hovering over children element fires parent’s mouseover and/or mouseout event. The solution:
Category Archives: Programming
Jquery Multiple mouseover
<script type=”text/javascript”> function showImg() { $(“img”, this).fadeIn(200); } function hideImg() { $(this).fadeOut(200); } $(function(){ $(“.reveal img”).mouseenter(hideImg()); $(“.reveal img”).mouseleave(showImg()); </script> <div>foo<img src=”img/water.png” /></div> <div>bar<img src=”img/eye.png” /></div>
How To Optimize Your Site With GZIP Compression .htaccess
Setting up the server The “good news” is that we can’t control the browser. It either sends the Accept-encoding: gzip, deflate header or it doesn’t. Our job is to configure the server so it returns zipped content if the browser can handle it, saving bandwidth for everyone (and giving us a happy user).
HTML5 and CSS3 Media Queries
HTML5 and CSS3 Media Queries Tom Duggin shows us how we can use HTML5 and CSS3 media queries to take control of our presentations across desktop browsers, mobile devices and slate computers.
CSS framework
http://www.blueprintcss.org/ http://wiki.github.com/joshuaclayton/blueprint-css/tutorials Quick-Start Tutorial Welcome Here’s a quick tutorial on how you start using Blueprint. Installation Blueprint should be put in your site’s CSS directory. After you’ve done that, add these three lines to the of your web pages. Remember to make sure the href path is correct: Blueprint is now ready for consumption. Files …
Jquery Librarys / Plugins
My favorites Jquery ajax librarys / plug-ins