Australian Made and Owned

Introducing the Lovely Caption Maker

Posted June 19, 2008

Lovely Caption Maker CSS Transparent OverlayA recent trend I’ve noticed on some Australian media websites has been evoking my interest for a few months now. Sites like The Age and Fox FM have started overlaying a lovely coloured banner with a caption over feature images. The great thing is, they’re not rendered but glorious SEO-friendly and accessible HTML and CSS. I’m not surprised, however, since The Age and Fox FM have always been trend early adopters. The ABC still beats them, though.

Unfortunately, this effect can’t be achieved without knowing and entering the width and height of an image - making it kind of tedious to implement. After deciding that I’d like to use it with wordpress posts, it was decided that a tool should be built. And then The Lovely Caption Maker was born. Here’s an example of Lovely Caption Maker’s glory: (more…)

Filed under: CSS, SEO, Web Design, tools — Tags: , , , , , , , , , — Tim @ 7:35 am

Accessible, Valid Dropdown Menu or Popup Menu using CSS and Semantic HTML

Posted December 28, 2007

CSS and HTML Only Menu - Using Suckerfish SolutionWe’ve all seen dropdown / popup menu lists on websites before, and generally they’re extremely useful because they save space, but offer extra functionality. Sometimes, though they’re tricky to implement. I remember doing a image-only popout menu for the Lonsdale Views, who offer accommodation in Point Lonsdale and it was more difficult than expected - First, there was Internet Explorer’s lack of support for “:hover” and then there was Internet Explorer’s z-index issue. Now that I’ve got a blog, I thought I’d publish a how-to guide for valid, accessible semantic HTML and CSS dropdown menus… (more…)