Links to Know for December 8, 2008

Today’s Links to Know are a mostly related selection, some even come from the same place. Today, we’ll show you a a new PNG fix for IE6, a Context Menu plugin for jquery and a Lightweight rounded corners script.

DD_belatedPNG

Yet another PNG fix for IE 6, but this time with all our dreams come true. Positioning, repeating, and none of the link-blocking z-index madness. How does it work? Apparently the proprietary Microsoft VML language does a much better job than the AlphaImageLoader stuff the other fixes rely on. I’ll say now that I haven’t
actually played with this yet so it’s not an official endorsement, but from all the positive press on it, I’d say it’s worth trying.

The script also fixes the IE6 grey background problem.

How to use it?

Very simple.

• Insert the .js file to your code
• Create another script node
• Define the class the fix will be applied to, like:
  • DD_belatedPNG.fix(‘.png_bg’);

Context Menu Plugin For jQuery

Context menus are very helpful, specially in admin pages & web applications, for easier navigation. With just a click, you get the options / shortcuts.

This is a jQuery plugin for creating effective context menus with ease.

The menu can produces valid XHTML & can be customized totally via CSS.

Items in the menu can be disabled & they can be browsed with keyboard too.

For users without JavaScript enabled, it gracefully degrades.

Lightweight Rounded Corners: DD_roundies

DD_roundies is another rounded corners solution that is very easy to implement & cross-browser compliant.

This rounded corners script doesn’t use any images, works in IE6 without AlphaImageLoader & lightweight (3.62kb compressed).

As the major problem for rounded corners lies beneath IE, this rounded corners script uses VML (inspired from Jonathan Snook’s solution). A possible future problem is IE8 -currently- does not support VML.

Track Outgoing Clicks in Google Analytics with jQuery

Over at CSS-Tricks.com, Chris has published an interesting technigue to track outgoing clicks using Google Analytics and jQuery.

Comments

About Author