tag:blogger.com,1999:blog-27088153204818962672024-03-04T23:29:40.423-05:00{ja:cie} Creative Design & ProgrammingMy experience in creative design and web application programming.Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.comBlogger14125tag:blogger.com,1999:blog-2708815320481896267.post-63267380076303252472011-09-09T07:30:00.000-04:002011-09-09T07:30:06.439-04:00Recent Facebook update causes your like button to appear TWICE!<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwu8mHb85HPh32MBgJUPKLsAoF4IFPBh4sGnc0sNqMSYWZlKXzPgRiuBB1Vtqpn8zMjA_tctHvQiHttZ7dMbU8N1s65p6FmFnDMkIoDqSjGggnRdZBYOSQCwrtLvprSdEkWtGh50D5Ovg/s1600/fbDoubleLike.jpg" imageanchor="1" style="clear:right; float:right; margin-left:1em; margin-bottom:1em"><img border="0" height="152" width="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwu8mHb85HPh32MBgJUPKLsAoF4IFPBh4sGnc0sNqMSYWZlKXzPgRiuBB1Vtqpn8zMjA_tctHvQiHttZ7dMbU8N1s65p6FmFnDMkIoDqSjGggnRdZBYOSQCwrtLvprSdEkWtGh50D5Ovg/s400/fbDoubleLike.jpg" /></a></div><br />
I was shocked when one of my clients sent me a screen shot showing TWO facebook like buttons on his website - one under the other. I went in circles for a couple minutes trying to see if maybe something was happening twice in JavaScript when I found this article:<br />
<br />
<a href="http://stackoverflow.com/questions/7343277/like-button-just-started-showing-duplicates-has-something-changed-on-facebooks">http://stackoverflow.com/questions/7343277/like-button-just-started-showing-duplicates-has-something-changed-on-facebooks</a><br />
<br />
Here's what my code looked like:<br />
<br />
<pre class="brush:js">// append like button
fbLike = $('<div class="fb-like"><fb:like href="'+location.href+'" send="no" layout="button_count" width="60" show_faces="no" action="like"></fb:like></div>').appendTo(social);
</pre><br />
Apparently, this recent FB update conflicts with the class name 'fb-like' ANYWHERE in your DOM. All I had to do was rename my div wrapper from fb-like to fblike and everything was fixed.<br />
<br />
How odd is that!Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com0tag:blogger.com,1999:blog-2708815320481896267.post-46033998266161158592011-05-26T10:56:00.001-04:002011-05-26T10:56:46.890-04:00Fancy UL/LI bulletsI've always been frustrated at the rather useless selection of bullet options for LI lists in CSS. So I decided to do something about it.<br />
<br />
I developed a simple set of transparent PNGs and a set of CSS classes to boot. Here's the result: (the below image was generated using only ul/li code)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-k-b8rdwPP_0/Td5p2N1r4YI/AAAAAAAAPPQ/ml3kmu5L6E4/s1600/fancy-li-bullets.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="224" width="255" src="http://4.bp.blogspot.com/-k-b8rdwPP_0/Td5p2N1r4YI/AAAAAAAAPPQ/ml3kmu5L6E4/s400/fancy-li-bullets.jpg" /></a></div><br />
<b><a href="http://files.jacie.ca/jc/2011-05-26_li-bullet-styles.zip">Download the bullet images here.</a></b><br />
<br />
Then try this CSS: (be sure to update the image references accordingly)<br />
<br />
<pre class="brush:css">ul.check li, li.check { list-style-image:url('li.check.png'); }
ul.x li, li.x { list-style-image:url('li.x.png'); }
ul.box li, li.box { list-style-image:url('li.box.png'); }
ul.box-on li, li.box-on { list-style-image:url('li.box-on.png'); }
ul.radio li, li.radio { list-style-image:url('li.radio.png'); }
ul.radio-on li, li.radio-on { list-style-image:url('li.radio-on.png'); }
ul.plus li, li.plus { list-style-image:url('li.plus.png'); }
ul.minus li, li.minus { list-style-image:url('li.minus.png'); }
</pre>Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com1tag:blogger.com,1999:blog-2708815320481896267.post-65195981276542494132011-05-06T14:11:00.003-04:002011-05-06T14:44:06.324-04:00The Secret to Beautifully Inset/Embossed TextWhite drop shadows.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-ABdWKlriuzs/TcQ5tMiW-cI/AAAAAAAAPMI/0Gst39JasgA/s1600/whiteDropShadow.jpg" imageanchor="1" style=""><img border="0" height="89" width="200" src="http://1.bp.blogspot.com/-ABdWKlriuzs/TcQ5tMiW-cI/AAAAAAAAPMI/0Gst39JasgA/s200/whiteDropShadow.jpg" /></a></div><br />
This simple technique has totally transformed my designs in the last couple weeks. My buttons have more dimension. My text has more impact. I feel so Web 3.0.<br />
<br />
Try it in your favorite image processor... or even better, IN CSS!<br />
<br />
<pre class="brush:css">text-shadow:1px 1px 0px #fff;
filter:DropShadow(Color=#ffffff, OffX=1, OffY=1); /* FOR IE */
</pre>Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com0tag:blogger.com,1999:blog-2708815320481896267.post-45881410347717133012011-04-26T14:24:00.000-04:002011-04-26T14:24:12.073-04:00Connect Multiple Browsers using JavaScriptWhen searching for answers to development issues, I often land on <a href="http://www.bennadel.com">Ben Nadel's Blog</a>.<br />
<br />
I landed there today and subsequently stumbled upon the most glorious JavaScript post I've ever seen in my entire life.<br />
<br />
Ben demonstrates how to communicate with multiple client browsers using JAVASCRIPT! That's right. Imagine you and your friend have the same website pulled up. Then imagine you click on text field and started typing... and watching your friend's browser update INSTANTLY. No joke.<br />
<br />
Ben shows us more here: <a href="http://www.bennadel.com/blog/2171-Realtime-Messaging-And-Synchronization-With-NowJS-And-Node-js.htm">http://www.bennadel.com/blog/2171-Realtime-Messaging-And-Synchronization-With-NowJS-And-Node-js.htm</a><br />
<br />
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="600" width="545"><param name="movie" value="http://www.bennadel.com/resources/jing/2011-04-15_1722.swf"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF"><param name="flashVars" value="width=545&height=600"><param name="allowFullScreen" value="true"><param name="scale" value="showall"><param name="allowScriptAccess" value="always"><embed allowfullscreen="true" allowscriptaccess="always" bgcolor="#FFFFFF" flashvars="width=545&height=600" height="600" quality="high" scale="showall" src="http://www.bennadel.com/resources/jing/2011-04-15_1722.swf" type="application/x-shockwave-flash" width="545"></object><br />
<br />
Thanks, Ben!Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com0tag:blogger.com,1999:blog-2708815320481896267.post-65179812383228795692011-04-20T16:30:00.001-04:002011-04-20T16:30:11.889-04:00Dynamic Image Placeholders (or what I like to call 'Image Ipsum')<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-Rf3NlQjaXdc/Ta9B8rWn44I/AAAAAAAAPMA/YQuYO7P9ZGQ/s1600/placekitten.jpg" imageanchor="1" style="clear:right; float:right; margin-left:1em; margin-bottom:1em"><img border="0" height="158" width="200" src="http://3.bp.blogspot.com/-Rf3NlQjaXdc/Ta9B8rWn44I/AAAAAAAAPMA/YQuYO7P9ZGQ/s200/placekitten.jpg" /></a></div><br />
Ever struggle to find a generic image placeholder of a web design during development?<br />
<br />
Two fantastic sites you need to checkout:<br />
<br />
<a href="http://kittenholder.com">http://kittenholder.com</a><br />
<br />
<a href="http://flickholdr.com">http://flickholdr.com</a><br />
<br />
Both services allow you to paste a URI like "http://flickholdr.com/980/220/balls" into your HTML and get back a random JPEG. In the above URI, 980 is width, 220 is height and 'balls' is a search parameter.<br />
<br />
One suggestion for kittenholder.com - rename your website to loremkitten.com ;)Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com0tag:blogger.com,1999:blog-2708815320481896267.post-51520411146274452712011-04-14T22:05:00.000-04:002011-04-14T22:05:02.085-04:00Caching JSON RequestsShopWarrens.com is a retail website I've been developing for a couple of months. The latest version was designed specifically with speed in mind. We want customers to be able to find exactly what they are looking for quickly and intuitively.<br />
<br />
The site is being served from a shared environment. While its very cost effective, the database performance is less than ideal. We've done our best to keep db processing to a minimum. But with every request for a product list comes yet another hit against the database... and they were sometimes very costly hits.<br />
<br />
I'd eventually had it with the intermitent performance issues and said to myself - 'there's got to be a way to make these requests load faster for ALL visitors'. I want peoples minds to be BLOWN away at how fast the web experience is.<br />
<br />
Then it hit me... all I'm returning to the browser is a JSON string. What if that JSON string was cached in 6hr intervals? Then the product lists would load INSTANTLY... no waiting for db processing... the server can respond as fast as possible with the appropriate JSON response.<br />
<br />
My solution was build in ColdFusion (hangs head in embarrassment) but the same could be applied to any server language.<br />
<br />
Here's how it works...<br />
<br />
Here's my server directory structure:<br />
ajax/products.get.cfm<br />
ajax/products.list.cfm<br />
ajax/_cache.cfm<br />
ajax/_cache (this is a dir)<br />
<br />
In each file that processes a request and returns JSON, I include _cache.cfm at the top of that file. At the very bottom of each file, I also change my <cfoutput> or WriteOutput() to a custom function called CacheOutput(JSON_STRING_HERE).<br />
<br />
Here's what _cache.cfm does. (remember - its being included before anything else)<br />
<ol><li>Scan the cache directory for files older than 6hrs and deletes them.</li>
<li>Creates a unique identifier for the given request by lumping the current server file that's being processed with any GET or POST variables.</li>
<li>It then compresses the potentially large unique identifier into an encrypted hash string. This new string becomes the file name for the cache content.</li>
<li>Does a file already exist in the cache with that unique identifier?<br />
- if YES, serve that content up and ABORT page execution<br />
- if NO, let the current page on the server finish processing the request<br />
</li>
<li>Lastly, it defines the function that will be used on the original page processing the request to output AND cache the result.</li>
</ol><br />
Here's the code:<br />
<br />
<pre class="brush:cf"><cfset __cacheMinutes = 60*6>
<!---------------------------------->
<!--- keep the cache files clean --->
<!---------------------------------->
<!--- get all files in the cache ----->
<cfdirectory directory="#ExpandPath('.\')#/_cache" name="qDir" sort="datelastmodified ASC" type="file" />
<!--- determine the expiry date --->
<cfset cacheExpiryDateTime = DateAdd('n',-__cacheMinutes,Now())>
<cfset timestr = '#DateFormat(cacheExpiryDateTime,"yyyy-mm-dd")# #TimeFormat(cacheExpiryDateTime,"HH:mm:ss")#'>
<!--- filter the files by the expiry date --->
<cfquery name="qDir_filtered" dbtype="query">
SELECT *
FROM qDir
WHERE datelastmodified < '#Evaluate("timestr")#'
</cfquery>
<!--- delete old files --->
<cfloop query="qDir_filtered">
<cffile action="delete" file="#ExpandPath('.\')#/_cache/#name#" />
</cfloop>
<!-------------------------------->
<!--- build a unique requestid --->
<!-------------------------------->
<!--- start the request id with the server page being executed --->
<cfset __requestID = '#CGI.PATH_INFO#'>
<!--- add url variables to the unique requestid --->
<cfset StructDelete(Url,'FieldNames')>
<cfloop collection="#Url#" item="i">
<cfset __requestID = '#__requestID#_#i#-#Url[i]#'>
</cfloop>
<!--- add form variables to the unique requestid --->
<cfset StructDelete(Form,'FieldNames')>
<cfloop collection="#Form#" item="i">
<cfset __requestID = '#__requestID#_#i#-#Form[i]#'>
</cfloop>
<!-------------------------------->
<!--- build a hashed filename ---->
<!-------------------------------->
<cfset __cacheID = Hash(__requestID)>
<cfset __cacheFile = '#ExpandPath('.\')#/_cache/#__cacheID#.bk'>
<!-------------------------------->
<!--- does this cache exist? ----->
<!-------------------------------->
<cfif FileExists(__cacheFile)>
<cffile action="read" file="#__cacheFile#" variable="CachedContent" />
<cfoutput>#CachedContent#</cfoutput>
<cfabort>
</cfif>
<!------------------------------------------------>
<!--- build the function that caches content ----->
<!------------------------------------------------>
<cffunction name="CacheOutput" output="yes">
<cfargument name="OutputString">
<!--- output the result as fast as possible --->
<cfoutput>#OutputString#</cfoutput>
<!--- write the output to the cache --->
<cffile action="write" file="#__cacheFile#" nameconflict="overwrite" output="#OutputString#" />
</cffunction>
</pre>Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com0tag:blogger.com,1999:blog-2708815320481896267.post-57669280376895981572009-09-01T16:50:00.001-04:002009-09-02T09:46:13.630-04:00The IE8 Speed Fix!<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_YXCUzGNr60s/Sp5BGUgMR1I/AAAAAAAAOic/vDGamrAuzEk/s1600-h/ie8-beta.png"><img style="float:right; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 196px; height: 200px;" src="http://2.bp.blogspot.com/_YXCUzGNr60s/Sp5BGUgMR1I/AAAAAAAAOic/vDGamrAuzEk/s200/ie8-beta.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5376806581965702994" /></a>I hate Microsoft.<br /><br />Its been a solid few months since I've been using IE8 (only for website testing, not everyday browsing). I noticed that every so often (more often then not), one of the tabs in IE would just hang. It wouldn't load the page. I'd open a new tab to fix it... and it wouldn't load either. I'd pop into <a href="http://google.com/chrome" target="_blank">Google Chrome</a> and the same URL would load fine. This would also happen in IE8 pop-up windows.<br /><br />I finally decided to do some research on the issue, and to my surprise, there's actually a solution. So far, it seems to have worked for me. Hopefully it'll do the same for you:<br /><br />1) Open Command Prompt (Start > Run > Type: 'cmd')<br />2) Type: 'regsvr32 actxprxy.dll'<br />3) You should see an alert box pop up saying something was successful.<br />4) Reboot.<br />5) Enjoy a less buggy IE8 experience.<br /><br />I'm running XP and this solution works great. Not sure if this solution will work for Vista users or not. If it doesn't, the next best thing would be to find the <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank">IE8 installer</a> and reinstalling IE8 completely.Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com2tag:blogger.com,1999:blog-2708815320481896267.post-53150880124372836702009-04-25T10:21:00.003-04:002009-04-25T10:48:21.178-04:00Poster Design as Inspiration<img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 126px; height: 153px;" src="http://3.bp.blogspot.com/_YXCUzGNr60s/SfMe_72u6RI/AAAAAAAAK2Y/AZJNv_cxXtk/s200/ProductImage.aspx.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5328636867857279250" /> I'm always on the lookout for different sources of inspiration to help keep my designs fresh. This book is pretty awesome. Its called 'New Masters of Poster Design' and is a collaboration of poster design from around the world.<br /><br />First off, the designs are out of this world. Some of the designs have me wondering, "Woah - what client would ever say 'Yes!' to that!?! Its too crazy!" Its obvious that the designers hired to do this work were given 100% creative freedom.<br /><br />Secondly, the creative influences in this book are global... and it shows. There's so much variety in the designs. The book exposes you to creative genius that you'd, otherwise, be hard pressed to experience.<br /><br />Lastly, by nature of poster design, its a completely different format then web or corporate collateral design, at least in this book. Much of the strange formatting used in the posters (which work well for posters) can be used to influence new ideas in formatting web designs or corporate collateral. <br /><br />All in all, its a great purchase. I purchased it just over 8 months ago and I still take a peak through it once or twice a month as a creative refresher. <br /><br />Pick it up at Indigo - <a href="http://www.chapters.indigo.ca/books/New-Masters-Poster-Design-Poster-John-Foster/9781592532223-item.html">http://www.chapters.indigo.ca/books/New-Masters-Poster-Design-Poster-John-Foster/9781592532223-item.html</a>.Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com0tag:blogger.com,1999:blog-2708815320481896267.post-10967274176899582412008-05-17T10:58:00.006-04:002008-05-17T11:01:44.963-04:00ASCII-INSANITY!Star Wars - done using only ASCII characters!<br /><a href="http://www.asciimation.co.nz/">http://www.asciimation.co.nz/</a>Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com0tag:blogger.com,1999:blog-2708815320481896267.post-9779716860336025982008-04-22T20:57:00.004-04:002008-11-12T21:23:39.227-05:00300% Cotton - 100% Inspiration<a href="http://1.bp.blogspot.com/_YXCUzGNr60s/SA6SXJuAh2I/AAAAAAAAAA4/ckutj5GPEL0/s1600-h/300Cotton.jpg"><img id="BLOGGER_PHOTO_ID_5192248346848298850" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://1.bp.blogspot.com/_YXCUzGNr60s/SA6SXJuAh2I/AAAAAAAAAA4/ckutj5GPEL0/s320/300Cotton.jpg" border="0" /></a>A good friend of mine, Private Dave McDonald, hooked me up with a gift card to Indigo. I'm not a book guy - at all. But the gift card gave me an opportunity to do something I should have done years ago. I needed to expose myself to some new, fresh and creative design influences.<br /><br />There's a difference between a designer and a creative designer - and I want to be the later. A designer may know how to pair colors or how to layout a page. They may also know how to pump out lifeless templates and designs. But a creative designer should have the ability to <strong>CREATE</strong> - hence <strong><span class="blsp-spelling-error" id="SPELLING_ERROR_0">CREAT</span></strong><span class="blsp-spelling-error" id="SPELLING_ERROR_1">ive</span>. Each creation should be a unique manifestation of the <span class="blsp-spelling-error" id="SPELLING_ERROR_2">design's</span> purpose and should <span class="blsp-spelling-corrected" id="SPELLING_ERROR_3">in turn</span> induce emotion - exactly the same way music does. Although each design may contain a designer's common fingerprint elements, it should, for the most part, be a unique creation. And in order to be creative, you need inspiration.<br /><br /><strong>For me, inspiration has come in the form of this book. I randomly grabbed this book off the shelf (one of many) at Indigo. Hats off to Helen Walters on publishing an excellent collection of graphic art. It's entitled <u>300% Cotton</u> and features 934 color illustrations from some of the most creative graphic-tee designers from across the globe.</strong><br /><br />I'm making a commitment to pick up books similar to this on a regular basis. This one book alone has freed my creativity from the dreaded "plateau".<br /><br /><a href="http://www.chapters.indigo.ca/books/300-Cotton-More-Shirt-Graphics-Helen-Walters/9781856694919-item.html">300% Cotton at Indigo.Chapters.ca</a>Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com0tag:blogger.com,1999:blog-2708815320481896267.post-27733176074490440632008-04-18T22:48:00.009-04:002008-04-22T21:38:34.818-04:00Easy HTML/CSS Color PickerI was browsing the web for a really simple solution for RGB color selection in a form. But, every example I found seemed to require a ridiculous amount JS. Then I had a genius thought - <em>why not just use CSS and HTML?</em><br /><em></em><br />So here she is: (as I blog, you'll come to learn that all HTML elements are inherently female)<br /><br /><select style="WIDTH: 75px"> <option style="BACKGROUND: #000000" value="000000"></option><option style="BACKGROUND: #333333" value="333333"></option><option style="BACKGROUND: #666666" value="666666"></option><option style="BACKGROUND: #999999" value="999999"></option><option style="BACKGROUND: #cccccc" value="cccccc"></option><option style="BACKGROUND: #ffffff" value="ffffff"></option><option style="BACKGROUND: #000000" value="000000"></option><option style="BACKGROUND: #000033" value="000033"></option><option style="BACKGROUND: #000066" value="000066"></option><option style="BACKGROUND: #000099" value="000099"></option><option style="BACKGROUND: #0000cc" value="0000CC"></option><option style="BACKGROUND: #0000ff" value="0000FF"></option><option style="BACKGROUND: #003300" value="003300"></option><option style="BACKGROUND: #003333" value="003333"></option><option style="BACKGROUND: #003366" value="003366"></option><option style="BACKGROUND: #003399" value="003399"></option><option style="BACKGROUND: #0033cc" value="0033CC"></option><option style="BACKGROUND: #0033ff" value="0033FF"></option><option style="BACKGROUND: #006600" value="006600"></option><option style="BACKGROUND: #006633" value="006633"></option><option style="BACKGROUND: #006666" value="006666"></option><option style="BACKGROUND: #006699" value="006699"></option><option style="BACKGROUND: #0066cc" value="0066CC"></option><option style="BACKGROUND: #0066ff" value="0066FF"></option><option style="BACKGROUND: #009900" value="009900"></option><option style="BACKGROUND: #009933" value="009933"></option><option style="BACKGROUND: #009966" value="009966"></option><option style="BACKGROUND: #009999" value="009999"></option><option style="BACKGROUND: #0099cc" value="0099CC"></option><option style="BACKGROUND: #0099ff" value="0099FF"></option><option style="BACKGROUND: #00cc00" value="00CC00"></option><option style="BACKGROUND: #00cc33" value="00CC33"></option><option style="BACKGROUND: #00cc66" value="00CC66"></option><option style="BACKGROUND: #00cc99" value="00CC99"></option><option style="BACKGROUND: #00cccc" value="00CCCC"></option><option style="BACKGROUND: #00ccff" value="00CCFF"></option><option style="BACKGROUND: #00ff00" value="00FF00"></option><option style="BACKGROUND: #00ff33" value="00FF33"></option><option style="BACKGROUND: #00ff66" value="00FF66"></option><option style="BACKGROUND: #00ff99" value="00FF99"></option><option style="BACKGROUND: #00ffcc" value="00FFCC"></option><option style="BACKGROUND: #00ffff" value="00FFFF"></option><option style="BACKGROUND: #330000" value="330000"></option><option style="BACKGROUND: #330033" value="330033"></option><option style="BACKGROUND: #330066" value="330066"></option><option style="BACKGROUND: #330099" value="330099"></option><option style="BACKGROUND: #3300cc" value="3300CC"></option><option style="BACKGROUND: #3300ff" value="3300FF"></option><option style="BACKGROUND: #333300" value="333300"></option><option style="BACKGROUND: #333333" value="333333"></option><option style="BACKGROUND: #333366" value="333366"></option><option style="BACKGROUND: #333399" value="333399"></option><option style="BACKGROUND: #3333cc" value="3333CC"></option><option style="BACKGROUND: #3333ff" value="3333FF"></option><option style="BACKGROUND: #336600" value="336600"></option><option style="BACKGROUND: #336633" value="336633"></option><option style="BACKGROUND: #336666" value="336666"></option><option style="BACKGROUND: #336699" value="336699"></option><option style="BACKGROUND: #3366cc" value="3366CC"></option><option style="BACKGROUND: #3366ff" value="3366FF"></option><option style="BACKGROUND: #339900" value="339900"></option><option style="BACKGROUND: #339933" value="339933"></option><option style="BACKGROUND: #339966" value="339966"></option><option style="BACKGROUND: #339999" value="339999"></option><option style="BACKGROUND: #3399cc" value="3399CC"></option><option style="BACKGROUND: #3399ff" value="3399FF"></option><option style="BACKGROUND: #33cc00" value="33CC00"></option><option style="BACKGROUND: #33cc33" value="33CC33"></option><option style="BACKGROUND: #33cc66" value="33CC66"></option><option style="BACKGROUND: #33cc99" value="33CC99"></option><option style="BACKGROUND: #33cccc" value="33CCCC"></option><option style="BACKGROUND: #33ccff" value="33CCFF"></option><option style="BACKGROUND: #33ff00" value="33FF00"></option><option style="BACKGROUND: #33ff33" value="33FF33"></option><option style="BACKGROUND: #33ff66" value="33FF66"></option><option style="BACKGROUND: #33ff99" value="33FF99"></option><option style="BACKGROUND: #33ffcc" value="33FFCC"></option><option style="BACKGROUND: #33ffff" value="33FFFF"></option><option style="BACKGROUND: #660000" value="660000"></option><option style="BACKGROUND: #660033" value="660033"></option><option style="BACKGROUND: #660066" value="660066"></option><option style="BACKGROUND: #660099" value="660099"></option><option style="BACKGROUND: #6600cc" value="6600CC"></option><option style="BACKGROUND: #6600ff" value="6600FF"></option><option style="BACKGROUND: #663300" value="663300"></option><option style="BACKGROUND: #663333" value="663333"></option><option style="BACKGROUND: #663366" value="663366"></option><option style="BACKGROUND: #663399" value="663399"></option><option style="BACKGROUND: #6633cc" value="6633CC"></option><option style="BACKGROUND: #6633ff" value="6633FF"></option><option style="BACKGROUND: #666600" value="666600"></option><option style="BACKGROUND: #666633" value="666633"></option><option style="BACKGROUND: #666666" value="666666"></option><option style="BACKGROUND: #666699" value="666699"></option><option style="BACKGROUND: #6666cc" value="6666CC"></option><option style="BACKGROUND: #6666ff" value="6666FF"></option><option style="BACKGROUND: #669900" value="669900"></option><option style="BACKGROUND: #669933" value="669933"></option><option style="BACKGROUND: #669966" value="669966"></option><option style="BACKGROUND: #669999" value="669999"></option><option style="BACKGROUND: #6699cc" value="6699CC"></option><option style="BACKGROUND: #6699ff" value="6699FF"></option><option style="BACKGROUND: #66cc00" value="66CC00"></option><option style="BACKGROUND: #66cc33" value="66CC33"></option><option style="BACKGROUND: #66cc66" value="66CC66"></option><option style="BACKGROUND: #66cc99" value="66CC99"></option><option style="BACKGROUND: #66cccc" value="66CCCC"></option><option style="BACKGROUND: #66ccff" value="66CCFF"></option><option style="BACKGROUND: #66ff00" value="66FF00"></option><option style="BACKGROUND: #66ff33" value="66FF33"></option><option style="BACKGROUND: #66ff66" value="66FF66"></option><option style="BACKGROUND: #66ff99" value="66FF99"></option><option style="BACKGROUND: #66ffcc" value="66FFCC"></option><option style="BACKGROUND: #66ffff" value="66FFFF"></option><option style="BACKGROUND: #990000" value="990000"></option><option style="BACKGROUND: #990033" value="990033"></option><option style="BACKGROUND: #990066" value="990066"></option><option style="BACKGROUND: #990099" value="990099"></option><option style="BACKGROUND: #9900cc" value="9900CC"></option><option style="BACKGROUND: #9900ff" value="9900FF"></option><option style="BACKGROUND: #993300" value="993300"></option><option style="BACKGROUND: #993333" value="993333"></option><option style="BACKGROUND: #993366" value="993366"></option><option style="BACKGROUND: #993399" value="993399"></option><option style="BACKGROUND: #9933cc" value="9933CC"></option><option style="BACKGROUND: #9933ff" value="9933FF"></option><option style="BACKGROUND: #996600" value="996600"></option><option style="BACKGROUND: #996633" value="996633"></option><option style="BACKGROUND: #996666" value="996666"></option><option style="BACKGROUND: #996699" value="996699"></option><option style="BACKGROUND: #9966cc" value="9966CC"></option><option style="BACKGROUND: #9966ff" value="9966FF"></option><option style="BACKGROUND: #999900" value="999900"></option><option style="BACKGROUND: #999933" value="999933"></option><option style="BACKGROUND: #999966" value="999966"></option><option style="BACKGROUND: #999999" value="999999"></option><option style="BACKGROUND: #9999cc" value="9999CC"></option><option style="BACKGROUND: #9999ff" value="9999FF"></option><option style="BACKGROUND: #99cc00" value="99CC00"></option><option style="BACKGROUND: #99cc33" value="99CC33"></option><option style="BACKGROUND: #99cc66" value="99CC66"></option><option style="BACKGROUND: #99cc99" value="99CC99"></option><option style="BACKGROUND: #99cccc" value="99CCCC"></option><option style="BACKGROUND: #99ccff" value="99CCFF"></option><option style="BACKGROUND: #99ff00" value="99FF00"></option><option style="BACKGROUND: #99ff33" value="99FF33"></option><option style="BACKGROUND: #99ff66" value="99FF66"></option><option style="BACKGROUND: #99ff99" value="99FF99"></option><option style="BACKGROUND: #99ffcc" value="99FFCC"></option><option style="BACKGROUND: #99ffff" value="99FFFF"></option><option style="BACKGROUND: #cc0000" value="CC0000"></option><option style="BACKGROUND: #cc0033" value="CC0033"></option><option style="BACKGROUND: #cc0066" value="CC0066"></option><option style="BACKGROUND: #cc0099" value="CC0099"></option><option style="BACKGROUND: #cc00cc" value="CC00CC"></option><option style="BACKGROUND: #cc00ff" value="CC00FF"></option><option style="BACKGROUND: #cc3300" value="CC3300"></option><option style="BACKGROUND: #cc3333" value="CC3333"></option><option style="BACKGROUND: #cc3366" value="CC3366"></option><option style="BACKGROUND: #cc3399" value="CC3399"></option><option style="BACKGROUND: #cc33cc" value="CC33CC"></option><option style="BACKGROUND: #cc33ff" value="CC33FF"></option><option style="BACKGROUND: #cc6600" value="CC6600"></option><option style="BACKGROUND: #cc6633" value="CC6633"></option><option style="BACKGROUND: #cc6666" value="CC6666"></option><option style="BACKGROUND: #cc6699" value="CC6699"></option><option style="BACKGROUND: #cc66cc" value="CC66CC"></option><option style="BACKGROUND: #cc66ff" value="CC66FF"></option><option style="BACKGROUND: #cc9900" value="CC9900"></option><option style="BACKGROUND: #cc9933" value="CC9933"></option><option style="BACKGROUND: #cc9966" value="CC9966"></option><option style="BACKGROUND: #cc9999" value="CC9999"></option><option style="BACKGROUND: #cc99cc" value="CC99CC"></option><option style="BACKGROUND: #cc99ff" value="CC99FF"></option><option style="BACKGROUND: #cccc00" value="CCCC00"></option><option style="BACKGROUND: #cccc33" value="CCCC33"></option><option style="BACKGROUND: #cccc66" value="CCCC66"></option><option style="BACKGROUND: #cccc99" value="CCCC99"></option><option style="BACKGROUND: #cccccc" value="CCCCCC"></option><option style="BACKGROUND: #ccccff" value="CCCCFF"></option><option style="BACKGROUND: #ccff00" value="CCFF00"></option><option style="BACKGROUND: #ccff33" value="CCFF33"></option><option style="BACKGROUND: #ccff66" value="CCFF66"></option><option style="BACKGROUND: #ccff99" value="CCFF99"></option><option style="BACKGROUND: #ccffcc" value="CCFFCC"></option><option style="BACKGROUND: #ccffff" value="CCFFFF"></option><option style="BACKGROUND: #ff0000" value="FF0000"></option><option style="BACKGROUND: #ff0033" value="FF0033"></option><option style="BACKGROUND: #ff0066" value="FF0066"></option><option style="BACKGROUND: #ff0099" value="FF0099"></option><option style="BACKGROUND: #ff00cc" value="FF00CC"></option><option style="BACKGROUND: #ff00ff" value="FF00FF"></option><option style="BACKGROUND: #ff3300" value="FF3300"></option><option style="BACKGROUND: #ff3333" value="FF3333"></option><option style="BACKGROUND: #ff3366" value="FF3366"></option><option style="BACKGROUND: #ff3399" value="FF3399"></option><option style="BACKGROUND: #ff33cc" value="FF33CC"></option><option style="BACKGROUND: #ff33ff" value="FF33FF"></option><option style="BACKGROUND: #ff6600" value="FF6600"></option><option style="BACKGROUND: #ff6633" value="FF6633"></option><option style="BACKGROUND: #ff6666" value="FF6666"></option><option style="BACKGROUND: #ff6699" value="FF6699"></option><option style="BACKGROUND: #ff66cc" value="FF66CC"></option><option style="BACKGROUND: #ff66ff" value="FF66FF"></option><option style="BACKGROUND: #ff9900" value="FF9900"></option><option style="BACKGROUND: #ff9933" value="FF9933"></option><option style="BACKGROUND: #ff9966" value="FF9966"></option><option style="BACKGROUND: #ff9999" value="FF9999"></option><option style="BACKGROUND: #ff99cc" value="FF99CC"></option><option style="BACKGROUND: #ff99ff" value="FF99FF"></option><option style="BACKGROUND: #ffcc00" value="FFCC00"></option><option style="BACKGROUND: #ffcc33" value="FFCC33"></option><option style="BACKGROUND: #ffcc66" value="FFCC66"></option><option style="BACKGROUND: #ffcc99" value="FFCC99"></option><option style="BACKGROUND: #ffcccc" value="FFCCCC"></option><option style="BACKGROUND: #ffccff" value="FFCCFF"></option><option style="BACKGROUND: #ffff00" value="FFFF00"></option><option style="BACKGROUND: #ffff33" value="FFFF33"></option><option style="BACKGROUND: #ffff66" value="FFFF66"></option><option style="BACKGROUND: #ffff99" value="FFFF99"></option><option style="BACKGROUND: #ffffcc" value="FFFFCC"></option><option style="BACKGROUND: #ffffff" value="FFFFFF"></option></select><br /><br />And here's the code:<br /><br /><textarea style="WIDTH: 545px; HEIGHT: 56px" cols="51"><select style="width:50px;"><option style="BACKGROUND: #000000" value="000000"></option><option style="BACKGROUND: #333333" value="333333"></option><option style="BACKGROUND: #666666" value="666666"></option><option style="BACKGROUND: #999999" value="999999"></option><option style="BACKGROUND: #cccccc" value="cccccc"></option><option style="BACKGROUND: #ffffff" value="ffffff"></option><option style="BACKGROUND: #000000" value="000000"></option><option style="BACKGROUND: #000033" value="000033"></option><option style="BACKGROUND: #000066" value="000066"></option><option style="BACKGROUND: #000099" value="000099"></option><option style="BACKGROUND: #0000cc" value="0000CC"></option><option style="BACKGROUND: #0000ff" value="0000FF"></option><option style="BACKGROUND: #003300" value="003300"></option><option style="BACKGROUND: #003333" value="003333"></option><option style="BACKGROUND: #003366" value="003366"></option><option style="BACKGROUND: #003399" value="003399"></option><option style="BACKGROUND: #0033cc" value="0033CC"></option><option style="BACKGROUND: #0033ff" value="0033FF"></option><option style="BACKGROUND: #006600" value="006600"></option><option style="BACKGROUND: #006633" value="006633"></option><option style="BACKGROUND: #006666" value="006666"></option><option style="BACKGROUND: #006699" value="006699"></option><option style="BACKGROUND: #0066cc" value="0066CC"></option><option style="BACKGROUND: #0066ff" value="0066FF"></option><option style="BACKGROUND: #009900" value="009900"></option><option style="BACKGROUND: #009933" value="009933"></option><option style="BACKGROUND: #009966" value="009966"></option><option style="BACKGROUND: #009999" value="009999"></option><option style="BACKGROUND: #0099cc" value="0099CC"></option><option style="BACKGROUND: #0099ff" value="0099FF"></option><option style="BACKGROUND: #00cc00" value="00CC00"></option><option style="BACKGROUND: #00cc33" value="00CC33"></option><option style="BACKGROUND: #00cc66" value="00CC66"></option><option style="BACKGROUND: #00cc99" value="00CC99"></option><option style="BACKGROUND: #00cccc" value="00CCCC"></option><option style="BACKGROUND: #00ccff" value="00CCFF"></option><option style="BACKGROUND: #00ff00" value="00FF00"></option><option style="BACKGROUND: #00ff33" value="00FF33"></option><option style="BACKGROUND: #00ff66" value="00FF66"></option><option style="BACKGROUND: #00ff99" value="00FF99"></option><option style="BACKGROUND: #00ffcc" value="00FFCC"></option><option style="BACKGROUND: #00ffff" value="00FFFF"></option><option style="BACKGROUND: #330000" value="330000"></option><option style="BACKGROUND: #330033" value="330033"></option><option style="BACKGROUND: #330066" value="330066"></option><option style="BACKGROUND: #330099" value="330099"></option><option style="BACKGROUND: #3300cc" value="3300CC"></option><option style="BACKGROUND: #3300ff" value="3300FF"></option><option style="BACKGROUND: #333300" value="333300"></option><option style="BACKGROUND: #333333" value="333333"></option><option style="BACKGROUND: #333366" value="333366"></option><option style="BACKGROUND: #333399" value="333399"></option><option style="BACKGROUND: #3333cc" value="3333CC"></option><option style="BACKGROUND: #3333ff" value="3333FF"></option><option style="BACKGROUND: #336600" value="336600"></option><option style="BACKGROUND: #336633" value="336633"></option><option style="BACKGROUND: #336666" value="336666"></option><option style="BACKGROUND: #336699" value="336699"></option><option style="BACKGROUND: #3366cc" value="3366CC"></option><option style="BACKGROUND: #3366ff" value="3366FF"></option><option style="BACKGROUND: #339900" value="339900"></option><option style="BACKGROUND: #339933" value="339933"></option><option style="BACKGROUND: #339966" value="339966"></option><option style="BACKGROUND: #339999" value="339999"></option><option style="BACKGROUND: #3399cc" value="3399CC"></option><option style="BACKGROUND: #3399ff" value="3399FF"></option><option style="BACKGROUND: #33cc00" value="33CC00"></option><option style="BACKGROUND: #33cc33" value="33CC33"></option><option style="BACKGROUND: #33cc66" value="33CC66"></option><option style="BACKGROUND: #33cc99" value="33CC99"></option><option style="BACKGROUND: #33cccc" value="33CCCC"></option><option style="BACKGROUND: #33ccff" value="33CCFF"></option><option style="BACKGROUND: #33ff00" value="33FF00"></option><option style="BACKGROUND: #33ff33" value="33FF33"></option><option style="BACKGROUND: #33ff66" value="33FF66"></option><option style="BACKGROUND: #33ff99" value="33FF99"></option><option style="BACKGROUND: #33ffcc" value="33FFCC"></option><option style="BACKGROUND: #33ffff" value="33FFFF"></option><option style="BACKGROUND: #660000" value="660000"></option><option style="BACKGROUND: #660033" value="660033"></option><option style="BACKGROUND: #660066" value="660066"></option><option style="BACKGROUND: #660099" value="660099"></option><option style="BACKGROUND: #6600cc" value="6600CC"></option><option style="BACKGROUND: #6600ff" value="6600FF"></option><option style="BACKGROUND: #663300" value="663300"></option><option style="BACKGROUND: #663333" value="663333"></option><option style="BACKGROUND: #663366" value="663366"></option><option style="BACKGROUND: #663399" value="663399"></option><option style="BACKGROUND: #6633cc" value="6633CC"></option><option style="BACKGROUND: #6633ff" value="6633FF"></option><option style="BACKGROUND: #666600" value="666600"></option><option style="BACKGROUND: #666633" value="666633"></option><option style="BACKGROUND: #666666" value="666666"></option><option style="BACKGROUND: #666699" value="666699"></option><option style="BACKGROUND: #6666cc" value="6666CC"></option><option style="BACKGROUND: #6666ff" value="6666FF"></option><option style="BACKGROUND: #669900" value="669900"></option><option style="BACKGROUND: #669933" value="669933"></option><option style="BACKGROUND: #669966" value="669966"></option><option style="BACKGROUND: #669999" value="669999"></option><option style="BACKGROUND: #6699cc" value="6699CC"></option><option style="BACKGROUND: #6699ff" value="6699FF"></option><option style="BACKGROUND: #66cc00" value="66CC00"></option><option style="BACKGROUND: #66cc33" value="66CC33"></option><option style="BACKGROUND: #66cc66" value="66CC66"></option><option style="BACKGROUND: #66cc99" value="66CC99"></option><option style="BACKGROUND: #66cccc" value="66CCCC"></option><option style="BACKGROUND: #66ccff" value="66CCFF"></option><option style="BACKGROUND: #66ff00" value="66FF00"></option><option style="BACKGROUND: #66ff33" value="66FF33"></option><option style="BACKGROUND: #66ff66" value="66FF66"></option><option style="BACKGROUND: #66ff99" value="66FF99"></option><option style="BACKGROUND: #66ffcc" value="66FFCC"></option><option style="BACKGROUND: #66ffff" value="66FFFF"></option><option style="BACKGROUND: #990000" value="990000"></option><option style="BACKGROUND: #990033" value="990033"></option><option style="BACKGROUND: #990066" value="990066"></option><option style="BACKGROUND: #990099" value="990099"></option><option style="BACKGROUND: #9900cc" value="9900CC"></option><option style="BACKGROUND: #9900ff" value="9900FF"></option><option style="BACKGROUND: #993300" value="993300"></option><option style="BACKGROUND: #993333" value="993333"></option><option style="BACKGROUND: #993366" value="993366"></option><option style="BACKGROUND: #993399" value="993399"></option><option style="BACKGROUND: #9933cc" value="9933CC"></option><option style="BACKGROUND: #9933ff" value="9933FF"></option><option style="BACKGROUND: #996600" value="996600"></option><option style="BACKGROUND: #996633" value="996633"></option><option style="BACKGROUND: #996666" value="996666"></option><option style="BACKGROUND: #996699" value="996699"></option><option style="BACKGROUND: #9966cc" value="9966CC"></option><option style="BACKGROUND: #9966ff" value="9966FF"></option><option style="BACKGROUND: #999900" value="999900"></option><option style="BACKGROUND: #999933" value="999933"></option><option style="BACKGROUND: #999966" value="999966"></option><option style="BACKGROUND: #999999" value="999999"></option><option style="BACKGROUND: #9999cc" value="9999CC"></option><option style="BACKGROUND: #9999ff" value="9999FF"></option><option style="BACKGROUND: #99cc00" value="99CC00"></option><option style="BACKGROUND: #99cc33" value="99CC33"></option><option style="BACKGROUND: #99cc66" value="99CC66"></option><option style="BACKGROUND: #99cc99" value="99CC99"></option><option style="BACKGROUND: #99cccc" value="99CCCC"></option><option style="BACKGROUND: #99ccff" value="99CCFF"></option><option style="BACKGROUND: #99ff00" value="99FF00"></option><option style="BACKGROUND: #99ff33" value="99FF33"></option><option style="BACKGROUND: #99ff66" value="99FF66"></option><option style="BACKGROUND: #99ff99" value="99FF99"></option><option style="BACKGROUND: #99ffcc" value="99FFCC"></option><option style="BACKGROUND: #99ffff" value="99FFFF"></option><option style="BACKGROUND: #cc0000" value="CC0000"></option><option style="BACKGROUND: #cc0033" value="CC0033"></option><option style="BACKGROUND: #cc0066" value="CC0066"></option><option style="BACKGROUND: #cc0099" value="CC0099"></option><option style="BACKGROUND: #cc00cc" value="CC00CC"></option><option style="BACKGROUND: #cc00ff" value="CC00FF"></option><option style="BACKGROUND: #cc3300" value="CC3300"></option><option style="BACKGROUND: #cc3333" value="CC3333"></option><option style="BACKGROUND: #cc3366" value="CC3366"></option><option style="BACKGROUND: #cc3399" value="CC3399"></option><option style="BACKGROUND: #cc33cc" value="CC33CC"></option><option style="BACKGROUND: #cc33ff" value="CC33FF"></option><option style="BACKGROUND: #cc6600" value="CC6600"></option><option style="BACKGROUND: #cc6633" value="CC6633"></option><option style="BACKGROUND: #cc6666" value="CC6666"></option><option style="BACKGROUND: #cc6699" value="CC6699"></option><option style="BACKGROUND: #cc66cc" value="CC66CC"></option><option style="BACKGROUND: #cc66ff" value="CC66FF"></option><option style="BACKGROUND: #cc9900" value="CC9900"></option><option style="BACKGROUND: #cc9933" value="CC9933"></option><option style="BACKGROUND: #cc9966" value="CC9966"></option><option style="BACKGROUND: #cc9999" value="CC9999"></option><option style="BACKGROUND: #cc99cc" value="CC99CC"></option><option style="BACKGROUND: #cc99ff" value="CC99FF"></option><option style="BACKGROUND: #cccc00" value="CCCC00"></option><option style="BACKGROUND: #cccc33" value="CCCC33"></option><option style="BACKGROUND: #cccc66" value="CCCC66"></option><option style="BACKGROUND: #cccc99" value="CCCC99"></option><option style="BACKGROUND: #cccccc" value="CCCCCC"></option><option style="BACKGROUND: #ccccff" value="CCCCFF"></option><option style="BACKGROUND: #ccff00" value="CCFF00"></option><option style="BACKGROUND: #ccff33" value="CCFF33"></option><option style="BACKGROUND: #ccff66" value="CCFF66"></option><option style="BACKGROUND: #ccff99" value="CCFF99"></option><option style="BACKGROUND: #ccffcc" value="CCFFCC"></option><option style="BACKGROUND: #ccffff" value="CCFFFF"></option><option style="BACKGROUND: #ff0000" value="FF0000"></option><option style="BACKGROUND: #ff0033" value="FF0033"></option><option style="BACKGROUND: #ff0066" value="FF0066"></option><option style="BACKGROUND: #ff0099" value="FF0099"></option><option style="BACKGROUND: #ff00cc" value="FF00CC"></option><option style="BACKGROUND: #ff00ff" value="FF00FF"></option><option style="BACKGROUND: #ff3300" value="FF3300"></option><option style="BACKGROUND: #ff3333" value="FF3333"></option><option style="BACKGROUND: #ff3366" value="FF3366"></option><option style="BACKGROUND: #ff3399" value="FF3399"></option><option style="BACKGROUND: #ff33cc" value="FF33CC"></option><option style="BACKGROUND: #ff33ff" value="FF33FF"></option><option style="BACKGROUND: #ff6600" value="FF6600"></option><option style="BACKGROUND: #ff6633" value="FF6633"></option><option style="BACKGROUND: #ff6666" value="FF6666"></option><option style="BACKGROUND: #ff6699" value="FF6699"></option><option style="BACKGROUND: #ff66cc" value="FF66CC"></option><option style="BACKGROUND: #ff66ff" value="FF66FF"></option><option style="BACKGROUND: #ff9900" value="FF9900"></option><option style="BACKGROUND: #ff9933" value="FF9933"></option><option style="BACKGROUND: #ff9966" value="FF9966"></option><option style="BACKGROUND: #ff9999" value="FF9999"></option><option style="BACKGROUND: #ff99cc" value="FF99CC"></option><option style="BACKGROUND: #ff99ff" value="FF99FF"></option><option style="BACKGROUND: #ffcc00" value="FFCC00"></option><option style="BACKGROUND: #ffcc33" value="FFCC33"></option><option style="BACKGROUND: #ffcc66" value="FFCC66"></option><option style="BACKGROUND: #ffcc99" value="FFCC99"></option><option style="BACKGROUND: #ffcccc" value="FFCCCC"></option><option style="BACKGROUND: #ffccff" value="FFCCFF"></option><option style="BACKGROUND: #ffff00" value="FFFF00"></option><option style="BACKGROUND: #ffff33" value="FFFF33"></option><option style="BACKGROUND: #ffff66" value="FFFF66"></option><option style="BACKGROUND: #ffff99" value="FFFF99"></option><option style="BACKGROUND: #ffffcc" value="FFFFCC"></option><option style="BACKGROUND: #ffffff" value="FFFFFF"></option></select></textarea>Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com2tag:blogger.com,1999:blog-2708815320481896267.post-26520048298135152692008-04-17T16:07:00.004-04:002008-04-19T20:22:25.583-04:00Greatest SQL Manager<p>SQLManager.net has developed the greatest SQL Manager I've ever used. It kills the SQL IDE's that come with both SQL 2000 and 2005 (Enterprise Manager). One of the biggest features for me is that it lets you connect to both SQL Server 2000 and 2005. Best of all - there is a freeware version available! I'm not sure what features are missing in the freeware version as I'm using the 30 day free trial. </p><p>Anyhow - enjoy!</p><p><a href="http://www.sqlmanager.net/en/products/mssql/manager">EMS SQL Manager for SQL Server<br />http://www.sqlmanager.net/en/products/mssql/manager</a></p>Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com2tag:blogger.com,1999:blog-2708815320481896267.post-72086476149139823852008-04-16T23:02:00.000-04:002008-04-18T23:51:28.926-04:00Photoshop ICO PluginI have no idea where I found this - nor do I think I have permission to distribute it. But - as my youth pastor would always say, "Better to ask forgiveness than permission".<br /><br />This tool is AWESOME! Its a plugin for Adobe Photoshop that allows you to export ICO files DIRECTLY from Photoshop! No more stupid applications for building ico files. Now, every website can have a favicon!<br /><br /><a href="http://blog.jacie.ca/ps_ico_plugin.zip">http://blog.jacie.ca/ps_ico_plugin.zip</a><br /><br />You can thank Toby Thain <<a href="mailto:toby@telegraphics.com.au">toby@telegraphics.com.au</a>> for this plugin.Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com0tag:blogger.com,1999:blog-2708815320481896267.post-7747197046138689152008-04-14T23:36:00.006-04:002008-11-12T21:23:39.448-05:00SUBSurface - Pak A<a href="http://2.bp.blogspot.com/_YXCUzGNr60s/SAlq3l6InPI/AAAAAAAAAAU/tNsHorSTjD8/s1600-h/preview.jpg"><img id="BLOGGER_PHOTO_ID_5190797548822502642" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://2.bp.blogspot.com/_YXCUzGNr60s/SAlq3l6InPI/AAAAAAAAAAU/tNsHorSTjD8/s320/preview.jpg" border="0" /></a>I developed these assets while I was designing a site for a recent client. I was looking for a real good worn, grunge, dirty effect. I came across some <a href="http://designfruit.com/jasongaylor/blog/2005/07/01/worn-photoshop-brushes-for-high-resoloution/">great brushes</a> by Jason Gaylor (<a href="http://designfruit.com/">http://designfruit.com/</a>). After using his brushes for a bit, I decided it was time to develop my own assets.<br /><br />Here's a link to the web-resolution assets. I'll be making print-resolution assets available for purchase on my site in the next few weeks. The print-resolution assets are a whopping 40MB - contrasted to the 2MB web assets.<br /><br /><a href="http://blog.jacie.ca/subsurface_pakA_low.zip">http://blog.jacie.ca/subsurface_pakA_low.zip</a><br /><br />Enjoy!Josh Bloomfieldhttp://www.blogger.com/profile/01667630806072537568noreply@blogger.com0