At My Place – Chester's crazy little world of cars, lifestyle, and development.

Easy Internet Explorer PNG transparency workaround

Posted in Front End Development Tips by Chester Militante on June 20, 2008

Tired of writing separate CSS selector for IE6 just to enable PNG transparencies? Wait no more! TwinHelix Designs creates a HTML Component (HTC) script that allows IE6 to enable PNG transparencies automatically. WOW!
Check it out at: http://www.twinhelix.com/css/iepngfix/

Cleanest way of calling a javascript window popup

Posted in Front End Development Tips by Chester Militante on June 17, 2008

Have you been bothered what is the best way to do pop-ups? Have you been using, <a href=”#” onclick=”window.open(…”>text link</a> all the time?

Well this web page article, “The Perfect Popup” talks about changing the way we declare pop-ups. Article says to use rel attribute instead.
So it will be:
<a href="sample.html" rel="popup">text link</a>

Pretty easy and compatible in all browsers.

http://www.accessify.com/features/tutorials/the-perfect-popup/

This method can be customized to do dynamic pop-ups too. Here is the syntax:

rel="popup type width height"

Type can be either standard or console (no toolbars or address bars).

Pretty neat, huh? Give this a try and tell us what you think.

CSS Compatibility Chart for popular web browsers

Posted in Front End Development Tips by Chester Militante on June 16, 2008


QuirksMode.org released a very high level CSS Compatibility Chart for popular browsers including MSIE6,7,8 and FF2,3.

With this chart, it really helps track down why some of the CSS selectors/properties do not work on certain browsers.

NOTE: This is just a high level, not low-level. Therefore, you might not see all issues pertaining to the browser when it says incomplete, or incorrect.

Adding hyperlinks to control your Outlook

Posted in Front End Development Tips by Chester Militante on June 16, 2008

Browsing in Outlook Help is a really surprising. I didn’t know there is an Outlook protocol for HTML until I found this in help page.

Using this, you can let Outlook go to Inbox, Contacts, Calendar, or even Outlook foldername/subfolder. But of course, this only works to clients that have Outlook in their systems. I wonder if it would work on Microsoft Entourage for Mac.

Here one example for your outlook to go to your calendar via hyperlink.
This link will make your Outlook go to <a href="Outlook:Calendar">Calendar</a>