Wednesday 27 May 2009

DailyShow HTML for Video

Dear Jon Stewart,

I am an adoring fan who has followed your career since you first started doing talk shows on the Comedy Channel some 15 or more years ago.

You are a funny, well-educated, articulate man whom I consider to be a true American Hero.

All the fangirl worship aside, can you use your political influence to improve The DailyShow Web site? While HTML might not be your forte’, oh holy moly this code is so filled with bad bad things that it requires immediate diplomatic assistance.

Love always,
Molly

And now, the code

Now, dear readers, what do you think of this lovely embed video code? I mean, really.

<table style=’font:11px arial; color:#333; background-color:#f5f5f5′ cellpadding=’0′ cellspacing=’0′ width=’360′ height=’353′><tbody><tr style=’background-color:#e5e5e5′ valign=’middle’><td style=’padding:2px 1px 0px 5px;’><a target=’_blank’ style=’color:#333; text-decoration:none; font-weight:bold;’ href=’http://www.thedailyshow.com/’>The Daily Show With Jon Stewart</a></td><td style=’padding:2px 5px 0px 5px; text-align:right; font-weight:bold;’>M – Th 11p / 10c</td></tr><tr style=’height:14px;’ valign=’middle’><td style=’padding:2px 1px 0px 5px;’ colspan=’2′><a target=’_blank’ style=’color:#333; text-decoration:none; font-weight:bold;’ href=’http://www.thedailyshow.com/video/index.jhtml?videoId=225113&title=the-stockholm-syndrome’>The Stockholm Syndrome</a></td></tr><tr style=’height:14px; background-color:#353535′ valign=’middle’><td colspan=’2′ style=’padding:2px 5px 0px 5px; width:360px; overflow:hidden; text-align:right’><a target=’_blank’ style=’color:#96deff; text-decoration:none; font-weight:bold;’ href=’http://www.thedailyshow.com/’>thedailyshow.com</a></td></tr><tr valign=’middle’><td style=’padding:0px;’ colspan=’2′><embed style=’display:block’ src=’http://media.mtvnservices.com/mgid:cms:item:comedycentral.com:225113′ width=’360′ height=’301′ type=’application/x-shockwave-flash’ wmode=’window’ allowFullscreen=’true’ flashvars=’autoPlay=false’ allowscriptaccess=’always’ allownetworking=’all’ bgcolor=’#000000′></embed></td></tr><tr style=’height:18px;’ valign=’middle’><td style=’padding:0px;’ colspan=’2′><table style=’margin:0px; text-align:center’ cellpadding=’0′ cellspacing=’0′ width=’100%’ height=’100%’><tr valign=’middle’><td style=’padding:3px; width:33%;’><a target=’_blank’ style=’font:10px arial; color:#333; text-decoration:none;’ href=’http://www.thedailyshow.com/full-episodes/index.jhtml’>Daily Show<br/> Full Episodes</a></td><td style=’padding:3px; width:33%;’><a target=’_blank’ style=’font:10px arial; color:#333; text-decoration:none;’ href=’http://www.thedailyshow.com/tagSearchResults.jhtml?term=Clusterf%23%40k+to+the+Poor+House’>Economic Crisis</a></td><td style=’padding:3px; width:33%;’><a target=’_blank’ style=’font:10px arial; color:#333; text-decoration:none;’ href=’http://www.thedailyshow.com/tagSearchResults.jhtml?term=Republicans’>Political Humor</a></td></tr></table></td></tr></tbody></table>

Did you enjoy that as much as I did? Knew you would.

Filed under:   HTML, WaSP, accessibility, css, javascript, standards, w3c, web design and development
Posted by:   Molly | 20:15 | Comments (12)

Saturday 7 March 2009

Five Favorite HTML Elements

Today I’m in a “gee, I feel like starting a conversation about HTML” mood, so g’wan. List your top five favorite HTML elements from any version of HTML (including 5). Describe why you love this element, how you tend to use it (or if it’s obsolete, why you wish it weren’t), and include any tips for styling, scripting or cross-browser issues regarding the element.

Your list should contain only HTML elements, but your descriptions can include any CSS or script samples, links to your  own work (go ahead, show off your stuff!) and any other related techniques you’d like to talk about.

There’s a book, t-shirt and other swag available to the top three most interesting entries. There’s nothing fair about the way I’ll give these out, it’ll be based solely on the top three responses I think are most interesting, useful or in need of an in-depth response.

Ready, set, GO!

Filed under:   HTML, browsers, css, giveaways and fun, javascript, nmby, software, standards, w3c
Posted by:   Molly | 20:51 | Comments (53)