<?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>n0d3.org &#187; Design: Web</title>
	<atom:link href="http://n0d3.org/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://n0d3.org</link>
	<description></description>
	<lastBuildDate>Thu, 27 Oct 2011 12:27:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=308</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>One or Two Spaces After a Period?</title>
		<link>http://n0d3.org/one-or-two-spaces-after-a-period/</link>
		<comments>http://n0d3.org/one-or-two-spaces-after-a-period/#comments</comments>
		<pubDate>Mon, 17 Jan 2011 20:21:41 +0000</pubDate>
		<dc:creator>gn0d3</dc:creator>
				<category><![CDATA[Design: Web]]></category>

		<guid isPermaLink="false">http://n0d3.org/?p=317</guid>
		<description><![CDATA[My friend Andrea Gimblet recently dropped this bomb on her Facebook page: &#8220;Okay, here&#8217;s a question&#8230;One or two spaces after a period?&#8221; I let the comment thread get sufficiently heated and filled with very interesting answers before I just couldn&#8217;t handle it anymore. I provide you with the answer below. Enjoy. One space. It was [...]]]></description>
			<content:encoded><![CDATA[<p>My friend Andrea Gimblet recently dropped this bomb on her Facebook page: &#8220;Okay, here&#8217;s a question&#8230;One or two spaces after a period?&#8221;</p>
<p>I let the comment thread get sufficiently heated and filled with very interesting answers before I just couldn&#8217;t handle it anymore. I provide you with the answer below. Enjoy.</p>
<p>One space. It was always one space except for very specific display types (see below). I have done hand-set letterpress work and it was one space there too.</p>
<p>This has nothing to do with how old you are or morality. It does have everything to do with the display technology you are using. Sadly, many of the people who taught typing didn’t understand the reasoning themselves so they just passed it along. In this way, the &#8220;two spaces after a period&#8221; rule has become a bit like superstition.</p>
<p>Luckily for you, the inner workings of typography are a secret passion of mine.</p>
<p>The whole two-space thing comes from typewriters and early computer displays which used monospaced characters. When every character in a typeface is the same width it is called a monospace typeface. For example, the letter “i” on a typewriter has a long set of serifs at the bottom and the letter “m” on a typewriter looks so jammed up because typewriters use monospaced typefaces. </p>
<p>The trick here  is that a space following a period in typographically-capable systems is a little bit larger than a “word space” which goes between words in a sentence. Professionally typeset material and modern computer displays insert word spaces and sentence spaces automatically so you only need to hit the space bar once (or grab the “word space” piece of lead in the case of hand setting).</p>
<p>Typewriters and early computers that used monospaced type needed something to make up for the fact that all characters, including the spaces, were the same width. Thus, the idea of adding two word spaces at the end of a sentence.</p>
<p>The whole issue with using the proper kind of space is about getting an even “color” on a page of text and avoiding a “river” of spaces (spaces from one line of text lining up with a space on the line above or below). Having two word spaces results in a very noticeable “shotgun” pattern in a page of text and doubles your chances of creating a &#8220;river.&#8221;</p>
<p>Three important things to keep in mind:</p>
<ul>
<li>If you are concerned about typography as an art, the “rivers” and “shotguns” are considered flaws and amateurish, like sour notes in a symphony.</li>
<li>If you are a reader, the extra space following a period will make it more fatiguing to read longer material. Your eye is forced to travel twice as far for every sentence&#8211;no big deal on Twitter but over the length of longer material this will be noticed.</li>
<li>Your 8th grade typing teacher was right to tell you to put two spaces after a period if he or she was teaching you on a device with monospaced output, like a typewriter.
</ul>
<p>The following is a paragraph set in a  monospaced typeface using one space between words and two spaces after periods.</p>
<p><span style="font-family: Courier, mono; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.&nbsp;&nbsp;Mauris consequat quam quis urna aliquam tincidunt rutrum magna pellentesque.&nbsp;&nbsp;Integer quam dolor, blandit non placerat non, tristique vitae eros.&nbsp;&nbsp;Cras id leo a dolor congue gravida.&nbsp;&nbsp;Integer mollis nibh sit amet enim cursus vitae imperdiet libero rhoncus.&nbsp;&nbsp;Curabitur neque nisi, viverra at ultricies ultrices, lobortis non metus.&nbsp;&nbsp;Quisque posuere aliquam dolor, non blandit lectus tincidunt luctus.&nbsp;&nbsp;Donec in magna et nibh semper blandit ut ac eros.&nbsp;&nbsp;Nulla nec elit sit amet dolor posuere ultrices non in justo.&nbsp;&nbsp;Curabitur congue tristique mollis.&nbsp;&nbsp;Aenean tincidunt metus quis nibh interdum vestibulum.&nbsp;&nbsp;Donec eget pulvinar urna.&nbsp;&nbsp;Donec velit tellus, porttitor ac cursus vel, euismod id nulla.&nbsp;&nbsp;Donec ac quam porttitor lorem sagittis sodales ac vitae dolor.&nbsp;&nbsp;Phasellus lobortis tortor eget nisl auctor accumsan pellentesque sem facilisis.&nbsp;&nbsp;Vestibulum sit amet eros tortor.&nbsp;&nbsp;Suspendisse potenti.&nbsp;&nbsp;Nulla et libero nec urna sollicitudin mollis sit amet ac urna.&nbsp;&nbsp;Duis nec tortor et ante dapibus vestibulum vitae eget purus.&nbsp;&nbsp;Phasellus eu enim vel quam pellentesque semper.&nbsp;&nbsp;</span></p>
<p>The following is a paragraph set in a contemporary typeface using one space between words and one space after periods.</p>
<p><span style="font-family: Times;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consequat quam quis urna aliquam tincidunt rutrum magna pellentesque. Integer quam dolor, blandit non placerat non, tristique vitae eros. Cras id leo a dolor congue gravida. Integer mollis nibh sit amet enim cursus vitae imperdiet libero rhoncus. Curabitur neque nisi, viverra at ultricies ultrices, lobortis non metus. Quisque posuere aliquam dolor, non blandit lectus tincidunt luctus. Donec in magna et nibh semper blandit ut ac eros. Nulla nec elit sit amet dolor posuere ultrices non in justo. Curabitur congue tristique mollis. Aenean tincidunt metus quis nibh interdum vestibulum. Donec eget pulvinar urna. Donec velit tellus, porttitor ac cursus vel, euismod id nulla. Donec ac quam porttitor lorem sagittis sodales ac vitae dolor. Phasellus lobortis tortor eget nisl auctor accumsan pellentesque sem facilisis. Vestibulum sit amet eros tortor. Suspendisse potenti. Nulla et libero nec urna sollicitudin mollis sit amet ac urna. Duis nec tortor et ante dapibus vestibulum vitae eget purus. Phasellus eu enim vel quam pellentesque semper. </span></p>
]]></content:encoded>
			<wfw:commentRss>http://n0d3.org/one-or-two-spaces-after-a-period/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design and Development for Home Based Business</title>
		<link>http://n0d3.org/web-design-and-development-for-home-based-business/</link>
		<comments>http://n0d3.org/web-design-and-development-for-home-based-business/#comments</comments>
		<pubDate>Tue, 27 Mar 2007 18:32:31 +0000</pubDate>
		<dc:creator>gn0d3</dc:creator>
				<category><![CDATA[Design: Web]]></category>
		<category><![CDATA[CEDO]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Speaking Notes]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://n0d3.org/web-design-and-development-for-home-based-business/</guid>
		<description><![CDATA[Image by Getty Images via Daylife Here are my presentation notes for the CEDO Home-based Business Fair. Infrastructure Websites are data files stored on a server. The server is referred to as a &#8220;host.&#8221; Hosting costs tend to revolve around bandwidth usage, storage space, specialized software, CPU power, service. Domain Name/URL is handled by a [...]]]></description>
			<content:encoded><![CDATA[<div class="zemanta-img" style="margin: 1em; display: block;">
<div>
<dl class="wp-caption alignright" style="width: 111px;">
<dt class="wp-caption-dt"><a href="http://www.daylife.com/image/09jY6emaE20qz?utm_source=zemanta&amp;utm_medium=p&amp;utm_content=09jY6emaE20qz&amp;utm_campaign=z1"><img title="SPOKANE, WA - DECEMBER 13:  Ryan Gamble has wi..." src="http://cache.daylife.com/imageserve/09jY6emaE20qz/101x150.jpg" alt="SPOKANE, WA - DECEMBER 13:  Ryan Gamble has wi..." width="101" height="150" /></a></dt>
<dd class="wp-caption-dd zemanta-img-attribution" style="font-size: 0.8em;">Image by <a href="http://www.daylife.com/source/Getty_Images">Getty Images</a> via <a href="http://www.daylife.com">Daylife</a></dd>
</dl>
</div>
</div>
<p>Here are <a href="http://thoughtfaucet.com/news/web-design-for-home-based-businesses/">my presentation notes for the CEDO Home-based Business Fair.</a></p>
<p><strong>Infrastructure</strong></p>
<ul>
<li>Websites are data files stored on a server.</li>
<li>The server is referred to as a &#8220;host.&#8221;</li>
<li>Hosting costs tend to revolve around bandwidth usage, storage space, specialized software, CPU power, service.</li>
<li>Domain Name/URL is handled by a <a class="zem_slink" title="Domain Name System" rel="wikipedia" href="http://en.wikipedia.org/wiki/Domain_Name_System">DNS</a> host.</li>
<li>At some point your web designer/developer will forward you some emails and say: don&#8217;t lose these. Really. Don&#8217;t lose them. They probably contain all your log in info for the DNS and hosting. Changing your web host later will be much more complicated without this information.</li>
</ul>
<p><strong>Design and Production</strong></p>
<ul>
<li>Contemporary websites use a database-driven &#8220;content management system&#8221; (CMS).</li>
<li>Multimedia is easier than ever before.</li>
<li>Web standards (how the code is made) makes your site easier to update, more accessible, and search-engine friendly.</li>
<li>Yes, you should have a company blog.</li>
<li>Good web design is a combination of information design (clear presentation) and branding (effective statement of the position of your product/service) and consumer-focused graphic design (looks appropriate for your market). There are trade-offs and decisions that need to be made by you and your designer. Furthermore, technical constraints must play a part in determining these tradeoffs.</li>
</ul>
<p><strong>Marketing</strong></p>
<ul>
<li>Search-engine friendly requires you to think about marketing from the very beginning of your web project.</li>
<li>Paid advertising is still a very good idea.</li>
<li>Social networking (can be a lot of work/effort but should be done): Twitter, Facebook, Flickr, Myspace, YouTube&#8230;</li>
<li>Don&#8217;t be a spammer unless your list is large enough to win the numbers game.</li>
<li>Marketing your website should be part of the conversation from the beginning. It should effect the code, the content, and post-launch activities. Your marketing effort is integrated (your social networking will improve your search-engine results, for example).</li>
</ul>
<p><strong>E-Commerce</strong></p>
<ul>
<li><a class="zem_slink" title="Shopping cart software" rel="wikipedia" href="http://en.wikipedia.org/wiki/Shopping_cart_software">Shopping cart software</a></li>
<li>Merchant bank account (your bank or other)</li>
<li>Internet Gateway (connects cart and merch acct)</li>
<li>PayPal</li>
<li>E-Commerce solutions can be as complicated or simple as you want. Once you survive the hassle of the gateway/merchant account and so on you can get down to business</li>
</ul>
<p>Here&#8217;s a useful article about <a href="http://2aday.wordpress.com/2007/05/18/how-to-get-your-business-online-step-1-buy-a-mac/">getting your business online</a> (and that covers a fair bit of the technical mumbo-jumbo).</p>
<p>The article is fairly Apple-centric. But in my experience, everything it says is pretty true. If there are similar Windows or Linux links out there please let me know and I will include them as well.</p>
<h6 class="zemanta-related-title" style="font-size: 1em;">Related article</h6>
<ul class="zemanta-article-ul">
<li class="zemanta-article-ul-li"><a href="http://woork.blogspot.com/2009/01/8-interesting-cms-for-e-commerce.html">8 Interesting CMS for e-commerce websites</a> (woork.blogspot.com)</li>
</ul>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Zemified by Zemanta" href="http://reblog.zemanta.com/zemified/07b8ba12-501e-4dae-8b2e-b5deee753d7b/"><img class="zemanta-pixie-img" style="border: medium none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=07b8ba12-501e-4dae-8b2e-b5deee753d7b" alt="Reblog this post [with Zemanta]" /></a><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
]]></content:encoded>
			<wfw:commentRss>http://n0d3.org/web-design-and-development-for-home-based-business/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

