<?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/"
	>

<channel>
	<title>Blog: What I Think About Stuff » Small Hadron Collider: Website Design &#38; Consultancy (Sheffield)</title>
	<atom:link href="http://www.smallhadroncollider.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.smallhadroncollider.com/blog</link>
	<description>What I Think About Stuff</description>
	<lastBuildDate>Mon, 08 Mar 2010 12:07:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>New Office</title>
		<link>http://www.smallhadroncollider.com/blog/new-office/</link>
		<comments>http://www.smallhadroncollider.com/blog/new-office/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 10:34:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.smallhadroncollider.com/blog/?p=103</guid>
		<description><![CDATA[I&#8217;m pleased to announce that I&#8217;ve moved into my new office!
Address:Coal Design Studio,749B Ecclesall Road,Sheffield, South Yorkshire, S11 8TGUK


]]></description>
			<content:encoded><![CDATA[<p><img style="float:right" src="/content/images/studio-photo.jpg" alt="Coal Design Studio" /></p>
<p>I&#8217;m pleased to announce that I&#8217;ve moved into my new office!</p>
<p id="hcard-Mark-Nicholas-Wales" class="vcard"><span class="adr"><strong>Address:</strong><br /><span class="street-address">Coal Design Studio,<br />749B Ecclesall Road</span>,<br /><span class="locality">Sheffield</span>,<br /> <span class="region">South Yorkshire</span>,<br /> <span class="postal-code">S11 8TG</span><br /><span class="country-name">UK</span></span></p>
<hr />
<iframe width="100%" height="350" class="border" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=small+hadron+collider+sheffield&amp;sll=37.654536,-95.460471&amp;sspn=22.417422,46.713867&amp;ie=UTF8&amp;hq=small+hadron+collider&amp;hnear=Sheffield,+UK&amp;ll=53.370323,-1.50517&amp;spn=0.008962,0.030041&amp;z=15&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=small+hadron+collider+sheffield&amp;sll=37.654536,-95.460471&amp;sspn=22.417422,46.713867&amp;ie=UTF8&amp;hq=small+hadron+collider&amp;hnear=Sheffield,+UK&amp;ll=53.370323,-1.50517&amp;spn=0.008962,0.030041&amp;z=15&amp;iwloc=A" style="color:#0000FF;text-align:left"></a></small></p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Country Pickers: A Suggestion</title>
		<link>http://www.smallhadroncollider.com/blog/country-pickers-a-suggestion/</link>
		<comments>http://www.smallhadroncollider.com/blog/country-pickers-a-suggestion/#comments</comments>
		<pubDate>Sat, 06 Feb 2010 17:49:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.smallhadroncollider.com/blog/?p=78</guid>
		<description><![CDATA[Making country pickers a little bit quicker.]]></description>
			<content:encoded><![CDATA[<p>You will surely have seen one of these before:</p>
<form>
<select name="Country">
<option value="" selected="selected">Select Your Country</option><br />
<option value="Afghanistan">Afghanistan</option><br />
<option value="Albania">Albania</option><br />
<option value="Algeria">Algeria</option><br />
<option value="American Samoa">American Samoa</option><br />
<option value="Andorra">Andorra</option><br />
<option value="Angola">Angola</option><br />
<option value="Anguilla">Anguilla</option><br />
<option value="Antarctica">Antarctica</option><br />
<option value="Antigua and Barbuda">Antigua and Barbuda</option><br />
<option value="Argentina">Argentina</option><br />
<option value="Armenia">Armenia</option><br />
<option value="Aruba">Aruba</option><br />
<option value="Australia">Australia</option><br />
<option value="Austria">Austria</option><br />
<option value="Azerbaijan">Azerbaijan</option><br />
<option value="Bahamas">Bahamas</option><br />
<option value="Bahrain">Bahrain</option><br />
<option value="Bangladesh">Bangladesh</option><br />
<option value="Barbados">Barbados</option><br />
<option value="Belarus">Belarus</option><br />
<option value="Belgium">Belgium</option><br />
<option value="Belize">Belize</option><br />
<option value="Benin">Benin</option><br />
<option value="Bermuda">Bermuda</option><br />
<option value="Bhutan">Bhutan</option><br />
<option value="Bolivia">Bolivia</option><br />
<option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option><br />
<option value="Botswana">Botswana</option><br />
<option value="Bouvet Island">Bouvet Island</option><br />
<option value="Brazil">Brazil</option><br />
<option value="British Indian Ocean Territory">British Indian Ocean Territory</option><br />
<option value="Brunei Darussalam">Brunei Darussalam</option><br />
<option value="Bulgaria">Bulgaria</option><br />
<option value="Burkina Faso">Burkina Faso</option><br />
<option value="Burundi">Burundi</option><br />
<option value="Cambodia">Cambodia</option><br />
<option value="Cameroon">Cameroon</option><br />
<option value="Canada">Canada</option><br />
<option value="Cape Verde">Cape Verde</option><br />
<option value="Cayman Islands">Cayman Islands</option><br />
<option value="Central African Republic">Central African Republic</option><br />
<option value="Chad">Chad</option><br />
<option value="Chile">Chile</option><br />
<option value="China">China</option><br />
<option value="Christmas Island">Christmas Island</option><br />
<option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option><br />
<option value="Colombia">Colombia</option><br />
<option value="Comoros">Comoros</option><br />
<option value="Congo">Congo</option><br />
<option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option><br />
<option value="Cook Islands">Cook Islands</option><br />
<option value="Costa Rica">Costa Rica</option><br />
<option value="Cote D'ivoire">Cote D&#8217;ivoire</option><br />
<option value="Croatia">Croatia</option><br />
<option value="Cuba">Cuba</option><br />
<option value="Cyprus">Cyprus</option><br />
<option value="Czech Republic">Czech Republic</option><br />
<option value="Denmark">Denmark</option><br />
<option value="Djibouti">Djibouti</option><br />
<option value="Dominica">Dominica</option><br />
<option value="Dominican Republic">Dominican Republic</option><br />
<option value="Ecuador">Ecuador</option><br />
<option value="Egypt">Egypt</option><br />
<option value="El Salvador">El Salvador</option><br />
<option value="Equatorial Guinea">Equatorial Guinea</option><br />
<option value="Eritrea">Eritrea</option><br />
<option value="Estonia">Estonia</option><br />
<option value="Ethiopia">Ethiopia</option><br />
<option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option><br />
<option value="Faroe Islands">Faroe Islands</option><br />
<option value="Fiji">Fiji</option><br />
<option value="Finland">Finland</option><br />
<option value="France">France</option><br />
<option value="French Guiana">French Guiana</option><br />
<option value="French Polynesia">French Polynesia</option><br />
<option value="French Southern Territories">French Southern Territories</option><br />
<option value="Gabon">Gabon</option><br />
<option value="Gambia">Gambia</option><br />
<option value="Georgia">Georgia</option><br />
<option value="Germany">Germany</option><br />
<option value="Ghana">Ghana</option><br />
<option value="Gibraltar">Gibraltar</option><br />
<option value="Greece">Greece</option><br />
<option value="Greenland">Greenland</option><br />
<option value="Grenada">Grenada</option><br />
<option value="Guadeloupe">Guadeloupe</option><br />
<option value="Guam">Guam</option><br />
<option value="Guatemala">Guatemala</option><br />
<option value="Guinea">Guinea</option><br />
<option value="Guinea-bissau">Guinea-bissau</option><br />
<option value="Guyana">Guyana</option><br />
<option value="Haiti">Haiti</option><br />
<option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option><br />
<option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option><br />
<option value="Honduras">Honduras</option><br />
<option value="Hong Kong">Hong Kong</option><br />
<option value="Hungary">Hungary</option><br />
<option value="Iceland">Iceland</option><br />
<option value="India">India</option><br />
<option value="Indonesia">Indonesia</option><br />
<option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option><br />
<option value="Iraq">Iraq</option><br />
<option value="Ireland">Ireland</option><br />
<option value="Israel">Israel</option><br />
<option value="Italy">Italy</option><br />
<option value="Jamaica">Jamaica</option><br />
<option value="Japan">Japan</option><br />
<option value="Jordan">Jordan</option><br />
<option value="Kazakhstan">Kazakhstan</option><br />
<option value="Kenya">Kenya</option><br />
<option value="Kiribati">Kiribati</option><br />
<option value="Korea, Democratic People's Republic of">Korea, Democratic People&#8217;s Republic of</option><br />
<option value="Korea, Republic of">Korea, Republic of</option><br />
<option value="Kuwait">Kuwait</option><br />
<option value="Kyrgyzstan">Kyrgyzstan</option><br />
<option value="Lao People's Democratic Republic">Lao People&#8217;s Democratic Republic</option><br />
<option value="Latvia">Latvia</option><br />
<option value="Lebanon">Lebanon</option><br />
<option value="Lesotho">Lesotho</option><br />
<option value="Liberia">Liberia</option><br />
<option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option><br />
<option value="Liechtenstein">Liechtenstein</option><br />
<option value="Lithuania">Lithuania</option><br />
<option value="Luxembourg">Luxembourg</option><br />
<option value="Macao">Macao</option><br />
<option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option><br />
<option value="Madagascar">Madagascar</option><br />
<option value="Malawi">Malawi</option><br />
<option value="Malaysia">Malaysia</option><br />
<option value="Maldives">Maldives</option><br />
<option value="Mali">Mali</option><br />
<option value="Malta">Malta</option><br />
<option value="Marshall Islands">Marshall Islands</option><br />
<option value="Martinique">Martinique</option><br />
<option value="Mauritania">Mauritania</option><br />
<option value="Mauritius">Mauritius</option><br />
<option value="Mayotte">Mayotte</option><br />
<option value="Mexico">Mexico</option><br />
<option value="Micronesia, Federated States of">Micronesia, Federated States of</option><br />
<option value="Moldova, Republic of">Moldova, Republic of</option><br />
<option value="Monaco">Monaco</option><br />
<option value="Mongolia">Mongolia</option><br />
<option value="Montserrat">Montserrat</option><br />
<option value="Morocco">Morocco</option><br />
<option value="Mozambique">Mozambique</option><br />
<option value="Myanmar">Myanmar</option><br />
<option value="Namibia">Namibia</option><br />
<option value="Nauru">Nauru</option><br />
<option value="Nepal">Nepal</option><br />
<option value="Netherlands">Netherlands</option><br />
<option value="Netherlands Antilles">Netherlands Antilles</option><br />
<option value="New Caledonia">New Caledonia</option><br />
<option value="New Zealand">New Zealand</option><br />
<option value="Nicaragua">Nicaragua</option><br />
<option value="Niger">Niger</option><br />
<option value="Nigeria">Nigeria</option><br />
<option value="Niue">Niue</option><br />
<option value="Norfolk Island">Norfolk Island</option><br />
<option value="Northern Mariana Islands">Northern Mariana Islands</option><br />
<option value="Norway">Norway</option><br />
<option value="Oman">Oman</option><br />
<option value="Pakistan">Pakistan</option><br />
<option value="Palau">Palau</option><br />
<option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option><br />
<option value="Panama">Panama</option><br />
<option value="Papua New Guinea">Papua New Guinea</option><br />
<option value="Paraguay">Paraguay</option><br />
<option value="Peru">Peru</option><br />
<option value="Philippines">Philippines</option><br />
<option value="Pitcairn">Pitcairn</option><br />
<option value="Poland">Poland</option><br />
<option value="Portugal">Portugal</option><br />
<option value="Puerto Rico">Puerto Rico</option><br />
<option value="Qatar">Qatar</option><br />
<option value="Reunion">Reunion</option><br />
<option value="Romania">Romania</option><br />
<option value="Russian Federation">Russian Federation</option><br />
<option value="Rwanda">Rwanda</option><br />
<option value="Saint Helena">Saint Helena</option><br />
<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option><br />
<option value="Saint Lucia">Saint Lucia</option><br />
<option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option><br />
<option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option><br />
<option value="Samoa">Samoa</option><br />
<option value="San Marino">San Marino</option><br />
<option value="Sao Tome and Principe">Sao Tome and Principe</option><br />
<option value="Saudi Arabia">Saudi Arabia</option><br />
<option value="Senegal">Senegal</option><br />
<option value="Serbia and Montenegro">Serbia and Montenegro</option><br />
<option value="Seychelles">Seychelles</option><br />
<option value="Sierra Leone">Sierra Leone</option><br />
<option value="Singapore">Singapore</option><br />
<option value="Slovakia">Slovakia</option><br />
<option value="Slovenia">Slovenia</option><br />
<option value="Solomon Islands">Solomon Islands</option><br />
<option value="Somalia">Somalia</option><br />
<option value="South Africa">South Africa</option><br />
<option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option><br />
<option value="Spain">Spain</option><br />
<option value="Sri Lanka">Sri Lanka</option><br />
<option value="Sudan">Sudan</option><br />
<option value="Suriname">Suriname</option><br />
<option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option><br />
<option value="Swaziland">Swaziland</option><br />
<option value="Sweden">Sweden</option><br />
<option value="Switzerland">Switzerland</option><br />
<option value="Syrian Arab Republic">Syrian Arab Republic</option><br />
<option value="Taiwan, Province of China">Taiwan, Province of China</option><br />
<option value="Tajikistan">Tajikistan</option><br />
<option value="Tanzania, United Republic of">Tanzania, United Republic of</option><br />
<option value="Thailand">Thailand</option><br />
<option value="Timor-leste">Timor-leste</option><br />
<option value="Togo">Togo</option><br />
<option value="Tokelau">Tokelau</option><br />
<option value="Tonga">Tonga</option><br />
<option value="Trinidad and Tobago">Trinidad and Tobago</option><br />
<option value="Tunisia">Tunisia</option><br />
<option value="Turkey">Turkey</option><br />
<option value="Turkmenistan">Turkmenistan</option><br />
<option value="Turks and Caicos Islands">Turks and Caicos Islands</option><br />
<option value="Tuvalu">Tuvalu</option><br />
<option value="Uganda">Uganda</option><br />
<option value="Ukraine">Ukraine</option><br />
<option value="United Arab Emirates">United Arab Emirates</option><br />
<option value="United Kingdom">United Kingdom</option><br />
<option value="United States">United States</option><br />
<option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option><br />
<option value="Uruguay">Uruguay</option><br />
<option value="Uzbekistan">Uzbekistan</option><br />
<option value="Vanuatu">Vanuatu</option><br />
<option value="Venezuela">Venezuela</option><br />
<option value="Viet Nam">Viet Nam</option><br />
<option value="Virgin Islands, British">Virgin Islands, British</option><br />
<option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option><br />
<option value="Wallis and Futuna">Wallis and Futuna</option><br />
<option value="Western Sahara">Western Sahara</option><br />
<option value="Yemen">Yemen</option><br />
<option value="Zambia">Zambia</option><br />
<option value="Zimbabwe">Zimbabwe</option><br />
</select>
</form>
<p>Wouldn&#8217;t you rather have one that did this?</p>
<form>
<select name="Country">
<option value="United States" selected="selected">United States</option><br />
<option value="Afghanistan">Afghanistan</option><br />
<option value="Albania">Albania</option><br />
<option value="Algeria">Algeria</option><br />
<option value="American Samoa">American Samoa</option><br />
<option value="Andorra">Andorra</option><br />
<option value="Angola">Angola</option><br />
<option value="Anguilla">Anguilla</option><br />
<option value="Antarctica">Antarctica</option><br />
<option value="Antigua and Barbuda">Antigua and Barbuda</option><br />
<option value="Argentina">Argentina</option><br />
<option value="Armenia">Armenia</option><br />
<option value="Aruba">Aruba</option><br />
<option value="Australia">Australia</option><br />
<option value="Austria">Austria</option><br />
<option value="Azerbaijan">Azerbaijan</option><br />
<option value="Bahamas">Bahamas</option><br />
<option value="Bahrain">Bahrain</option><br />
<option value="Bangladesh">Bangladesh</option><br />
<option value="Barbados">Barbados</option><br />
<option value="Belarus">Belarus</option><br />
<option value="Belgium">Belgium</option><br />
<option value="Belize">Belize</option><br />
<option value="Benin">Benin</option><br />
<option value="Bermuda">Bermuda</option><br />
<option value="Bhutan">Bhutan</option><br />
<option value="Bolivia">Bolivia</option><br />
<option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option><br />
<option value="Botswana">Botswana</option><br />
<option value="Bouvet Island">Bouvet Island</option><br />
<option value="Brazil">Brazil</option><br />
<option value="British Indian Ocean Territory">British Indian Ocean Territory</option><br />
<option value="Brunei Darussalam">Brunei Darussalam</option><br />
<option value="Bulgaria">Bulgaria</option><br />
<option value="Burkina Faso">Burkina Faso</option><br />
<option value="Burundi">Burundi</option><br />
<option value="Cambodia">Cambodia</option><br />
<option value="Cameroon">Cameroon</option><br />
<option value="Canada">Canada</option><br />
<option value="Cape Verde">Cape Verde</option><br />
<option value="Cayman Islands">Cayman Islands</option><br />
<option value="Central African Republic">Central African Republic</option><br />
<option value="Chad">Chad</option><br />
<option value="Chile">Chile</option><br />
<option value="China">China</option><br />
<option value="Christmas Island">Christmas Island</option><br />
<option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option><br />
<option value="Colombia">Colombia</option><br />
<option value="Comoros">Comoros</option><br />
<option value="Congo">Congo</option><br />
<option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option><br />
<option value="Cook Islands">Cook Islands</option><br />
<option value="Costa Rica">Costa Rica</option><br />
<option value="Cote D'ivoire">Cote D&#8217;ivoire</option><br />
<option value="Croatia">Croatia</option><br />
<option value="Cuba">Cuba</option><br />
<option value="Cyprus">Cyprus</option><br />
<option value="Czech Republic">Czech Republic</option><br />
<option value="Denmark">Denmark</option><br />
<option value="Djibouti">Djibouti</option><br />
<option value="Dominica">Dominica</option><br />
<option value="Dominican Republic">Dominican Republic</option><br />
<option value="Ecuador">Ecuador</option><br />
<option value="Egypt">Egypt</option><br />
<option value="El Salvador">El Salvador</option><br />
<option value="Equatorial Guinea">Equatorial Guinea</option><br />
<option value="Eritrea">Eritrea</option><br />
<option value="Estonia">Estonia</option><br />
<option value="Ethiopia">Ethiopia</option><br />
<option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option><br />
<option value="Faroe Islands">Faroe Islands</option><br />
<option value="Fiji">Fiji</option><br />
<option value="Finland">Finland</option><br />
<option value="France">France</option><br />
<option value="French Guiana">French Guiana</option><br />
<option value="French Polynesia">French Polynesia</option><br />
<option value="French Southern Territories">French Southern Territories</option><br />
<option value="Gabon">Gabon</option><br />
<option value="Gambia">Gambia</option><br />
<option value="Georgia">Georgia</option><br />
<option value="Germany">Germany</option><br />
<option value="Ghana">Ghana</option><br />
<option value="Gibraltar">Gibraltar</option><br />
<option value="Greece">Greece</option><br />
<option value="Greenland">Greenland</option><br />
<option value="Grenada">Grenada</option><br />
<option value="Guadeloupe">Guadeloupe</option><br />
<option value="Guam">Guam</option><br />
<option value="Guatemala">Guatemala</option><br />
<option value="Guinea">Guinea</option><br />
<option value="Guinea-bissau">Guinea-bissau</option><br />
<option value="Guyana">Guyana</option><br />
<option value="Haiti">Haiti</option><br />
<option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option><br />
<option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option><br />
<option value="Honduras">Honduras</option><br />
<option value="Hong Kong">Hong Kong</option><br />
<option value="Hungary">Hungary</option><br />
<option value="Iceland">Iceland</option><br />
<option value="India">India</option><br />
<option value="Indonesia">Indonesia</option><br />
<option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option><br />
<option value="Iraq">Iraq</option><br />
<option value="Ireland">Ireland</option><br />
<option value="Israel">Israel</option><br />
<option value="Italy">Italy</option><br />
<option value="Jamaica">Jamaica</option><br />
<option value="Japan">Japan</option><br />
<option value="Jordan">Jordan</option><br />
<option value="Kazakhstan">Kazakhstan</option><br />
<option value="Kenya">Kenya</option><br />
<option value="Kiribati">Kiribati</option><br />
<option value="Korea, Democratic People's Republic of">Korea, Democratic People&#8217;s Republic of</option><br />
<option value="Korea, Republic of">Korea, Republic of</option><br />
<option value="Kuwait">Kuwait</option><br />
<option value="Kyrgyzstan">Kyrgyzstan</option><br />
<option value="Lao People's Democratic Republic">Lao People&#8217;s Democratic Republic</option><br />
<option value="Latvia">Latvia</option><br />
<option value="Lebanon">Lebanon</option><br />
<option value="Lesotho">Lesotho</option><br />
<option value="Liberia">Liberia</option><br />
<option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option><br />
<option value="Liechtenstein">Liechtenstein</option><br />
<option value="Lithuania">Lithuania</option><br />
<option value="Luxembourg">Luxembourg</option><br />
<option value="Macao">Macao</option><br />
<option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option><br />
<option value="Madagascar">Madagascar</option><br />
<option value="Malawi">Malawi</option><br />
<option value="Malaysia">Malaysia</option><br />
<option value="Maldives">Maldives</option><br />
<option value="Mali">Mali</option><br />
<option value="Malta">Malta</option><br />
<option value="Marshall Islands">Marshall Islands</option><br />
<option value="Martinique">Martinique</option><br />
<option value="Mauritania">Mauritania</option><br />
<option value="Mauritius">Mauritius</option><br />
<option value="Mayotte">Mayotte</option><br />
<option value="Mexico">Mexico</option><br />
<option value="Micronesia, Federated States of">Micronesia, Federated States of</option><br />
<option value="Moldova, Republic of">Moldova, Republic of</option><br />
<option value="Monaco">Monaco</option><br />
<option value="Mongolia">Mongolia</option><br />
<option value="Montserrat">Montserrat</option><br />
<option value="Morocco">Morocco</option><br />
<option value="Mozambique">Mozambique</option><br />
<option value="Myanmar">Myanmar</option><br />
<option value="Namibia">Namibia</option><br />
<option value="Nauru">Nauru</option><br />
<option value="Nepal">Nepal</option><br />
<option value="Netherlands">Netherlands</option><br />
<option value="Netherlands Antilles">Netherlands Antilles</option><br />
<option value="New Caledonia">New Caledonia</option><br />
<option value="New Zealand">New Zealand</option><br />
<option value="Nicaragua">Nicaragua</option><br />
<option value="Niger">Niger</option><br />
<option value="Nigeria">Nigeria</option><br />
<option value="Niue">Niue</option><br />
<option value="Norfolk Island">Norfolk Island</option><br />
<option value="Northern Mariana Islands">Northern Mariana Islands</option><br />
<option value="Norway">Norway</option><br />
<option value="Oman">Oman</option><br />
<option value="Pakistan">Pakistan</option><br />
<option value="Palau">Palau</option><br />
<option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option><br />
<option value="Panama">Panama</option><br />
<option value="Papua New Guinea">Papua New Guinea</option><br />
<option value="Paraguay">Paraguay</option><br />
<option value="Peru">Peru</option><br />
<option value="Philippines">Philippines</option><br />
<option value="Pitcairn">Pitcairn</option><br />
<option value="Poland">Poland</option><br />
<option value="Portugal">Portugal</option><br />
<option value="Puerto Rico">Puerto Rico</option><br />
<option value="Qatar">Qatar</option><br />
<option value="Reunion">Reunion</option><br />
<option value="Romania">Romania</option><br />
<option value="Russian Federation">Russian Federation</option><br />
<option value="Rwanda">Rwanda</option><br />
<option value="Saint Helena">Saint Helena</option><br />
<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option><br />
<option value="Saint Lucia">Saint Lucia</option><br />
<option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option><br />
<option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option><br />
<option value="Samoa">Samoa</option><br />
<option value="San Marino">San Marino</option><br />
<option value="Sao Tome and Principe">Sao Tome and Principe</option><br />
<option value="Saudi Arabia">Saudi Arabia</option><br />
<option value="Senegal">Senegal</option><br />
<option value="Serbia and Montenegro">Serbia and Montenegro</option><br />
<option value="Seychelles">Seychelles</option><br />
<option value="Sierra Leone">Sierra Leone</option><br />
<option value="Singapore">Singapore</option><br />
<option value="Slovakia">Slovakia</option><br />
<option value="Slovenia">Slovenia</option><br />
<option value="Solomon Islands">Solomon Islands</option><br />
<option value="Somalia">Somalia</option><br />
<option value="South Africa">South Africa</option><br />
<option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option><br />
<option value="Spain">Spain</option><br />
<option value="Sri Lanka">Sri Lanka</option><br />
<option value="Sudan">Sudan</option><br />
<option value="Suriname">Suriname</option><br />
<option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option><br />
<option value="Swaziland">Swaziland</option><br />
<option value="Sweden">Sweden</option><br />
<option value="Switzerland">Switzerland</option><br />
<option value="Syrian Arab Republic">Syrian Arab Republic</option><br />
<option value="Taiwan, Province of China">Taiwan, Province of China</option><br />
<option value="Tajikistan">Tajikistan</option><br />
<option value="Tanzania, United Republic of">Tanzania, United Republic of</option><br />
<option value="Thailand">Thailand</option><br />
<option value="Timor-leste">Timor-leste</option><br />
<option value="Togo">Togo</option><br />
<option value="Tokelau">Tokelau</option><br />
<option value="Tonga">Tonga</option><br />
<option value="Trinidad and Tobago">Trinidad and Tobago</option><br />
<option value="Tunisia">Tunisia</option><br />
<option value="Turkey">Turkey</option><br />
<option value="Turkmenistan">Turkmenistan</option><br />
<option value="Turks and Caicos Islands">Turks and Caicos Islands</option><br />
<option value="Tuvalu">Tuvalu</option><br />
<option value="Uganda">Uganda</option><br />
<option value="Ukraine">Ukraine</option><br />
<option value="United Arab Emirates">United Arab Emirates</option><br />
<option value="United Kingdom">United Kingdom</option><br />
<option value="United States">United States</option><br />
<option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option><br />
<option value="Uruguay">Uruguay</option><br />
<option value="Uzbekistan">Uzbekistan</option><br />
<option value="Vanuatu">Vanuatu</option><br />
<option value="Venezuela">Venezuela</option><br />
<option value="Viet Nam">Viet Nam</option><br />
<option value="Virgin Islands, British">Virgin Islands, British</option><br />
<option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option><br />
<option value="Wallis and Futuna">Wallis and Futuna</option><br />
<option value="Western Sahara">Western Sahara</option><br />
<option value="Yemen">Yemen</option><br />
<option value="Zambia">Zambia</option><br />
<option value="Zimbabwe">Zimbabwe</option><br />
</select>
</form>
<p>If the code is working properly (and there&#8217;s no reason it shouldn&#8217;t), the first option in the selection box will be the country you are currently in.</p>
<p>I suspect the vast majority of the time that anyone fills out such a form the person will be in the country they want to select. In those situations the person won&#8217;t have to make any changes, saving them a few seconds, and in any other situation they would just select their country as usual.</p>
<p>It&#8217;s a minor thing, but it&#8217;s one of those small things that could make filling out a form that little bit easier.</p>
<h3>The Code</h3>
<p>In case you&#8217;re interested the PHP code is below:</p>
<pre><code>
function find_country()
{
	$ip=$_SERVER['REMOTE_ADDR'];
	$country = '';

	if (!empty($ip)) {
		$country = file_get_contents('http://ip2.cc/?api=cname&#038;ip='.$ip);
	}

	if ($country != "") { return $country; }
	else { return "Please select your country"; }
}
</code></pre>
<p>A call to <code>find_country()</code> should be placed as the first option in a <code>select</code> input with the <code>selected</code> value set. It will either return the country name or the text &#8220;Please select your country&#8221; – that way if no result is returned the default option will still be helpful.</p>
<p>Note: The user will not <em>always</em> be in their home country, so make sure you give them the option of changing the country.</p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Many Designs of Small Hadron Collider</title>
		<link>http://www.smallhadroncollider.com/blog/the-many-designs-of-small-hadron-collider/</link>
		<comments>http://www.smallhadroncollider.com/blog/the-many-designs-of-small-hadron-collider/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 12:27:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.smallhadroncollider.com/blog/?p=19</guid>
		<description><![CDATA[The problem with deadlines is that they don't really work if you set them for yourself: you know it's just an arbitrary date and that if you went over it by a few days no one's going to get upset. So you keep on tweaking. And the thing with tweaking is that you eventually get tired of tweaking the same thing: you've been tweaking it for days and it's still not quite perfect. So you do a whole new design, one that can surely be made to be perfect. And then you tweak that for days. But it still doesn't quite reach perfection. So you do another new design...]]></description>
			<content:encoded><![CDATA[<p>The <em>www.smallhadroncollider.com</em> domain name was registered on the 26th of July 2008. Yesterday, the 3rd of February 2010, marked the debut of a fully functioning website. So, what exactly have I been doing for the last 558 days?</p>
<h3>Designing for Other People</h3>
<p>I&#8217;m a perfectionist, which means that given unlimited time I&#8217;d never get anything finished: nothing&#8217;s ever perfect, so I would spend the rest of eternity tweaking things. Luckily, when you&#8217;re doing work for a client there is always a fixed time-span in which you must work. Having this known end-point means that you have to accept that the work you do, no matter how high quality, will never be quite perfect. But you can put up with that because, unlike you, the client is most likely not a perfectionist, and the designer&#8217;s job is to please the client, not themselves. <em>Deadlines make perfectionists productive</em>.</p>
<h3>Designing for Myself</h3>
<p>But the problem with deadlines is that they don&#8217;t really work if you set them for yourself: you know it&#8217;s just an arbitrary date and that if you went over it by a few days no one&#8217;s going to get upset. So you keep on tweaking. And the thing with tweaking is that you eventually get tired of tweaking the same thing: you&#8217;ve been tweaking it for days and it&#8217;s still not quite perfect. So you do a whole new design, one that can surely be made to be perfect. And then you tweak that for days. But it still doesn&#8217;t quite reach perfection. So you do another new design&#8230;</p>
<p>And that, to answer the question I started with, is what I&#8217;ve been doing with the last 558 days: I&#8217;ve been tweaking.</p>
<h3>Some of the Designs</h3>
<p>So, without further a do, here are some of the designs I&#8217;ve come up with in the last 558 days (you can click on the images for larger versions).</p>
<div class="gallery">
<p>
<a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/1.jpg" title="Design No.1 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/1-Thumb.jpg" alt="Design No.1" /><br />
</a></p>
<h4>Design No.1</h4>
<p>Small Hadron Collider was initially set up as a Mac software company. I was going to sell <cite>References</cite>, a program I&#8217;d created that made making bibliographies for essays and dissertations much quicker. I was also going to give away a little program I called <cite>iStrain</cite> which reminded you to stop staring at the computer every twenty minutes.</p>
<p>This initial design was up for a few months, but it lacked content. When it comes down to it the design was a little bland and it wasn&#8217;t based on a <a href="http://en.wikipedia.org/wiki/Grid_(page_layout)">grid system</a>, which meant the layout was pretty arbitrary.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/2.jpg" title="Design No.2 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/2-Thumb.jpg" alt="Design No.2" /><br />
</a></p>
<h4>Design No.2</h4>
<p>The second design was a bit more colourful than the first and I think it&#8217;s got quite a bit of character. However, it quickly evolved into Design No.3.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/3.jpg" title="Design No.3 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/3-Thumb.jpg" alt="Design No.3" /><br />
</a></p>
<h4>Design No.3</h4>
<p>This design is just a slightly redone version of the second design: there&#8217;s a bit more going on in the background and the header has been made smaller, but the basic concept is the same. I&#8217;m really fond of this design, but it was for a software company and not a web-design company.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/4.jpg" title="Design No.4 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/4-Thumb.jpg" alt="Design No.4" /><br />
</a></p>
<h4>Design No.4</h4>
<p>The first of the web-designer designs. It&#8217;s clearly an evolution of the previous design, but with a now somewhat cliché glass effect. The blue and black theme makes a return quite regularly in these designs.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/5.jpg" title="Design No.5 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/5-Thumb.jpg" alt="Design No.5" /><br />
</a></p>
<h4>Design No.5</h4>
<p>The logo remains the same, as has the colour scheme, but now it&#8217;s gone from quite fun to quite serious.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/6.jpg" title="Design No.6 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/6-Thumb.jpg" alt="Design No.6" /><br />
</a></p>
<h4>Design No.6</h4>
<p>This design&#8217;s a bit of a weird one&#8230; Moving on swiftly.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/7.jpg" title="Design No.7 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/7-Thumb.jpg" alt="Design No.7" /><br />
</a></p>
<h4>Design No.7</h4>
<p>This is another one that made it up for a few months. It was a bit too serious though. It was also 12 pixels too wide, which meant you got scroll bars on smaller screens. I tried to adjust it to make it 12 pixels thinner, but it ruined the whole design.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/8.jpg" title="Design No.8 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/8-Thumb.jpg" alt="Design No.8" /><br />
</a></p>
<h4>Design No.8</h4>
<p>This is one of my favourite concepts. The background was going to have an intricate system of rooms full of little mouse-scientists. Probably the most literal interpretation of the company name. But I couldn&#8217;t get the menu system to work quite as I wanted and, after weeks of tweaking, I started again.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/9.jpg" title="Design No.9 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/9-Thumb.jpg" alt="Design No.9" /><br />
</a></p>
<h4>Design No.9</h4>
<p>The next few were all done within a week of each other. This one experimented with vertical text and a margin to the left. But it&#8217;s not got much character.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/10.jpg" title="Design No.10 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/10-Thumb.jpg" alt="Design No.10" /><br />
</a></p>
<h4>Design No.10</h4>
<p>This design, on the other hand, has far too much character.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/11-1.jpg" title="Design No.11 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/11-1-Thumb.jpg" alt="Design No.11" /><br />
</a></p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/11-2.jpg" title="Design No.11 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/11-2-Thumb.jpg" alt="Design No.11" /><br />
</a></p>
<h4>Design No.11</h4>
<p>Return of the blue and black. This one was so close to being the design I went with. But it had a needless splash page and it&#8217;s not very friendly.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/12.jpg" title="Design No.12 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/12-Thumb.jpg" alt="Design No.12" /><br />
</a></p>
<h4>Design No.12</h4>
<p>This one was all a bit conceptual. The logo is an artistic rendering of what the <a href="http://en.wikipedia.org/wiki/Higgs_boson">Higgs Boson</a> should look like on the screens at the Large Hadron Collider. I quite like it, but it does make the site look like an actual physics research company.</p>
<p><a href="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/13.jpg" title="Design No.13 Full Size"><br />
<img src="http://www.smallhadroncollider.com/blog/wp-content/uploads/2010/02/13-Thumb.jpg" alt="Design No.13" /><br />
</a></p>
<h4>Design No.13</h4>
<p>A more colourful version of the previous design. Very bold. <em>Too</em> bold.</p>
</div>
<h3>How Did I Do It?</h3>
<p>So, how did I finally escape the endless tweaking? I&#8217;m not really sure. But I did, and that&#8217;s the important thing.</p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
