I tried to do something across browsers like this :const FOO = ‘bar’;(function(){alert( ‘before >> ‘ + FOO  ); //expected -> barFOO = ‘Opera 9.5 sucks’;alert( ‘after >> ‘ +FOO  ); //expected -> bar, but Opera 9.5 will fail me.})();It seems that declaring a constant in IE is a lot easier than other browsers for me.http://www.hedgerwow.com/360/dhtml/js_constant.html

I’ve posted a example about make min-width work on IE6 before, and this post is about giving you a bare bone template with min-width support so that you can simply grab the code for your layout easily.Though the CSS / HTML seems tricky for some developers, I still think this a far better solution than the extremely expensive expression(); solution.the template is available here http://www.hedgerwow.com/360/bugs/css-only-min_width_ie6_2..htmlCheers

Let’s fix this and see no more  [BUTTON] tags , [input type=image /] or dirty CSS /HTML / JS for this simple lovely button.http://www.hedgerwow.com/360/dhtml/ui ... nput-replacement/demo.phpBTW, what’s the difference between Link and Button?( one of my interview question for interaction designer)

Below are the notes from the newly released YUI version 2.7.0 stylesheet.jsand the notes from its source probably explains why web development is too tricky to deal with.Adapted from tylesheet-debug.js…../*Copyright (c) 2009, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txtversion: 2.7.0*/* Style node must be added to the head element. Safari does not honor stylesapplied to StyleSheet objects on style nodes in the body.* StyleSheet object is created on the style node when the style node is addedto the head element in Firefox 2 (and maybe 3?)* The cssRules collection is replaced after insertRule/deleteRule calls inSafa...

I hope HTML5 and Google Gear could do this thing better http://hedgerwow.appspot.com/image-upload-preview/demo.html

one of my co-workers asked the way to deploy grid-like layout for list-item with nice alignment and visual treatment.Apparently a more flexible design and layout will make this better and old school CSS solution such as “float:left” won’thelp in the case.I had a very simple prototype on :http://www.hedgerwow.com/360/dhtml/css-inline-block-layout.php you may try to adjust the font-size, window-size and see how this fluid layout adjust to your best-view-size and still keeps the UI looks nice and aligned well.BTW, in case you may not notice the very inconvenient truth. Some might think that block Element s such as DIV does not get display:inline-block on Internet Explorer....

Sometimes you really need to check whether an element is in the document already before calling some DOM methods.See http://www.hedgerwow.com/360/bugs/dom-get-computed-style.php

I did this for my co-worker, though it’s a rarely used function.http://www.hedgerwow.com/360/dhtml/dom-ie7-zoom-detector.html

innerHTML rules!http://www.hedgerwow.com/360/dhtml/html-yesjs.html

http://www.hedgerwow.com/360/dhtml/base64-image/demo.php

It’s fun to play with CSS over 10 years.Year 1999: filter:blur();Year 2009: background:url(data:image/png;base64);http://www.hedgerwow.com/360/dhtml/css_fuzzy_shadow/demo.php

FBJS really did the right simple thing to put JavaScript into sandbox, and here’s my raw prototype:http://www.hedgerwow.com/360/dhtml/fbjs/demo.php

My answer which explain why people like to use JavaScript label for inline script unconsciously.http://www.hedgerwow.com/360/dhtml/js_label/

I’d think that stable sorting does matter for most sortable UI, and it’s better to let JS to do it natively since we use JS a lot to make UI sortable.http://www.hedgerwow.com/360/dhtml/js_array_stable_sort.html

Hopefully, we’re safe from this kind of problems..http://www.hedgerwow.com/360/bugs/js-spider-monkey-bug.html