Jon Hartmann - CSS

Great Article on IE's hasLayout Property

Wed, 05 Aug 2009 10:48:00 -0500

If you've ever had to tangle with triggering hasLayout in IE6/7 then this article at www.satzansatz.de is for you. I've been working a 90 day contract to developer HTML/CSS/JS templates based on PSDs and wireframes, and I can tell you that hasLayout has become the bane of my life. Its a running joke that to debug the page you should just "apply zoom:1; liberally and see if it works". Now after reading about hasLayout in more depth, I've got some more sophisticated tricks up my sleeve.

CSS Sprites for Hover Effects Tutorial

Tue, 04 Nov 2008 09:22:00 -0500

While I'm a web developer, I often delve into the world of a web designer as well, specially when it comes to optimizing performance and user experience. That, and my love of techniques used in 8-bit games, is why I love CSS sprites, and why I put together a tutorial on how to create and use a CSS sprites for menu backgrounds, like in this demo. Click on the "More" link below to view the tutorial. [More]

Simplified User Interface

Mon, 29 Oct 2007 23:19:00 -0500

Ever wasted time trying to figure out how to do something in an application? I know I've sat and cursed at badly designed user interfaces, just as everyone else has, and thanks to an awesome book, Designing the Obvious by Robert Hoekman Jr., I've been thinking about user interface design nearly every day. Whether we like to admit it or not, every page on the internet is at heart a user interface; a website's design really isn't anything other then a UI for that site's content. Sure its not an application, but hard to find buttons and links are just as annoying as hard to find settings and options. [More]

Reusable CSS Design

Mon, 29 Oct 2007 23:01:00 -0500

One of my favorite things about the web is seeing the transformation from the 'ancient', flat text of the early 90s into the slick, beautiful web designs that modern users expect. The wonders of CSS have unlocked amazing new potential for design, and created some wonderfully clean and usable site desins like Web 2.0 at http://www.openwebdesign.org/. This design is appealing, clear, and the content can really shine. Unfortunately, CSS people seem to have no idea what a pain it is to work with designs like this. [More]

Opacity Control Across Browsers

Wed, 10 Oct 2007 21:30:00 -0500

I don't know about you, but I happen to find transparent and semitransparent layering to be one of the coolest effects for building web pages, and now, thanks to Mandarin Design I know know how to control opacity with ease. Check it out.

Hacking it up

Thu, 12 Apr 2007 23:11:00 -0500

So, I double checked the creative commons license, and it seems I'm good to go to hack this thing up... and this is what it looks like so far. I'm having a bit of a tricky spot with the comments... the tag use in BlogCFC is rather opaque to me, so its slow work. Added to that that the Stylevantage layout isn't setup for the same widths as BlogCFC is making things rough.

Setting Up Shop

Thu, 12 Apr 2007 20:01:00 -0500

I'm trying out BlogCFC, and trying to figure out if I'm allowed to hack the front end display... if I am then expect to see changes to the look fairly often. Man, I've got to fix this image floating thing, it keeps pushing the bottom bar around funny if I've not got enough text.