Archive for the “Web Development” category

A more accessible Foundation Reveal modal dialog

by Mike Badgley on November 13, 2012

The modal dialog “Reveal” plugin by Foundation is one of my favorites simply due to the quick-and-easy nature of integrating it within a new or existing project and having it up and running in a short period of time. That (…)

Read the rest of this entry »

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 »