background preloader

DD_belatedPNG: Medicine for your IE6/PNG headache!

DD_belatedPNG: Medicine for your IE6/PNG headache!
2011/4/8: This is no longer an actively maintained project. I apologize, I must move on with current events. This is a Javascript library that sandwiches PNG image support into IE6 without much fuss. You can use PNGs as the SRC of an <IMG/> element or as a background-image property in CSS. If you attempt the latter, you will find that, unlike with vanilla usage of AlphaImageLoader, background-position and background-repeat work as intended. As a bonus, "fixed" elements will respond to a commonly used set of Javascript style assignments, as well as the A:hover pseudo-class. Table of Contents Long story short, this uses Microsoft's implementation of VML instead of Microsoft's AlphaImageLoader filter. The intended implementation is pretty easy: Download a copy of the DD_belatedPNG Javascript file - please do not hotlink mine, I am on a shared host. Due to popular demand, here is some documentation for how to "fix" elements on a pick-and-choose basis. (Based on the normal usage approach)

http://www.dillerdesign.com/experiment/DD_belatedPNG/

Related:  PARADES pour IE

How to make IE6 display transparent PNGs correctly Transparent PNGs can be a very helpful tool in any web designers tookit, for example we use them on the front page of this site to create the links to read the sample chapter or buy the book. Unfortunately, Internet Explorer 6 did not support transparent PNGs, and they end up having a greyish background. Because some of the visitors to your site will probably still be using IE6, this article teaches you a handy JavaScript technique you can use to enable transparent PNGs to show up correctly. "I have read your website and it is obviously that your a foggot." From: George LewisDate: Thursday 2 September 2010 6.51pmTo: David ThorneSubject: No Subject I have read your website and it is obviously that your a foggot. From: David ThorneDate: Thursday 2 September 2010 8.07pmTo: George LewisSubject: Re: No Subject Dear George, Thank you for your email. While I have no idea what a foggot is, I will assume it is a term of endearment and appreciate you taking time out from calculating launch trajectories or removing temporal lobe tumors to contact me with such.

DD_roundies: Code-only rounded HTML boxes 2011/4/8: It is high time I update the documentation here. This plugin got as far as supporting IE8 Release Candidate 1. That was a while ago. CSS - Conditional comments Page last changed today Conditional comments only work in IE, and are thus excellently suited to give special instructions meant only for IE. They are supported from IE 5 up until IE9 (inclusive).

Weekend Posts & Videos For jQuery Developers (4/1/2011) Hey guys. It’s been a great week for jQuery and with the 1.5 milestone now out, I wanted to share some useful links, articles and videos to help you get the most of this release (and jQuery in general). Some of the stuff I’ll be personally checking out this weekend is a more in-depth look at deferreds (new to 1.5) as well as some of the great talks from last year’s jQCon which were just released. Form Elements: 40+ CSS/JS Styling and Functionality Techniques Aug 17 2008 Designing effective web forms isn’t easy, as we need to figure out more practical styling and functionality techniques to provide a great user experience. Recently there have been a number of noteworthy techniques such as styling different form fields, live validation, Context highlighting, trading options from field to another, slider controls and more – using CSS and different Javascript libraries. Below we present findings of search to more than 40 tutorials and demos to showcase the capabilities and robustness of CSS and Javascript.

IE PNG Fix - TwinHelix This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). Webstuffshare.com - Worth Sharing Checkbox is one of the most frequently used element on the forms, plain checkbox will be nice if in the forms we made there are many checkbox or others forms element that are used, but how about we just need a single checkbox in our forms without any other forms element, a little bit horrible, i think. Another case, we need a ‘visual toggle’ that represent two input value, YES or NO, ON or OFF, TRUE or FALSE. It means we must stylize our default and plain checkbox, now do you still remember iPhone style checkboxes?

Build and preview your CSS web font stacks! Want to preview your own header text? Just edit any box and hit "Return" to update. Paragraph text is static. Ideal Font Start by choosing your ideal font, often the least-commonly available in the stack.

Related: