Life @ High Road Communications » Web Development

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

Mike Badgley — Thu, 19 Jan 2012 12:58:12 +0000

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

Mike Badgley — Fri, 30 Sep 2011 13:10:19 +0000

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

Mike Badgley — Thu, 05 May 2011 20:00:01 +0000

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

Mike Badgley — Thu, 05 May 2011 15:15:53 +0000

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

Mike Badgley — Thu, 28 Apr 2011 18:53:05 +0000

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 »

Proper Internet Explorer Browser Testing

Mike Badgley — Fri, 25 Mar 2011 11:52:07 +0000

The recent release of Internet Explorer 9 has brought a lot of excitement to the Web community, yours truly included. The standards and performance levels of the browser can rival (and in some cases surpass) any other product offering that (…)

Read the rest of this entry »

Understanding a browser’s default CSS

Mike Badgley — Wed, 19 Jan 2011 13:51:29 +0000

On the heels of my recent post on the potential pitfalls of using CSS resets, this post continues in that same vein. The question of why we even need to use a CSS reset is a good place to start. (…)

Read the rest of this entry »

Blindly using CSS resets

Mike Badgley — Mon, 17 Jan 2011 20:16:01 +0000

CSS resets are great and make life a whole lot easier as it allows front-end developers to start on a ‘clean slate’ across all browsers with all the available HTML elements. However, that does not mean that they have a (…)

Read the rest of this entry »

Working on remote pages using wget

Mike Badgley — Wed, 05 Jan 2011 16:06:27 +0000

Updating and fixing layout issues on sites that are hidden from the public can be a tricky process – especially when you’re unable to replicate the problem with your (normally out-of-date) version of the site. Solutions such as saving the (…)

Read the rest of this entry »

How to achieve vertical text with CSS

Mike Badgley — Mon, 18 Oct 2010 14:09:31 +0000

Jeffrey Way, of Nettuts+ had an interesting problem this morning that he posed to the Twitter community which was finding the easiest way to create vertical text with CSS. A number of suggestions were put forth – some using JavaScript (…)

Read the rest of this entry »