<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
	xmlns:media="http://search.yahoo.com/mrss/"
>

<channel>
	<title>Web Development Blog &#187; More DW Snippets &#8211; 50 states form select in two versions | Web Development Blog &#8211; Heidi Cool &#8211; Cleveland, Ohio</title>
	<atom:link href="http://www.heidicool.com/blog/category/kevins-stuff/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.heidicool.com/blog</link>
	<description>web • content • marketing • navigation • seo • social media</description>
	<lastBuildDate>Thu, 17 Feb 2011 21:09:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<!-- podcast_generator="podPress/8.8" -->
		<copyright>&#xA9; </copyright>
		<managingEditor>gravity69@gmail.com ()</managingEditor>
		<webMaster>gravity69@gmail.com()</webMaster>
		<category></category>
		<itunes:keywords></itunes:keywords>
		<itunes:subtitle></itunes:subtitle>
		<itunes:summary>content bull; architecture bull;nbsp;marketing bull;nbsp;seo bull; social media</itunes:summary>
		<itunes:author></itunes:author>
		<itunes:category text="Society &amp; Culture"/>
		<itunes:owner>
			<itunes:name></itunes:name>
			<itunes:email>gravity69@gmail.com</itunes:email>
		</itunes:owner>
		<itunes:block>No</itunes:block>
		<itunes:explicit>no</itunes:explicit>
		<itunes:image href="http://www.heidicool.com/blog/wp-content/plugins/podpress/images/powered_by_podpress_large.jpg" />
		<image>
			<url>http://www.heidicool.com/blog/wp-content/plugins/podpress/images/powered_by_podpress.jpg</url>
			<title>Web Development Blog</title>
			<link>http://www.heidicool.com/blog</link>
			<width>144</width>
			<height>144</height>
		</image>
		<item>
		<title>More DW Snippets &#8211; 50 states form select in two versions</title>
		<link>http://www.heidicool.com/blog/2007/02/10/more-dw-snippets-50-states-form-select-in-two-versions/</link>
		<comments>http://www.heidicool.com/blog/2007/02/10/more-dw-snippets-50-states-form-select-in-two-versions/#comments</comments>
		<pubDate>Sat, 10 Feb 2007 19:11:45 +0000</pubDate>
		<dc:creator>Kevin Adams</dc:creator>
				<category><![CDATA[Kevin's Stuff]]></category>

		<guid isPermaLink="false">http://www.heidicool.com/blog/?p=84</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>In a previous entry I wrote about snippets in Dreamweaver.  This is simply a method for saving small bits of code that you can use and reuse.  There's a panel in DW where you save these, and I guess whether or not you use this particular panel, chances are you have a place to store little pieces of code like this, that you refer to on occasion. I know I do. </p>

<p>So, here are another couple of bits that you can file away somewhere.  They can both be used in forms, possibly for registrations or gathering data in a survey. They are the form select dropdowns for all 50 states, done in two ways; one with the full name and the other with just the abbreviations.  Rather than include the code on the page, I'll just show you what it looks like, and you can go in, 'view source' and take whichever one you want.  Take both; when you need them you'll be happy that you have them put away in your bag of tricks.</p>

<p>While you're at it, save it as a snippet in DW, and you won't even have to go looking for it!</p>

<p>While the two versions look different onscreen, they both pass the value as a standard two character postal abbreviation.</p>

<p><strong>Here is the 50 states dropdown with abbreviations:</strong></p>

<select name="State2">
<option value="DNS" selected> Select State:</option>
<option value="AK">AK</option>
<option value="AL">AL</option>
<option value="AR">AR</option>
<option value="AZ">AZ</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DE">DE</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="IA">IA</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="MA">MA</option>
<option value="MD">MD</option>
<option value="ME">ME</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MO">MO</option>
<option value="MS">MS</option>
<option value="MT">MT</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="NE">NE</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NV">NV</option>
<option value="NY">NY</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VA">VA</option>
<option value="VT">VT</option>
<option value="WA">WA</option>
<option value="WI">WI</option>
<option value="WV">WV</option>
<option value="WY">WY</option>
</select>

<p><strong>Here is the 50 state dropdown with the states full name included.</strong></p>

<select name="StateLongName">
<option value="DNS" selected> Select State:</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>

<p>I have several more that I'll be posting here, let me know if you find one that's useful.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heidicool.com/blog/2007/02/10/more-dw-snippets-50-states-form-select-in-two-versions/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>On Aesthetics and Usability in Design</title>
		<link>http://www.heidicool.com/blog/2007/01/22/on-aesthetics-and-usability-in-design/</link>
		<comments>http://www.heidicool.com/blog/2007/01/22/on-aesthetics-and-usability-in-design/#comments</comments>
		<pubDate>Mon, 22 Jan 2007 19:13:00 +0000</pubDate>
		<dc:creator>Kevin Adams</dc:creator>
				<category><![CDATA[Kevin's Stuff]]></category>
		<category><![CDATA[Recommendations]]></category>

		<guid isPermaLink="false">http://www.heidicool.com/blog/?p=80</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>I hope everyone enjoys this (in my opinion) very useful video podcast. The parent site WebProNews has an entire series of these (mostly dealing with Search Engine Optimization (SEO). This one is  less than ten minutes long, deals with usability issues, and is definitely worth watching.</p>
<p> <strong>WARNING!</strong> It might start automatically, and you'll by now have turned down your speakers; if it doesn't, and you have to "push play"... <strong>do yourself and everyone in your office a favor by turning down your speakers before firing this one up.</strong> The front-end promo is a bit loud.

<p>Some of the things I found most useful for Case Web site maintainers is the concept of "don't do what YOU want, do what's best for the client [or in this example <em>the university</em>]!"  Also, when she talks about friends who ask her to evaluate their Web sites, she comes out and says "What difference does it make what <em>I</em> think about their website?" Usability rules: The most important consideration for her is, "can I properly use the web site"?</p>


<p class="photoright"><iframe width="336" height="251" frameborder="0" scrolling="no" src="http://videos.webpronews.com/video/frame2.php?movie_name=on_aesthetics_and_usability_in_design" /> </iframe></p>

<p>Another thing I found particularly interesting was regarding her opinion on use of images in a website. The host asks her to comment on particular problem or issues with the use of images on a Web site, and she responds "One major problem would be, too many... the other is not enough".  Timely, considering <a href="http://blog.case.edu/webdev/2006/12/05/pictures">a recent post by Heidi</a> that talked about the importance of using graphics to illustrate a point -- even if using merely a thumbnail. Check out THAT earlier post by the way, if you haven't already.</p>

<p>One key point, and in some ways the most important thing; making something visually compelling doesn't necessarily make it better.  Sure, pretty is nice, but does it "convert"?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heidicool.com/blog/2007/01/22/on-aesthetics-and-usability-in-design/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Favorite / Recommended Web Hosts</title>
		<link>http://www.heidicool.com/blog/2006/12/12/favorite-recommended-web-hosts/</link>
		<comments>http://www.heidicool.com/blog/2006/12/12/favorite-recommended-web-hosts/#comments</comments>
		<pubDate>Wed, 13 Dec 2006 04:02:54 +0000</pubDate>
		<dc:creator>Kevin Adams</dc:creator>
				<category><![CDATA[Kevin's Stuff]]></category>
		<category><![CDATA[Recommendations]]></category>

		<guid isPermaLink="false">http://www.heidicool.com/blog/?p=76</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>With the end of a semester here already, and a break coming up, I'm sure that many students and staff will be working again on personal Web projects. Now, of course there are opportunities for procuring server space right here on campus, but I'm betting that a good amount of us have purchased space from any number of available web hosts.</p>
<p>Bandwidth is cheap.  So is storage. Its a bargain, and right now I just don't see how there could be any money that can be made in Webhosting.  So, I'm curious; who do you use?  </p>

<p>My account is hosted at Bluehost, where I have 4 gigs of space, 100 gigs of transfer a month, and no limits on the number of mail accounts and sub domains. I can host 6 fully qualified domains on this one account, with unlimited aliased subdomains.  There are also several pre-installed scripts to choose from, several content management systems, and database connectivity via MySQL. I use it for my personal mail, host a personal domain, but mostly I just use it as an environment to test and learn.</p>

<p>I was talking to a colleauge in ITS about his personal webspace, and he said he uses and recommends Dreamhost. After looking it over, I might consider switching, or even just getting another account.  He had something like 200 gigs of storage, and 2 TB of data transfer per month.  As I'm writing this now I ask myself; could that be right?  Not only that, as I understood him, you can host unlimited domains not just the six that I can from my Bluehost account. Powerful.</p>

<p>So I'm asking; what do you use? How much do you pay, and more importantly, what do you use it for?  Now, if you serve your own pages, that's fine too, but I'm talking here to those who have purchased space commercially.</p>

<p>If you don't have your own space, my recommendation is that you should consider getting some. There is much value in having your own account, and maybe I'll write an article about that later.  For now i'll leave it at this; even if you have access to Case's server, and have an outlet to test and store things personally, do the right thing and get your own space.  You'll be glad you did.</p>

<p>Good luck on those Web projects over the break!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heidicool.com/blog/2006/12/12/favorite-recommended-web-hosts/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Choosing a good password</title>
		<link>http://www.heidicool.com/blog/2006/11/16/choosing-a-good-password/</link>
		<comments>http://www.heidicool.com/blog/2006/11/16/choosing-a-good-password/#comments</comments>
		<pubDate>Fri, 17 Nov 2006 01:14:17 +0000</pubDate>
		<dc:creator>Kevin Adams</dc:creator>
				<category><![CDATA[Kevin's Stuff]]></category>

		<guid isPermaLink="false">http://www.heidicool.com/blog/?p=73</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>Since October was Cyber Security Month... (wow, is it November already?) I thought I would write a post on the importance of a good password.  I recently changed my password in Case's system, and I was going to remind everyone else to do so. By the way, if you haven't done that recently, it might be something to consider. I know I don't change it often enough myself, but it's a good practice to get into.</p>

<p>At any rate, I came upon a good article recently in one of the HTML e-mail newsletters that I subscribe to. I can't remember the original link, or where I got this, but the complete reference is below. There are a lot of interesting things to consider here... how do we define what a *good password* is, how many characters should I have, lower vs. upper case, and others. </p>

<p>So, here is the complete article, (from SecurityPro News RSS Feed?) I hope you enjoy it.</p>

<h5>A Little Rant About Passwords</h5>

<p>By: Gary Hammock<br />
Contributing Writer <br />
2006-10-17 </p>

<p>Passwords are one of the most basic forms of data security.</p>

<p>They are the first option that comes to mind when attempting to secure a computer system, network, or even a file. But at what point do passwords become cumbersome for legitimate users, but secure enough to retain data security? </p>


<span id="more-73"></span>
<p>Let's face it. The most secure system is one that is un-networked, only has one legitimate user, is encrypted, is unpowered, or basically hidden in the bottom of a well--but this is impractical. In order to actually use the computer, you must make some compromises. You must give legitimate users access while maintaining the integrity of your systems. This can be done through passwords IF they are properly administered. </p>

<p>You always hear people recommending weird entirely random passwords such as "#G018nW@$b!". While this may be secure, you try remembering that along with the other eight passwords you use for the other systems (you do use different passwords for each system, right?) Add to that the fact that most companies, governments, organizations, etc. require password changes every 30/60/90 days, and you have a lot of frustrated legitimate users. At what point does adding more rules reach a point of diminishing returns in security? You don't want your users writing their passwords down and leaving them beneath their keyboards.</p>

<p>Password strength is more dependent on password length rather than range of characters (with caveats). Granted, more potential characters helps, but let's look at the mathematics.</p>

<p>The number of combinations of a password is given by C^n, where C is the set of characters in use and n is the length of the password. A 10 character length password using only the 26 lowercase letters has more combinations than a 9 character length password using a 32 character set. 26^10 > 32^9. This is an order of magnitude larger! As long as the 10 character password wasn't in a dictionary file (and thus subject to dictionary attacks), this would be an easy to implement password. Thus the password "iamrunning" is more secure than "*a#v!@$nb" and much easier to remember.</p>

<p>Let's do another one, shall we? Using that same first password (lowercase only), let's suppose a second set to be lowercase letters and numbers 0-9 while still maintaining the 9 character length. This means the second password has 36^9 possible combinations, which is still less than 26^10. Therefore that same password "iamrunning" is still more secure than "password7" by still having a higher number of potential combinations. Of course this is a simplified model and the password "iamrunning" (though complicated combinatorally) may still be susceptable to dictionary attacks.</p>

<p>Now we could build an uber-password that utilizes the full unicode set and really make something complicated--but let's think on this. While you can (on Windows systems I know) enter unicode characters into the password prompt, it really seems to be counterproductive. In order to input a unicode character in Windows, you hold down the "Alt" key while pressing a four digit value on the number pad, such as alt+0192. While this may extend the character set, you still have to press five additional keys. If you had instead, used an additional five alphanumeric characters from the standard set, your password would be orders of magnitude stronger than a password with an obscure character set (pending a dictionary check, password length means nothing to a dictionary attack).</p>

<p>Now for something scary. An ATM has a character set of 10 digits, 0-9. For a pin number of four digits, this means a possible 10,000 combinations. Suppose a laptop can try a million combinations per second. This means a laptop would be able to crack an ATM pin in 0.01 seconds. DO NOT TRY THIS. THIS IS ONLY NOTIONAL AND HYPOTHETICAL IN NATURE. What do you think could help the most, a larger character set that must constantly be changed, or a few extra digits?</p>

<p>***</p>
<p>There you have it.  I like what he says for the most part about not having to pick something entirely random. We all have enough to remember, you know?  I'm not sure though, that I agree with everything he says... what do you think?</p>

]]></content:encoded>
			<wfw:commentRss>http://www.heidicool.com/blog/2006/11/16/choosing-a-good-password/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Good article about CSS and &#8220;Standards&#8221;</title>
		<link>http://www.heidicool.com/blog/2006/07/21/good-article-about-css-and-standards/</link>
		<comments>http://www.heidicool.com/blog/2006/07/21/good-article-about-css-and-standards/#comments</comments>
		<pubDate>Fri, 21 Jul 2006 19:56:25 +0000</pubDate>
		<dc:creator>Kevin Adams</dc:creator>
				<category><![CDATA[Kevin's Stuff]]></category>

		<guid isPermaLink="false">http://www.heidicool.com/blog/?p=54</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>I saw a good article today and I thought it might be a great launching point for some discussion here... (Please comment if you are reading this blog even occasionally). The important things to take from this article in my opinion are some answers to two points he makes at the end; <em>"What's being done about this"</em> and <em>"Why do you think no one is screaming yet?"</em> </p>
<p>More specifically I have a question; what DO we do about this?</p>

<p>For some, the answer is "tell them to get a REAL browser... Firefox is free!" For others with a more finely honed sense of humor it's "friends don't let friends use IE".  HA HA... on to my next project and that's that.</p>

<p>For me though, (and I know I'm not alone) there is the nagging reality of knowing that the majority of visitors to our websites -- by a long shot -- are using IE and they don't particularly care to switch.  So read the following article and write back with any suggestions you might have.  What is the answer?</p>
<p>&nbsp;</p>
<h5>Opinion: Why CSS Bugs Me</h5>

<p><em>John Dvorak thinks the current PC platform is so close
to being permanently broken that he's stunned people aren't
already up in arms. According to him, everyone should be sued
for false advertising. None of this stuff works at all!</em><br />
<a href="http://ct.enews.publish.com/rd/cts?d=202-136-5-25-27536-15295-0-0-0-1
">http://ct.enews.publish.com/rd/cts?d=202-136-5-25-27536-15295-0-0-0-1</a></p>

]]></content:encoded>
			<wfw:commentRss>http://www.heidicool.com/blog/2006/07/21/good-article-about-css-and-standards/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Good Interview with Tim O&#8217;Reilly</title>
		<link>http://www.heidicool.com/blog/2006/05/26/good-interview-with-tim-oreilly/</link>
		<comments>http://www.heidicool.com/blog/2006/05/26/good-interview-with-tim-oreilly/#comments</comments>
		<pubDate>Fri, 26 May 2006 19:56:44 +0000</pubDate>
		<dc:creator>Kevin Adams</dc:creator>
				<category><![CDATA[Kevin's Stuff]]></category>

		<guid isPermaLink="false">http://www.heidicool.com/blog/?p=46</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>I found this interesting... I hope you do too.  It was written with an obvious focus on Adobe; also found are general principles and ideas on where the web is going.</p>
<p>All in all a good read.</p>

<p><strong>Text version here:</strong> <a href="http://www.adobe.com/newsletters/edge/may2006/section1.html">http://www.adobe.com/newsletters/edge/may2006/section1.html</a></p>

<p><strong>Jacked up Flash version here:</strong>
<a href="http://www.adobe.com/newsletters/edge/may2006/index.html?sectionIndex=1">http://www.adobe.com/newsletters/edge/may2006/index.html?sectionIndex=1</a></p>

<p>The flash version is actually an internal link to the article as found in the complete 'Edge Newsletter'. </p>
<p>Interesting.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heidicool.com/blog/2006/05/26/good-interview-with-tim-oreilly/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Using RSS feeds in HTML pages without PHP</title>
		<link>http://www.heidicool.com/blog/2006/05/16/using-rss-feeds-in-html-pages-without-php/</link>
		<comments>http://www.heidicool.com/blog/2006/05/16/using-rss-feeds-in-html-pages-without-php/#comments</comments>
		<pubDate>Tue, 16 May 2006 19:51:58 +0000</pubDate>
		<dc:creator>Kevin Adams</dc:creator>
				<category><![CDATA[Kevin's Stuff]]></category>

		<guid isPermaLink="false">http://www.heidicool.com/blog/?p=43</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[When we first started using RSS feeds on Case's web presence, like the news headlines feed on the Case homepage, we were using an outside source to process them, and bringing them in via javascript. We're not serving our pages with a PHP enabled server, and all things considered, we thought this was a pretty good compromise. We had been using a popular service that links from 'maricopa.edu', in fact I've seen other affiliates within the university using this as well.

Recently though, this link to maricopa.edu had started to put a drag on loadtime, so we looked into alternate methods of processing. This is just a reminder, that for those of you who find their pages loading s l o w l y... there are other ways of doing this that you should look into. Check the "Feed to JavaScript" link in the Related Sites menu that previously took you to the maricopa instructions. Ask us if you have any questions about this.

Now, for the record there's more than one way to do this, and we've found another method that doesn't rely on the maricopa.edu site at all. In fact, if you've found a better way to do this or even just another way, write a comment here about how you have solved this problem. How are you pulling in your RSS feeds and re-purposing then in your HTML pages without using an external source, or pre-processing (PHP)?

Thanks,
Kevin (368-3447)
]]></content:encoded>
			<wfw:commentRss>http://www.heidicool.com/blog/2006/05/16/using-rss-feeds-in-html-pages-without-php/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Book Review: &#8220;Don&#8217;t make me think&#8221;</title>
		<link>http://www.heidicool.com/blog/2006/01/16/book-review-dont-make-me-think/</link>
		<comments>http://www.heidicool.com/blog/2006/01/16/book-review-dont-make-me-think/#comments</comments>
		<pubDate>Tue, 17 Jan 2006 03:46:04 +0000</pubDate>
		<dc:creator>Kevin Adams</dc:creator>
				<category><![CDATA[Kevin's Stuff]]></category>

		<guid isPermaLink="false">http://www.heidicool.com/blog/?p=27</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[Those of you who know me are familiar with an often used  phrase "measure twice; cut once".  It's not often that I go against the 'let's think this through' rule.  However, a new book by Steve Krug entitled 'Don't Make Me Think: A Common Sense Approach to Web Usability' turns that theory upside down.
Could this really mean that I'm thinking about a book that tells me not to think?

<span id="more-27"></span>
Well, I guess so, but don't for a minute get the idea that this book advocates building a site with no forethought.  The ideal site here is not one that is 'built' without thinking, as much as 'navigated' without thinking.
<p class="photoright"><img alt="krug_cvr150.jpg" src="http://blog.case.edu/webdev/2006/01/17/krug_cvr150.jpg" width="150" height="201" /></p>
The overarching concept for the book is this message; make your site so absolutely dummy proof, that even someone who is not thinking can successfully understand what your site is all about, and find the information they are seeking.  In other words, don't make visitors to your site think!  Any amount of time spent thinking is time and energy your user can better spend doing something else -like for example buying something!
If something is clickable, make it LOOK clickable.  If it's a navbar with common navigational items in it, then put it in the proper place in the page.  He chastises some of us as designers who have thought "how can a page design reflect my creativity?"  He cautions that while there may be a time and a place for creativity, it generally is not your navbar where you should exercise the creative process.

Another confirmation from Krug is that a web page visitor doesn't read; they scan.  We've all heard that before, but it's useful to see it in print. Are the people who are coming to your site day in and day out really THAT impatient?  Probably, says Krug.

He de-bunks a couple of accepted web myths as well.  He disagrees (as do I) with the three click rule.  Also, he's not so sure that a visitor to your site will bail on you and start the search process all over again if they can't find the information they want on your site.  Although you hear that said often, he thinks that the investment of time it took to get them to your site, will hold them there longer than you may realize.  Who wants to go back to Google and start from the beginning, after all?
The book is a short read; you should be able to finish it in a weekend.  There's nothing in it that you or I haven't thought of on our own.  Nothing ground-breaking or earth-shattering either.  Read it not expecting to learn anything new, but for your peace of mind and sanity.
The last chapter alone is worth the time spent reading it.  He offers advice on what to tell the boss or client when they ask for an extra bell or whistle that adds absolutely no value to the site.  That's a touchy subject, and he handles it as he does the entire book with a sense of humor.
Final comment: It's a little fluffy on content to be honest.  If you're short on funds... save your money for the next "Bible" of choice. Reading it though is worthwhile, (even if you have to borrow it from me) and it just might make your next site planning meeting go a little easier!


]]></content:encoded>
			<wfw:commentRss>http://www.heidicool.com/blog/2006/01/16/book-review-dont-make-me-think/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>More DW Snippets to copy and paste</title>
		<link>http://www.heidicool.com/blog/2005/09/23/more-dw-snippets-to-copy-and-paste/</link>
		<comments>http://www.heidicool.com/blog/2005/09/23/more-dw-snippets-to-copy-and-paste/#comments</comments>
		<pubDate>Sat, 24 Sep 2005 01:54:26 +0000</pubDate>
		<dc:creator>Kevin Adams</dc:creator>
				<category><![CDATA[Kevin's Stuff]]></category>

		<guid isPermaLink="false">http://www.heidicool.com/blog/?p=21</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[In a previous post I told of how I had been re-awakened to the power of snippets.  Here then are a couple more which can be loaded into Dreamweaver and used when you are creating forms.

<span id="more-21"></span>
Now remember, these are only starters.  You might still have to rename them, and at very least you'll have to add them to the hidden field which declares the 'name' of each element.  It will help though to get you started in fitting them into the structure of your form.

This is useful as a starter when creating a form for 'birthdate' or maybe even an 'expiration date'.  You could combine them with a 'from:' and 'to:' and gather two sets of data for registration.


<SELECT name="birth_month" required >
<option value="0">Select month</option>

<option value="1"  >January</option>

<option value="2"  >February</option>

<option value="3"  >March</option>

<option value="4"  >April</option>

<option value="5"  >May</option>

<option value="6"  >June</option>

<option value="7"  >July</option>

<option value="8"  >August</option>

<option value="9"  >September</option>

<option value="10"  >October</option>

<option value="11"  >November</option>

<option value="12"  >December</option>

</SELECT>
<SELECT name="birth_day" required >
<option value="0" >Select day</option>

<option value="1"  >1</option>

<option value="2"  >2</option>

<option value="3"  >3</option>

<option value="4"  >4</option>

<option value="5"  >5</option>

<option value="6"  >6</option>

<option value="7"  >7</option>

<option value="8"  >8</option>

<option value="9"  >9</option>

<option value="10"  >10</option>

<option value="11"  >11</option>

<option value="12"  >12</option>

<option value="13"  >13</option>

<option value="14"  >14</option>

<option value="15"  >15</option>

<option value="16"  >16</option>

<option value="17"  >17</option>

<option value="18"  >18</option>

<option value="19"  >19</option>

<option value="20"  >20</option>

<option value="21"  >21</option>

<option value="22"  >22</option>

<option value="23"  >23</option>

<option value="24"  >24</option>

<option value="25"  >25</option>

<option value="26"  >26</option>

<option value="27"  >27</option>

<option value="28"  >28</option>

<option value="29"  >29</option>

<option value="30"  >30</option>

<option value="31"  >31</option>

</SELECT>
<SELECT name="birth_year" required >
<option value="0">Select year</option>

<option value="1987"  >1987</option>

<option value="1986"  >1986</option>

<option value="1985"  >1985</option>

<option value="1984"  >1984</option>

<option value="1983"  >1983</option>

<option value="1982"  >1982</option>

<option value="1981"  >1981</option>

<option value="1980"  >1980</option>

<option value="1979"  >1979</option>

<option value="1978"  >1978</option>

<option value="1977"  >1977</option>

<option value="1976"  >1976</option>

<option value="1975"  >1975</option>

<option value="1974"  >1974</option>

<option value="1973"  >1973</option>

<option value="1972"  >1972</option>

<option value="1971"  >1971</option>

<option value="1970"  >1970</option>

<option value="1969"  >1969</option>

<option value="1968"  >1968</option>

<option value="1967"  >1967</option>

<option value="1966"  >1966</option>

<option value="1965"  >1965</option>

<option value="1964"  >1964</option>

<option value="1963"  >1963</option>

<option value="1962"  >1962</option>

<option value="1961"  >1961</option>

<option value="1960"  >1960</option>

<option value="1959"  >1959</option>

<option value="1958"  >1958</option>

<option value="1957"  >1957</option>

<option value="1956"  >1956</option>

<option value="1955"  >1955</option>

<option value="1954"  >1954</option>

<option value="1953"  >1953</option>

<option value="1952"  >1952</option>

<option value="1951"  >1951</option>

<option value="1950"  >1950</option>

<option value="1949"  >1949</option>

<option value="1948"  >1948</option>

<option value="1947"  >1947</option>

<option value="1946"  >1946</option>

<option value="1945"  >1945</option>

<option value="1944"  >1944</option>

<option value="1943"  >1943</option>

<option value="1942"  >1942</option>

<option value="1941"  >1941</option>

<option value="1940"  >1940</option>

<option value="1939"  >1939</option>

<option value="1938"  >1938</option>

<option value="1937"  >1937</option>

<option value="1936"  >1936</option>

<option value="1935"  >1935</option>

<option value="1934"  >1934</option>

<option value="1933"  >1933</option>

<option value="1932"  >1932</option>

<option value="1931"  >1931</option>

<option value="1930"  >1930</option>

<option value="1929"  >1929</option>

<option value="1928"  >1928</option>

<option value="1927"  >1927</option>

<option value="1926"  >1926</option>

<option value="1925"  >1925</option>

<option value="1924"  >1924</option>

<option value="1923"  >1923</option>

<option value="1922"  >1922</option>

<option value="1921"  >1921</option>

<option value="1920"  >1920</option>

<option value="1919"  >1919</option>

<option value="1918"  >1918</option>

<option value="1917"  >1917</option>

<option value="1916"  >1916</option>

<option value="1915"  >1915</option>

<option value="1914"  >1914</option>

<option value="1913"  >1913</option>

<option value="1912"  >1912</option>

<option value="1911"  >1911</option>

<option value="1910"  >1910</option>

<option value="1909"  >1909</option>

<option value="1908"  >1908</option>

<option value="1907"  >1907</option>

<option value="1906"  >1906</option>

<option value="1905"  >1905</option>

</SELECT>


***********************************************
Here is one for Primary University Afiliation

<select name="PUA" id="PUA">
<option selected="selected">Choose One:</option>
<option value="Fac">Faculty</option>
<option value="Staff">Staff</option>
<option value="Student">Student</option>
</select>

************************************************

Here's one for doing surveys

<select name="Q1">
<option selected="selected" value="DNS">Select One </option>
<option value="Very_Good">5 - Very Good </option>
<option value="Good">4 - Good </option>
<option value="Average">3 - Average </option>
<option value="Fair">2 - Fair </option>
<option value="Poor">1 - Poor </option>
<option value="N/A">N/A - Not Applicable </option>
</select>


**************************************************

One for Registration time... course, symposium, whatever...

<select name="hour_reg" id="hour_reg">
<option selected="selected" value="DNS">Select a time</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="1:00">1:00</option>
<option value="1:30">1:30</option>
<option value="2:00">2:00</option>
<option value="2:30">2:30</option>
<option value="3:00">3:00</option>
<option value="3:30">3:30</option>
<option value="4:00">4:00</option>
<option value="4:30">4:30</option>
<option value="5:00">5:00</option>
<option value="5:30">5:30</option>
<option value="6:00">6:00</option>
<option value="6:30">6:30</option>
<option value="7:00">7:00</option>
<option value="7:30">7:30</option>
<option value="8:00">8:00</option>
<option value="8:30">8:30</option>
<option value="9:00">9:00</option>
<option value="9:30">9:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>

</select>

Follow that up with am/pm radio buttons, or matching select drop-downs for am/pm.

******************************************************

Another one for semesters...

<select name="sem">
<option value="DNS">-- Select One --</option>
<option value="Summer/Fall">Summer/Fall</option>
<option value="Spring/Summer">Spring/Summer</option>
<option value="Summer_Only">Summer Only</option>
<option value="Fall_Only">Fall Only</option>
<option value="Spring_Only">Spring Only</option>
</select>

*****************************************************
Case Affiliation


<select name="affiliation">
<option value=" ">-- specify your affiliation --</option>
<option value="freshman">Freshman</option>
<option value="sophomore">Sophomore</option>
<option value="junior">Junior</option>
<option value="senior">Senior</option>
<option value="gradpro">Graduate or Professional Student</option>
<option value="faculty">Faculty</option>
<option value="alumni">Alumni</option>
<option value="emeriti faculty">Emeriti Faculty</option>
<option value="trustee">Trustee</option>
<option value="administration">Administration</option>
<option value="staff">Staff</option>
</select></p>

**********************
In case you missed my last post, here's one for states.


<select name="state">
<option value="">Select One</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>

</select>


You can use these right from here of course, by copying and pasting them into your existing forms.  However, you should consider saving each of these as a snippet in DW.  You'll be able to find it when you need it and re-use these with little programming effort.  Believe me,  once you get used to using them, you'll find it's a big time saver.  I'll provide a brief tutorial on saving these in DW later.  Meanwhile I'll give you a hint; check out the 'snippets' panel... Yes, there really is one... in case you hadn't noticed!

Hope this helps,

Kevin
]]></content:encoded>
			<wfw:commentRss>http://www.heidicool.com/blog/2005/09/23/more-dw-snippets-to-copy-and-paste/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rediscovering Snippets</title>
		<link>http://www.heidicool.com/blog/2005/08/31/rediscovering-snippets/</link>
		<comments>http://www.heidicool.com/blog/2005/08/31/rediscovering-snippets/#comments</comments>
		<pubDate>Thu, 01 Sep 2005 00:53:04 +0000</pubDate>
		<dc:creator>Kevin Adams</dc:creator>
				<category><![CDATA[Kevin's Stuff]]></category>

		<guid isPermaLink="false">http://www.heidicool.com/blog/?p=20</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[I recently did a new installation of Dreamweaver, and lost all of my customizations that I had accumulated.  In hindsight, I guess there are quite a few that I can live without... but there was one group of indispensible time-savers that I found worthwhile to add back in.  Veteran users of DW know these little tools as 'snippets'.

<span id="more-20"></span>
They are found in the Code panel.  They are pieces of code that you can use over and over again.  You access them by choosing 'Window' > 'Snippets... or by pressing the shortcut 'shift+F9'... or just click the snippets tab on the code panel.
Check them out if you haven't recently and you'll be surprized how helpful they can be.  MacroMedia's Dreamweaver comes loaded with quite a few, (most of which I have to admit are NOT all that useful) but you'll soon find yourself creating little reusable code 'snippets' for yourself.
I'll make this entry short, since I've got a lot of snippets to (re)create for myself.  Future entries in the WebDev Blog will cover installing your own snippets, for today though I'll leave you with one that I find useful.  It is used in the creation of forms, and is the code that creates the '< select >' drop-down menus for States.
Maybe this is something that you won't use all the time, I needed it for a form I programmed in the last couple of days.  Now, of course, you could just put a text field in for State: and ask (and expect) your user to enter two characters only, well, we all know how that'll turn out!   In this case, if you use this snippet, values are programmed to be the two letter abbreviations, and on-screen labels are spelled out.
Whether or not you make this into your own snippet, I'll include it here for anyone to copy and paste into a reference file for yourself.
Here's what it looks like onscreen:

<p>State:
<select name="state">
<option value="">Select One</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</p>

Copy and paste.  I hope you find this useful.  I'll be back with another post with instructions for installing in DW's Code panel under 'snippets'.
]]></content:encoded>
			<wfw:commentRss>http://www.heidicool.com/blog/2005/08/31/rediscovering-snippets/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

