electronet » CSS

Fixing the zoom:1; IE fix?

Todd Baker — Wed, 24 Jun 2009 05:04:53 +0000

Much has been written about the “magical fix” that *{zoom:1; } has on IE6 and IE7. By using this to force hasLayout onto IE a lot of the display issues we are used to are fixed easily.

BUT.. as i’ve just discovered… it can also create some of its own problems.

I had an issue reffered to me where IE6 was rendering some text way out of alignment, it seemed like a float clearing problem but clearing didnt have any affect. So I removed the zoom declaration and and that removed the problem, but restored a bunch of other problems the initial zoom:1; had fixed.

So, I had to find a way to reset the zoom property and the answer is “normal”. I also has to use * to apply it to ALL items in that box.

Mashable Web Design Toolbox

Todd Baker — Mon, 17 Nov 2008 23:46:00 +0000

Mashable have created a great list of sites that do everything from creating heatmaps of your site to making fav icons!

Mashable Web Design Toolbox

Live Validation

Todd Baker — Wed, 20 Aug 2008 16:32:00 +0000

A very neat solution to javascript validation..

"LiveValidation is a small open source javascript library for making
client-side validation quick, easy, and powerful. It comprises of two
main parts. Firstly, it provides developers with a rich set of core
validation methods, which can also be used outside the context of
forms. Secondly, it provides your visitors with real-time validation
information as they fill out forms, helping them to get it right first
time, making the forms easier, quicker and less daunting to complete"

http://www.livevalidation.com/

Pretty Emails

Todd Baker — Mon, 16 Jun 2008 17:49:00 +0000

Now im not the biggest fan of HTML emails but I can understand how they are valuable from a marketing perspective. Microsoft really threw a spanner in the works last year when they released Office 2007 that featured reduced CSS support in Outlook. Much was written on the reasons for this but none the less it has set html emails back a couple of years.

The good folks over at Campaign Monitor have put in a lot of work into evaluating what email client supports what and how well and have produced a great guide.

Good form design

Todd Baker — Mon, 21 Apr 2008 00:31:00 +0000

Forms dont always get the design time they probably deserve. Obviously a form needs to be familiar and easy to use but it shouldnt be imune from the design process.

Smashing Mag have another great showcase article, this time it's forms! They've collected some great examples of creative forms.

Lite Box

Todd Baker — Sun, 20 Apr 2008 22:42:00 +0000

The way we implement photo galleries have change a lot since the V2 release of Lightbox. It was smooth and funky and DIDN'T use pop-ups. The only draw back was it was kinda big in size. Lite Box to the rescue. If you dont need the full prototype library it comes in at only 30k.

Planetozh has a good rundown of all the lightbox clones.

Cool AJAX Tools

Todd Baker — Wed, 16 Apr 2008 22:40:00 +0000

There is a great article over at Smashing Magazine
that shows off some of the neat effects achievable with a
healthy dose of javascript and CSS.

Their older Ajax & CSS and Photo Gallery articles are also still quite relevant.