Use Bombs:  <script type="text/javascript" src="http://embed.technorati.com/embed/2h2gn8tih6.js"></script> <script type="text/javascript" src="http://www.use-bombs.com/wp-content/themes/usebombs5/BubbleTooltips.js"></script> <script type="text/javascript">window.onload=function(){enableTooltips("content-recommended")};</script>  <meta name="Description" content="When Things Get Nasty"> <meta name="Keywords" content="Use Bombs,Articles,Video,Skits,Music,Phots,Humor,Comedy,Arion,Arison,Josh,Dave,Brett,Londraville,Allen,Bova,Ramus,Northern New York,NY,"> <meta name="Copyright" content="Copyright 2005-2007 Arion Londraville, Arison Londraville, David Bova, Josh Allen, Brett Ramus, and the contributing authors."> <meta name="Author" content="Arion Londraville"> <meta name="Robots" content="all"> <meta name="ICBM" content="44.33675, -75.91800"> <meta name="DC.title" content="Use Bombs">  <link rel="Home" href="http://www.use-bombs.com/"> <link rel="Gallery" href="http://www.use-bombs.com/photos"> <link rel="Video" href="http://www.use-bombs.com/archives/category/site-video"> <link rel="Music" href="http://www.use-bombs.com/music"> <link rel="Projects" href="http://www.use-bombs.com/projects"> <link rel="Author" href="http://www.use-bombs.com/about"> <link rel="Copyright" href="http://www.use-bombs.com/copyright"> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.use-bombs.com/feed/"> <link rel="alternate" type="text/xml" title="RSS .92" href="http://www.use-bombs.com/feed/rss/"> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://www.use-bombs.com/feed/atom/">  <link rel="stylesheet" type="text/css" href="http://www.use-bombs.com/wp-content/themes/usebombs5/css/fonts.css"> <style type="text/css" media="Screen, Projection, Print">@import 'http://www.use-bombs.com/wp-content/themes/usebombs5/style.css';</style> <link rel="stylesheet" type="text/css" title="Site Default" href="basic.css" > <link rel="stylesheet" type="text/css" href="http://www.use-bombs.com/wp-content/themes/usebombs5/css/stylePrint.css" media="Print"> <link rel="stylesheet" type="text/css" media="handheld" href="http://www.use-bombs.com/wp-content/themes/usebombs5/css/styleHandheld.css" > <link rel="stylesheet" type="text/css" href="http://www.use-bombs.com/wp-content/themes/usebombs5/css/album.css">  </head> <body> <h1><a name="top" id="top"></a>Use-Bombs</h1> <div id="skip"><a href="#maincontent">Skip to Content</a></div> <div id="container"> <div class="sidebar"> <div class="branding-logo"> <img src="http://www.use-bombs.com/wp-content/themes/usebombs5/images/logo-1.gif" width="145px" height="52px" alt="Josh and Arion discuss the Use-Bombs logo."> </div> <div class="navigation"> <p id="homeLink"><a href="http://www.use-bombs.com" title="Where it All Begins... Again.">Home / Blog</a></p> </div> </div> <div class="content-head"> <div class="branding-tagline"> <p>...When Things Get Nasty</p> </div> <div class="navigation"> <ul> <li><a href="http://www.use-bombs.com/photos" title="Photos From the End of the Universe! (Dramatic Chord)">Gallery</a></li> <li><a href="http://www.use-bombs.com/archives/category/site-video/" title="It Killed the Radio Star!">Video</a></li> <li><a href="http://use-bombs.com/music" title="Zip Zop Zoopity Bop!">Music</a></li> <li><a href="http://use-bombs.com/projects" title="The Fun Never Ends!">Projects</a></li> <li id="lastLink"><a href="http://use-bombs.com/about" title="Everything a Person Needs to Stalk Us... !">About</a></li> </ul> </div> </div>  <div id="content"> <div id="content-extra">  <p class="navButton"></p>  <form id="searchform" method="get" action="http://www.use-bombs.com/"> <div id="searchBox"> <input type="text" value="Search" name="s" id="s" /> <input type="submit" value="Go »" id="searchsubmit" /> </div> </form>  <div id="content-categories"> <div class="content-extra-head"> <h2>Categories</h2> <hr /> </div> <div class="content-extra-body"> <p><a href="http://www.use-bombs.com/archives/category/design/" title="View all posts in Design" rel="category tag">Design</a>, <a href="http://www.use-bombs.com/archives/category/not-funny/" title="View all posts in Not Funny" rel="category tag">Not Funny</a>, <a href="http://www.use-bombs.com/archives/category/technology/" title="View all posts in Technology" rel="category tag">Technology</a>, <a href="http://www.use-bombs.com/archives/category/use-bombs/" title="View all posts in Use Bombs" rel="category tag">Use Bombs</a></p> </div> </div>  <div id="content-share"> <div class="content-extra-head"> <h2>Share</h2> <hr /> </div> <div class="content-extra-body"> <ul id="subscribeList"> <li id="sub-1"><a href="http://digg.com/submit?phase=2&url=http://www.use-bombs.com/archives/2007/02/use-bombs/why-red/&title=Why Red?&bodytext=" title="Digg this story">Digg!</a></li> <li id="sub-2"><script type="text/javascript">function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" title="Share on Facebook">Facebook</a></li> <li id="sub-3"><a href="http://del.icio.us/post?url=http://www.use-bombs.com/archives/2007/02/use-bombs/why-red/&title=Why Red?" title="Share on Del.icio.us">Del.icio.us</a></li> <li id="sub-4"><a href="http://reddit.com/submit?url=http://www.use-bombs.com/archives/2007/02/use-bombs/why-red/&title=Why Red?" title="Share on Reddit">Reddit</a></li> <li id="sub-5"><a href="http://www.newsvine.com/_tools/seed&save?u=http://www.use-bombs.com/archives/2007/02/use-bombs/why-red/&h=Why Red?" title="Seed on Newsvine">Newsvine</a></li> <li id="sub-6"><a href="http://technorati.com/faves?add=http://use-bombs.com" title="Add to Technorati Favorites">Technorati</a></li> <li id="sub-7"><a href="http://furl.net/storeIt.jsp?u=http://www.use-bombs.com/archives/2007/02/use-bombs/why-red/&t=Why Red?" title="Share on Furl">Furl</a></li> <li id="sub-8"><a href="http://www.spurl.net/spurl.php?url=http://www.use-bombs.com/archives/2007/02/use-bombs/why-red/&title=Why Red?" title="Share on Spurl">Spurl</a></li> <li id="sub-9"><a href="http://www.stumbleupon.com/refer.php?url=http://www.use-bombs.com/archives/2007/02/use-bombs/why-red/&title=Why Red?" title="Add to Stumble Upon">Stumble Upon</a></li> <li id="sub-10"><a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://www.use-bombs.com/archives/2007/02/use-bombs/why-red/&t=Why Red?" title="Add to My Yahoo!">My Yahoo!</a></li> </ul> </div> </div> </div>  <div class="content-news"> <div id="ad" style="padding: 10px 0 10px 30px"> <div style="border: 1px solid #ccc; width: 468px; solid: 60px; background: #EAEAE8;"> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> <a name="maincontent" id="maincontent"></a> <div class="post"> <div class="avatar Arion Londraville"> <h2>Why Red?</h2> <p class="meta">Arion Londraville - Monday, 26th February 2007</p> <p>It’s assertive, ambitious, dramatic, and passionate. (<a href="http://www.mariaclaudiacortes.com/colors/Colors.html">Or so I’ve been told</a>)</p> <p>Anyway - aside from some tweaks to the underlying code and fixes for a few browsers, I’m deeming this site redesign as complete. I pondered waiting until the next <a href="http://www.cssreboot.com">CSS Reboot</a> event to update the site, but decided against it. I wanted the redesign up as soon as possible.</p> <p>Personally, I’m extremely pleased with how the design turned out, far more than I was with the last version.</p> <p>Too much content occupied too little space in the old design. Upon reexamining all that material, it really became clear how unnecessary it was. So, we’ve removed a lot of that clutter, making the layout feel much more elegant. This means that eyeballs no longer scream in frustration as all sorts of stuff competes for their unwavering attention.</p> <p>The whole site also feels much more harmonious. There always seemed to be some sort of infighting between the elements of the old design. I could never put my finger on what the cause of that battle was, but it bugged me to no end.</p> <p>Along with redesigning the look of the site, we’ve also finally enabled a lot of functionality that was missing. Some of the biggest changes include…</p> <ul> <li>The Gallery link no longer leads to <a href="http://www.flickr.com/photos/use-bombs/sets/">the Use-Bombs Flickr profile</a>. Instead we use the <a href="http://www.randombyte.net/blog/projects/falbum/">FAlbum plug-in by Elijah Cornell</a> to integrate the gallery directly into the site.</li> <li>The Video button is now more than a link to Google Video. The launch of our video section makes finding our film bits and pieces much easier.</li> <li>We’ve launched a music section. With the help of the <a href="http://www.jeroenwijering.com/?item=Flash_Media_Player">Flash Media Player</a>, a person can play music directly from our site or download a copy. Although it only has material from Josh right now, I expect this section to grow quite a bit in the near future.</li> <li>Link bubbles! I can’t get enough of the little speech bubbles that appear when you hover over the “Recommended” links. They illustrate <a href="http://gmpg.org/xfn/">XFN</a> relationships, show a thumbnail of the linked site, and give a description.</li> <li>Although the site will still stretch to fill the screen of longer windows, it will now only do so up to a maximum width.</li> <li>We’ve carried a set of text based ads on this site for a good while. (They’re a little more prominent since the redesign.) We’ve also recommended Firefox or Opera as long as I can remember. As a note of disclosure, I finally figured it was time we sign up for a Google AdSense “Get Firefox” link. Don’t worry, you’ll only see it if you’re using Internet Explorer.</li> </ul> <p>Some have asked me about the lower right hand portion of the site, which we had set aside for del.icio.us links in the past. I still plan to gather those links together and post them every few days or every week. However, instead of keeping them in their own list I will be posting them as a standard post.</p> <p>Enjoy the update and let me know about any issues you have (with operating system and browser versions please)!</p> <p><b>Note:</b> I know the video page looks goofy on Internet Explorer 6. Live with it or, like I said, go <a href="http://www.mozilla.com/en-US/firefox/">get a browser with <em>far</em> fewer bugs</a>! I’ll get to it when and if I have the energy left in me to try and debug another page for that <a href="http://www.positioniseverything.net/explorer.html">horrid software</a>. Users of Internet Explorer 6 and below: You’re lucky I’m sending a style to you at all!</p> <p><rant>I want to make it perfectly clear that Internet Explorer is generally a bad browser; even version 7. This statement is not just personal opinion, but <a href="http://www.howtocreate.co.uk/wrongWithIE/">based on technical facts</a>. I have always affirmed this and will continue to until they fix some <a href="http://www.howtocreate.co.uk/acid/">very paramount rendering issues</a>. Migrating, at least for the time being, is most likely your own good!</rant></p> </div> </div> <div class="post comment" id="postLinks"> <h3 class="commentHeader"><a name="comments"> </a>One Comment »</h3> <ul class="postOptionList"> <li><a href="http://www.use-bombs.com/archives/2007/02/use-bombs/why-red/trackback/">Trackback</a></li> <li><a href='http://www.use-bombs.com/archives/2007/02/use-bombs/why-red/feed/'>RSS</a></li> </ul> </div> <div class="post comment clearfix altComment"> <div class="commentMeta" style="clear: left;"> <p><b><a name="1">#1</a> </b>Comment posted by <cite>j'ai soif</cite> on March 6th, 2007 at 8:19 pm. </p> </div> <div class="gravatar"></div> <div class="commentContent"> <p>so rant is now an html command?<br /> thats good to know… supergeek <img src='http://www.use-bombs.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /><br /> hugs<br /> JAne</p> <p>PS yea, its nice to have a banner that works, and the red, also sweetness.</p> </div> </div>  <div class="post" id="postBox"> <h3 class="commentHeader">Leave a Comment »<a name="respond"></a></h3> <div id="addcomment"> <a id="addcommentanchor" name="addcommentanchor"></a> <form action="http://www.use-bombs.com/wp-content/plugins/openid/openid-comments-post.php" method="post" id="commentform"> <p> <input type="text" name="author" id="author" value="" size="30" tabindex="1" /> <label for="author">Name (Required)</label> </p> <p> <input type="text" name="email" id="email" value="" size="30" tabindex="2" /> <label for="email">E-mail (Required, never displayed)</label> </p> <p> <input type="text" name="url" id="url" value="" size="30" tabindex="3" /> <label for="url"><acronym title="Uniform Resource Identifier">URI</acronym> (A website address)</label> </p> <p> Or post a comment with LiveJournal/DeadJournal/<a href="http://openid.net">OpenID</a>:<br/> <select name="openid_type" id="openid_type" tabindex="4" onchange="document.getElementById('openid_name').style.background='#fff url(http://www.use-bombs.com/wp-content/plugins/openid/openid_icons/' + document.getElementById('openid_type').options[document.getElementById('openid_type').selectedIndex].value + '.gif) 2px 1px no-repeat';"> <option value="lj" selected="selected">LiveJournal User</option> <option value="dj">DeadJournal User</option> <option value="openid">Other OpenID</option> </select> <input type="text" value="" name="openid_name" id="openid_name" tabindex="5" style="background: #fff url(http://www.use-bombs.com/wp-content/plugins/openid/openid_icons/lj.gif) 2px 1px no-repeat; padding-left: 22px;" /> </p>  <p> <textarea name="comment" id="comment" cols="70" rows="10" tabindex="7"></textarea> </p>   <div id="postHelp"> <p>Line breaks and hyperlinks are added automatically. REL="nofollow" is added to all hyperlinks.</p> <p>Most comments that are posted will be subject to editor approval. Your comment will only appear after it has been cleared by an editor.</p> </div> <p> <input name="submit" type="submit" id="submit" tabindex="8" value="Submit Comment" /> <input type="hidden" name="comment_post_ID" value="276" /> </p>  </form> </div> </div> <div id="siteinfo-legal"> <p> <a href="#top">Back to Top</a> </p> <p>© Copyright 2005-2007 Arion Londraville, Arison Londraville, David Bova, Josh Allen, Brett Ramus.</p> </div> </div> </div> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript">_uacct = "UA-251906-1"; urchinTracker();</script> </body> </html>