Forcing Flowplayer videos in an overlay to stop when they are closed

by Mike Badgley on January 19, 2012

This is an issue that primarily affects Internet Explorer – as far up as IE9 and has to do with the way videos (powered by Flowplayer) are handled within an overlay ‘window’. All other browsers are smart enough to disabled (…)

Read the rest of this entry »

Forcing the figcaption element to wrap to the width of an image using CSS only

by Mike Badgley on September 30, 2011

This article describes a CSS-based solution for creating a floated <figure> element that allows for a caption (<figcaption>) to be displayed beneath – constrained to the width of the image. The example on the left is a fairly common design (…)

Read the rest of this entry »

Fixed: IE7 Button Text Redraw Bug

by Mike Badgley on May 5, 2011

In a recent article by Zoe Mickley Gillenwater, a text redraw bug was brought to light. Internet Explorer 7 has a bug where, when it redraws the text of buttons after scrolling them out and then back into the viewport, (…)

Read the rest of this entry »

How to absolute position images in IE8

by Mike Badgley on May 5, 2011

I came across an strange display bug (?) in IE8 with how it renders inline imagery that is wrapped with an element that has a position of absolute. Here’s a quick example to give you  an idea of what I’m (…)

Read the rest of this entry »

A Simple and Accessible Star Rating Widget

by Mike Badgley on April 28, 2011

If you’ve been a front end developer for any length of time you’ve no doubt come across a design that calls for a star rating widget. Depending on the solution, these can be rather complicated to implement, and that’s not (…)

Read the rest of this entry »