<?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>Sam&#039;s random musings &#187; HTML</title>
	<atom:link href="http://blog.samdevore.com/archives/category/blogroll/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.samdevore.com</link>
	<description>The internet wanderings of a stay at home dad</description>
	<lastBuildDate>Sat, 24 Apr 2010 01:45:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='blog.samdevore.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Working through Screen</title>
		<link>http://blog.samdevore.com/archives/2008/11/23/working-through-screen/</link>
		<comments>http://blog.samdevore.com/archives/2008/11/23/working-through-screen/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 16:53:46 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Code Development]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.samdevore.com/?p=1729</guid>
		<description><![CDATA[Working through Screens: 100 Ideas for Envisioning Powerful, Engaging, and Productive User Experiences in Knowledge Work


This book is a reference for product teams creating new or iteratively improved applications for thinking work. Written for use during early, formative conversations, it provides teams with a broad range of considerations for setting the overall direction and priorities [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flashbulbinteraction.com/WTS_opening.html">Working through Screens: 100 Ideas for Envisioning Powerful, Engaging, and Productive User Experiences in Knowledge Work</a></p>

<blockquote>
This book is a reference for product teams creating new or iteratively improved applications for thinking work. Written for use during early, formative conversations, it provides teams with a broad range of considerations for setting the overall direction and priorities for their onscreen tools. With hundreds of envisioning questions and fictional examples from clinical research, financial trading, and architecture, this volume can help definers and designers to explore innovative new directions for their products.
</blockquote>

<p>Looks like a good thing to spend some time pondering, on the plan for reading during the US Thanksgiving</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.samdevore.com/archives/2008/11/23/working-through-screen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Chart Creator</title>
		<link>http://blog.samdevore.com/archives/2008/11/21/google-chart-creator/</link>
		<comments>http://blog.samdevore.com/archives/2008/11/21/google-chart-creator/#comments</comments>
		<pubDate>Fri, 21 Nov 2008 16:03:53 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Code Development]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://blog.samdevore.com/?p=1723</guid>
		<description><![CDATA[Google Chart Creator

Ok now that is actually going to be useful later
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.clabberhead.com/googlechartgenerator.html">Google Chart Creator</a></p>

<p>Ok now that is actually going to be useful later</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.samdevore.com/archives/2008/11/21/google-chart-creator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Coding Horror: Is HTML a Humane Markup Language?</title>
		<link>http://blog.samdevore.com/archives/2008/05/14/coding-horror-is-html-a-humane-markup-language/</link>
		<comments>http://blog.samdevore.com/archives/2008/05/14/coding-horror-is-html-a-humane-markup-language/#comments</comments>
		<pubDate>Wed, 14 May 2008 22:22:39 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CakePHP]]></category>
		<category><![CDATA[Code Development]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.samdevore.com/?p=1620</guid>
		<description><![CDATA[Coding Horror: Is HTML a Humane Markup Language?


One of the things we&#8217;re thinking about while building stackoverflow.com is how to let users style the questions and answers they&#8217;re entering on the site. Nothing&#8217;s decided at this point, but we definitely won&#8217;t be giving users one of those friendly-but-irritating HTML GUI browser layout controls.


I am also [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.codinghorror.com/blog/archives/001116.html">Coding Horror: Is HTML a Humane Markup Language?</a></p>

<blockquote>
One of the things we&#8217;re thinking about while building stackoverflow.com is how to let users style the questions and answers they&#8217;re entering on the site. Nothing&#8217;s decided at this point, but we definitely won&#8217;t be giving users one of those friendly-but-irritating HTML GUI browser layout controls.
</blockquote>

<p>I am also bothered by the gui widgets that people tend to like in pages, for one I want more control given to my designers over my &#8216;users&#8217; pages.  Generally people really abuse those controls and make the ugliest darn things.  The worst looking emails tend to come from yahoo and other web mail products that have those darn things.</p>

<p>I also like the markup that markdown makes, easy to style into something that flows with the rest of the site.  Not by me you know, but by my designers&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.samdevore.com/archives/2008/05/14/coding-horror-is-html-a-humane-markup-language/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Guide to Web Typography &#124; i love typography, the typography blog</title>
		<link>http://blog.samdevore.com/archives/2008/03/04/a-guide-to-web%c2%a0typography-i-love-typography-the-typography-blog/</link>
		<comments>http://blog.samdevore.com/archives/2008/03/04/a-guide-to-web%c2%a0typography-i-love-typography-the-typography-blog/#comments</comments>
		<pubDate>Tue, 04 Mar 2008 21:12:05 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.samdevore.com/?p=1584</guid>
		<description><![CDATA[A Guide to Web Typography &#124; i love typography, the typography blog


Typography for the Web has come a long way since Tim Berners-Lee flipped the switch in 1991. Back in the days of IE 1.0, good web typography was something of an oxymoron. Today things are different. Not only do we have browsers that support images [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ilovetypography.com/2008/02/28/a-guide-to-web-typography/">A Guide to Web Typography | i love typography, the typography blog</a></p>

<blockquote>
Typography for the Web has come a long way since Tim Berners-Lee flipped the switch in 1991. Back in the days of IE 1.0, good web typography was something of an oxymoron. Today things are different. Not only do we have browsers that support images (gasp!), but we have the opportunity to make our web pages come to life through great typography.
</blockquote>

<p>A good quick treatise on typography as it applies (in my mind) to reading on the screen, specifically on the screen.</p>

<p>Good reading for this design wrecker as I embark on a new design road&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.samdevore.com/archives/2008/03/04/a-guide-to-web%c2%a0typography-i-love-typography-the-typography-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>In All Fairness â€¦ Internet Explorer Still Stinks</title>
		<link>http://blog.samdevore.com/archives/2007/11/21/in-all-fairness-%e2%80%a6-internet-explorer-still-stinks/</link>
		<comments>http://blog.samdevore.com/archives/2007/11/21/in-all-fairness-%e2%80%a6-internet-explorer-still-stinks/#comments</comments>
		<pubDate>Thu, 22 Nov 2007 03:35:34 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.samdevore.com/archives/2007/11/21/in-all-fairness-%e2%80%a6-internet-explorer-still-stinks/</guid>
		<description><![CDATA[In All Fairness â€¦ Internet Explorer Still Stinks


This is the story of how SitePoint tried to give Internet Explorer a fighting chance â€¦ and it lost anyway.


The title says it all&#8230;.

(Via SitePoint&#8217;s DHTML &#038; CSS Blog: Stylish Scripting.)
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.pheedo.com/click.phdo?i=529509bb7ed487277c48c581a25cd60f">In All Fairness â€¦ Internet Explorer Still Stinks</a></p>

<blockquote>
<p>This is the story of how SitePoint tried to give Internet Explorer a fighting chance â€¦ and it lost anyway.</p>
</blockquote>

<p>The title says it all&#8230;.</p>

<p>(Via <a href="http://www.sitepoint.com/blogs">SitePoint&#8217;s DHTML &#038; CSS Blog: Stylish Scripting</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.samdevore.com/archives/2007/11/21/in-all-fairness-%e2%80%a6-internet-explorer-still-stinks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Server Switcher :: Firefox Add-ons</title>
		<link>http://blog.samdevore.com/archives/2007/11/20/server-switcher-firefox-add-ons/</link>
		<comments>http://blog.samdevore.com/archives/2007/11/20/server-switcher-firefox-add-ons/#comments</comments>
		<pubDate>Tue, 20 Nov 2007 19:05:23 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Code Development]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript/AJAX]]></category>

		<guid isPermaLink="false">http://blog.samdevore.com/archives/2007/11/20/server-switcher-firefox-add-ons/</guid>
		<description><![CDATA[Server Switcher :: Firefox Add-ons


Server Switcher is a navigational help tool for web developers. It allows you to easily switch between sites on your development and live servers, so that you can immediately see the differences&#8230;


Great tool for developing sites

(Via Koke.)
]]></description>
			<content:encoded><![CDATA[<p><a href="https://addons.mozilla.org/en-US/firefox/addon/2409">Server Switcher :: Firefox Add-ons</a></p>

<blockquote>
Server Switcher is a navigational help tool for web developers. It allows you to easily switch between sites on your development and live servers, so that you can immediately see the differences&#8230;
</blockquote>

<p>Great tool for developing sites</p>

<p>(Via <a href="http://koke.amedias.org/">Koke</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.samdevore.com/archives/2007/11/20/server-switcher-firefox-add-ons/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>New UI library for Prototype in the works</title>
		<link>http://blog.samdevore.com/archives/2007/11/05/new-ui-library-for-prototype-in-the-works/</link>
		<comments>http://blog.samdevore.com/archives/2007/11/05/new-ui-library-for-prototype-in-the-works/#comments</comments>
		<pubDate>Tue, 06 Nov 2007 04:03:36 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[CakePHP]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript/AJAX]]></category>

		<guid isPermaLink="false">http://blog.samdevore.com/archives/2007/11/05/new-ui-library-for-prototype-in-the-works/</guid>
		<description><![CDATA[&#60;

p>New UI library for Prototype in the works: &#8220;

SÃ©bastien Gruhier, author of the VERY cool Prototype Window class has  started a new initiative to build a complimentary UI library for Prototype. Accompanied by Samuel Lebeau, Juriy Zaytsev and Vincent Le Moign, the team aims to build easy to implement UI components that will enhance [...]]]></description>
			<content:encoded><![CDATA[<p>&lt;</p>

<p>p><a href="http://blog.xilinus.com/2007/11/4/prototype-ui-beta-version-pwc-reloaded">New UI library for Prototype in the works</a>: &#8220;</p>

<p>SÃ©bastien Gruhier, author of the VERY cool <a href="http://blog.xilinus.com/2007/11/4/prototype-ui-beta-version-pwc-reloaded">Prototype Window</a> class has  started a new initiative to build a complimentary UI library for Prototype. Accompanied by Samuel Lebeau, Juriy Zaytsev and Vincent Le Moign, the team aims to build easy to implement UI components that will enhance the user experience in web applications.</p>

<pre><code>&lt;blockquote&gt;&lt;p&gt;At the beginning of the project, it was only a full rewrite of Prototype Window but it became quickly a UI library based on &lt;a href="http://prototypejs.org/"&gt;Prototype 1.6&lt;/a&gt; and &lt;a href="http://script.aculo.us/"&gt;script.aculo.us 1.8&lt;/a&gt; to include all my previous components like &lt;a href="http://prototype-carousel.xilinus.com/"&gt;Prototype Carousel&lt;/a&gt; â€¦.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;The current version is still in early stages but already provides some nice components:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;window
&lt;ul&gt;
&lt;li&gt;skinnable&lt;/li&gt;
&lt;li&gt;shadowing system independent from window and skinnable&lt;/li&gt;
&lt;li&gt;div based&lt;/li&gt;
&lt;li&gt;resizable from all borders and corners&lt;/li&gt;
&lt;li&gt;custom buttons&lt;/li&gt;
&lt;li&gt;Dialogs (like itâ€™s done in &lt;span class="caps"&gt;PWC&lt;/span&gt;) are not yet implemented but will be done soon&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p></li>
    </ul>
    <ul>
    <li>carousel: only <span class="caps">HTML</span> content (no Ajax content)</li>
    <li>dock (experimental)</li>
    <li>shadow: a simple class to add shadow on any element with a absolute position.</li>
    </ul>
    <p>Full details of the project can be found on <a href="http://blog.xilinus.com/2007/11/4/prototype-ui-beta-version-pwc-reloaded">SÃ©bastienâ€™s blog</a>.
</p></p>

<p>This looks like a great start for those of us who like to use stuff that just works</p>

<p>(Via <a href="http://ajaxian.com">Ajaxian Blog</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.samdevore.com/archives/2007/11/05/new-ui-library-for-prototype-in-the-works/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating a Visual Language</title>
		<link>http://blog.samdevore.com/archives/2007/10/25/creating-a-visual-language/</link>
		<comments>http://blog.samdevore.com/archives/2007/10/25/creating-a-visual-language/#comments</comments>
		<pubDate>Thu, 25 Oct 2007 21:46:23 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Code Development]]></category>
		<category><![CDATA[Developer]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.samdevore.com/archives/2007/10/25/creating-a-visual-language/</guid>
		<description><![CDATA[Creating a Visual Language:



Amazon has a clear visual language for shopping-related buttons. (Figure 1)  While the buttons vary in size, color, text, and iconography, they clearly share enough of the design elements that the variety enhances their purpose rather than complicating it.

    Color
    Iconography
    Context [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://feeds.feedburner.com/~r/garrettdimoncom/~3/171943597/">Creating a Visual Language</a>:</p>

<blockquote>

Amazon has a clear visual language for shopping-related buttons. <span class="reference">(Figure 1)</span>  While the buttons vary in size, color, text, and iconography, they clearly share enough of the design elements that the variety enhances their purpose rather than complicating it.
<ul>
    <li>Color</li>
    <li>Iconography</li>
    <li>Context &amp; Flexibility</li>
    <li>Copywriting</li>
    </ul>

</blockquote>

<p>Worth reading if you do things like buttons and pretty things in your work.  I tend not too, I&#8217;m the guy who builds the <em>pigs</em> I don&#8217;t put the <em>lipstick</em> on them <img src='http://blog.samdevore.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>

<p>(Via <a href="http://garrettdimon.com">Garrett Dimon</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.samdevore.com/archives/2007/10/25/creating-a-visual-language/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multi-Safari: Testing with 10 versions of Safari at once</title>
		<link>http://blog.samdevore.com/archives/2007/10/08/multi-safari-testing-with-10-versions-of-safari-at-once/</link>
		<comments>http://blog.samdevore.com/archives/2007/10/08/multi-safari-testing-with-10-versions-of-safari-at-once/#comments</comments>
		<pubDate>Mon, 08 Oct 2007 14:26:05 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Code Development]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript/AJAX]]></category>

		<guid isPermaLink="false">http://blog.samdevore.com/archives/2007/10/08/multi-safari-testing-with-10-versions-of-safari-at-once/</guid>
		<description><![CDATA[Multi-Safari: Testing with 10 versions of Safari at once:


Michel Fortin has created special versions of Safari that allow you to run them all on the same machine. This allows you to test your Ajax application in a variety of versions.
    

There are similar things for explorer and firefox so this is a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://feeds.feedburner.com/~r/ajaxian/~3/166923472/multi-safari-testing-with-10-versions-of-safari-at-once">Multi-Safari: Testing with 10 versions of Safari at once</a>:</p>

<blockquote>
<p>Michel Fortin has created <a href="http://michelf.com/projects/multi-safari/">special versions of Safari</a> that allow you to run them all on the same machine. This allows you to test your Ajax application in a variety of versions.</p>
    </blockquote>

<p>There are similar things for explorer and firefox so this is a great addition to the developers tool box&#8230;</p>

<p>(Via <a href="http://ajaxian.com">Ajaxian Blog</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.samdevore.com/archives/2007/10/08/multi-safari-testing-with-10-versions-of-safari-at-once/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Navigating the HTML email jungle</title>
		<link>http://blog.samdevore.com/archives/2007/09/26/navigating-the-html-email-jungle/</link>
		<comments>http://blog.samdevore.com/archives/2007/09/26/navigating-the-html-email-jungle/#comments</comments>
		<pubDate>Wed, 26 Sep 2007 22:10:24 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Code Development]]></category>
		<category><![CDATA[Developer]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.samdevore.com/archives/2007/09/26/navigating-the-html-email-jungle/</guid>
		<description><![CDATA[Navigating the HTML email jungle:


We&#8217;re ramping up our emailing efforts and decided to start sending out HTML newsletters to customers. (We&#8217;ve always sent out plain-text emails but figured some minimal styling would help liven things up a bit.) So we designed a nice, simple email using clean code. The first one is this brief Basecamp [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.37signals.com/svn/posts/604-navigating-the-html-email-jungle">Navigating the HTML email jungle</a>:</p>

<blockquote>
<p>We&#8217;re ramping up our emailing efforts and decided to start sending out <span class="caps">HTML</span> newsletters to customers. (We&#8217;ve always sent out plain-text emails but figured some minimal styling would help liven things up a bit.) So we designed a nice, simple email using clean code. The first one is <a href="http://basecamphq.com/newsletters/091907/index.html">this brief Basecamp Newsletter</a>.</p>


    <p>It took a while to get to this version though. First, we ran our simply styled email through <a href="http://www.mailchimp.com/add-ons/inboxinspector/">Mailchimp Inbox Inspector</a> (<a href="http://www.mailchimp.com/demos/inbox_inspector.phtml">demo</a>), a useful tool you can use to view <span class="caps">HTML</span> newsletters in a variety of email apps.</p>


    <p>It came up perfect everywhere except Outlook 2007, Windows Live Mail, and Lotus Notes. Strangely, <a rel="lightbox" href="http://www.37signals.com/svn/images/outlookexpress2006.jpg">it looked fine in Outlook 2006</a> but <a rel="lightbox" href="http://www.37signals.com/svn/images/outlook2007.jpg">busted in Outlook 2007</a>.</p>


    <p>The reason? As Campaign Monitor put it, <a href="http://www.campaignmonitor.com/blog/archives/2007/01/microsoft_takes_email_design_b.html">Microsoft decided to take email design back 5 years</a>.</p>


</blockquote>

<p>If you do find yourself inclineded to do html email generation it does behoove you too check out the mailchimp inspector and take the time to read some of these links&#8230;</p>

<p>(Via <a href="http://www.37signals.com/svn/posts">Signal vs. Noise</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.samdevore.com/archives/2007/09/26/navigating-the-html-email-jungle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
