Drop down menu with CSS and jQuery

July 29th, 2009 - CSS, Frontend, jQuery - No Comments

jankoatwarpspeed.com released an excellent tutorial on how to create an alternative drop down menu using only CSS and jQuery. HTML’s Select element is really useful but impossible to style it the way you want (Hello IE). The other drawback is that it only supports text. With Janko’s solution you can use images too.

Definitive Guide to Taming the IE6 Beast

July 28th, 2009 - Browsers, Frontend - No Comments

Ah, IE6. I can imagine that conversations like the following will take place even 50 years from now:
“Well son, back in my days there was a browser called ie6 and people refused to give up using it. Web was a different place using this browser. It was like entering a museum of modern art. Everything looked random and abstract, user experience that companies invested millions was optional for this browser but millions of people were still using it. It was like a drug. Because people knew there were better alternatives but they couldn’t take the step.”

Back to reality now, Six Revisions released an excellent guide to “taming the ie6 beast“. Conditional stylesheets, hacks, the box model and all these stuff that need extra care and probably an extra timeline only for IE6.

AnythingZoomer jQuery Plugin

July 21st, 2009 - Frontend, jQuery - No Comments

AnythingZoomer is a jQuery plugin that lets you take a closer look at things on a web page. It can be an image, a chunk of text or both.

Decision Maker – Easily build decision guides and trouble shooters with this jQuery script.

July 18th, 2009 - Frontend, jQuery - No Comments

This article presents a technique that uses a jQuery function to enable process experts to create decision guide or trouble shooter by simply entering information in an HTML table using a visual web page editor. When the page is viewed, the jQuery script reads the table and presents the first question along with the options.

When a person clicks an option/answer, the script finds and presents the next question. This continues until the final answer is found. Each question is displayed below the previous question so a person can see the flow of questions and quickly take another course by skipping back to the first or any previous question.

jQuery Image Magnify

July 16th, 2009 - Frontend, jQuery - 2 Comments

“jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked on, via a sleek zoom in/out effect. The enlarged image is centered on the user’s screen until dismissed. It works on both images with and without explicit width/height attributes defined. This means you can take a large image that by default would look out of place when shown, shrink it using explicit width/height attributes, then enable users to magnify it on demand to its original dimensions when the image is clicked on using this script.”