At Least Pad the Default Button Styles

Posted by Sean on Jun 08, 2010 under ,

Some people like to style buttons to their own design, ensuring they look the same cross browser or enhance the site theme. Others are perfectly fine with a <button /> being rendered differently depending on browser and operating system combination. I understand both sides. Sometimes a styled button...

Read more

IE Opacity Ignores Positioned Children

Posted by Sean on Apr 12, 2010 under ,

The CSS2 Opacity property doesn't work in the current versions of Internet Explorer - through IE8. However, it has provided a way to achieve similar results with a different method, using IE's filter property.  Javascript frameworks usually work this in for you when you try to set an elements opacity in a cross-browser fashion.

It should come as no surprise that there are bugs that arise from this filter property. One is that the filter doesn't cascade to children that have their position as anything besides static.

Use CSS Borders for 3D Effects

Posted by Sean on Apr 29, 2009 under

Buttons with 3D Bevel Effect

Recently, I've been more in favor of using the browsers rendering instead of background images to achieve looks, since that reduces bandwidth and loading times , and also increases maintainability . I used to slice images that would give something a shadow or button type of a look, but have moved more towards just making the browser do it. I wanted to share some examples of effects and how easy it is to do so.

When Are CSS Frameworks Good

Posted by Sean on Mar 27, 2009 under

framework css

There are loads of CSS frameworks out there, and plenty more of articles telling you that they are the devil and don't use them .  I agree with these articles as a whole.  So what am I trying to say?  Frameworks can be good?  It depends.

Fixing IE6 with VML

Posted by Sean on Dec 09, 2008 under

Recently, HTMLRemix and Drew Diller has released 2 scripts that have really helped fix some of IE6's crappy support: CSS Rounded Corners and Alpha Transparency PNGs.

Hide Overflowing Floats

Posted by Sean on Nov 12, 2008 under

One problem that shows it self a lot, is when you have floated items inside a container, and that container has a background. You will find that the container does a poor job of containing the floated items.

Image Replacement and Backgrounds

Posted by Sean on Jun 17, 2008 under

Having been around the CSS playground for a while now, I’ve seen the different techniques of image replacement, and I’d like to share my methods of doing so, and why I do so.

Heading Replacement

Sometimes, we really love a font or layer style so much, we decide we just have to make our heading...

Read more