• GUI Git Client For OSX (laullon.com): Open source and runs on OSX 10.6+ and Git 1.6.0+.
• Test Across Devices With Adobe Shadow (adobe.com): Setup browsing and debugging with Adobe Shadow.
• Web Platform Docs (webplatform.org): Community driven wiki looking to become the be-all end-all of web development docs.
• Windy: A Plugin For Swift Content Navigation (tympanus.net): Make items fly away like a deck of cards.
• Transition to height: auto trick (dropshado.ws): Animating max-height to overcome height:auto limitation.

Have something you would like to see on the next Hatched Links? Mention me on Twitter @fromanegg or find me in #yui on irc.freenode.net

• An Online Editor For reveal.js (rvl.io): Edit the popular reveal.js HTML presentation framework online.
• YUI Test Tool (yeti.cx): Run YUI Test in multiple browsers.
• 220 Icon Font (Font Awesome): Has icon parity with Bootstrap plus a lot more.
• Git Remote Branch (webmat): Easily manipulate git branches in shared repos.
• Learnable Programming (worrydream): Designing a programming system for understanding programs.

Have something you would like to see on the next Hatched Links? Mention me on Twitter @fromanegg or find me in #yui on irc.freenode.net

Yes it is possible to click through a div to underlying elements using only css. I’ve seen this question asked so many times online and so often the answer given is that you require javascript, or even sometimes whole libraries to accomplish this task.

Let me introduce you to the pointer-events CSS property. This property allows you to control under what situations an SVG target element should become the target of mouse events. As an experimental feature in CSS3 it has also added basic support for non-SVG elements in modern browsers (Chrome 2, FireFox 3.6, Safari, 4).

div.overlay {
    pointer-events: none;
}

Will now pass all click events on the overlay div through to the underlying elements. To get the same functionality in IE 5.5 and up we can use the AlphaImageLoader filter in an IE conditional.

div.overlay {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='overlay.png', sizingMethod='scale');
        background: none !important;
}

Or in IE8 and up outside of a conditional.

div.overlay {
    -ms-filter: 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=overlay.png,  sizingMethod=scale)';
    background: none !important;
}

Having issues implementing this? Mention me @fromanegg or leave a comment below. Until next time!

Today I bring you the very first Hatched Links! Hatched Links is going to be a weekly post bringing you links to cool things in software development from around the web. I hope you enjoy!

• YUI3 3.7.2 Patch Release (YUI Blog): Fixing a couple loader & module issues.
• Designing for Android (Smashing Magazine): Tips and techniques for designing applications for Android.
• Interactive Globe with CSS Shaders (HTML5 Rocks): Applying the new CSS Shaders to Google Maps.
• Fokus: Emphasize anything by covering the rest of the page with semi-transparent black (Hakim).
• 15 Ways To Speed Up Your Mobile Site (Speed Awareness Month): 15 tips and tricks on how to make your site faster for mobile users.

Have something you would like to see on the next Hatched Links? Mention me on Twitter @fromanegg or find me in #yui on irc.freenode.net

It’s rare that those tasked with displaying tabular data have an easy go of it. Usually the data isn’t in the right format, the standard libraries either do too much or too little, and the styles are never quite right. For the developers using YUI 3 and the YUI 3 DataTable I have included a couple resources below which will surely make your lives a lot easier.

• YUI 3 DataTable documentation : Extensive documentation outlining the core features of DataTable.
• YUI 3 DataTable API : Every public, protected, and private method, property, and attribute is listed here.
• Gallery modules The list of YUI Gallery modules tagged with datatable.
• Blunderalong : Active community member (#yui on irc.freenode.net) t_smith has spent many hours putting together this amazing list of working examples complete with easy to read code for common roadblocks developers run into.
• CSS-Tricks: Responsive Data Tables : A few great examples of responsive tables.
• MDN table documentation : Easy to read documentation on the core HTML table tag.
• W3 table documentation : Everything there is to know about the html table tag.

If you found these links helpful or would like to see this list grow leave a comment below, mention me @fromanegg or pop into #yui on irc.freenode.net.