I am working on a little widget that uses the html5 video tag on one of my test sites: Fyvr.net. I wanted to display related information when the video is playing. The sibling selector makes this easy. Here’s the basic markup <li> <video>…</video> <p>…</p> </li> I wanted the paragraph to appear when the video is […]
Category Archives: :block
Multiple medias in the print.css
Let’s say you have a printer-friendly page that consolidates information from multiple sections. The page uses the print.css as all instead of just print. Let’s also assume you want to show things on the screen, such as a link back to the referral page, and different elements on the printed page, such as the url […]
Hacking to fix for IE7
I’ve played around with IE7 for a while, but haven’t really started debugging with it until now. Fortunately, I’ve already set up the site to use conditional comments and deliver an IE6.css file and a separate IE7.css file. This has made it much easier to target the offending areas of the site. IE7 has had […]
The perfect FAQ page ! – by Thierry Koblentz
— This was originally published on www.tjkdesign.com. Visit the original site for updated code and to see a working copy of the script. Thierry has created a Dreamweaver plugin to make this super-easy to add to your site! This is about using a Definition List and the DOM to create a nice FAQ page where […]