<?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>Insomniaonline &#187; html</title>
	<atom:link href="http://www.insomniaonline.de/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.insomniaonline.de</link>
	<description>Webkram. Äpfel. Nichtigkeiten.</description>
	<lastBuildDate>Fri, 03 Feb 2012 16:01:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Front-end Code Standards &amp; Best Practices &#124; Isobar North America</title>
		<link>http://www.insomniaonline.de/2011/09/front-end-code-standards-best-practices-isobar-north-america/</link>
		<comments>http://www.insomniaonline.de/2011/09/front-end-code-standards-best-practices-isobar-north-america/#comments</comments>
		<pubDate>Mon, 05 Sep 2011 08:32:58 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[guidelines]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=1239</guid>
		<description><![CDATA[This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Isobar US. It is to be readily available to anyone who wishes to check the iterative progress of our best practices. If you have any feedback, please leave a comment on the announcement blog post. This document&#039;s primary [...]
Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/08/html5-reset/' rel='bookmark' title='HTML5 Reset'>HTML5 Reset</a></li>
<li><a href='http://www.insomniaonline.de/2010/08/jmediaelement/' rel='bookmark' title='jMediaelement'>jMediaelement</a></li>
<li><a href='http://www.insomniaonline.de/2010/05/rethinking-forms-in-html5-nettuts/' rel='bookmark' title='Rethinking Forms in HTML5 | Nettuts+'>Rethinking Forms in HTML5 | Nettuts+</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<blockquote><p>This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Isobar US. It is to be readily available to anyone who wishes to check the iterative progress of our best practices. If you have any feedback, please leave a comment on the announcement blog post.</p>
<p>This document&#039;s primary motivation is two- fold: 1) code consistency and 2) best practices. By maintaining consistency in coding styles and conventions, we can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, we ensure optimized page loading, performance and maintainable code.</p></blockquote>
<p>via <a href="http://na.isobar.com/standards/">Front-end Code Standards &amp; Best Practices | Isobar North America</a>.</p>
<p>Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/08/html5-reset/' rel='bookmark' title='HTML5 Reset'>HTML5 Reset</a></li>
<li><a href='http://www.insomniaonline.de/2010/08/jmediaelement/' rel='bookmark' title='jMediaelement'>jMediaelement</a></li>
<li><a href='http://www.insomniaonline.de/2010/05/rethinking-forms-in-html5-nettuts/' rel='bookmark' title='Rethinking Forms in HTML5 | Nettuts+'>Rethinking Forms in HTML5 | Nettuts+</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/09/front-end-code-standards-best-practices-isobar-north-america/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Heads-Up Grid</title>
		<link>http://www.insomniaonline.de/2011/08/the-heads-up-grid/</link>
		<comments>http://www.insomniaonline.de/2011/08/the-heads-up-grid/#comments</comments>
		<pubDate>Fri, 26 Aug 2011 14:20:46 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=1235</guid>
		<description><![CDATA[The Heads-Up Grid is an overlay grid for use during in-browser website development, built with HTML + CSS + JavaScript. via The Heads-Up Grid. &#196;hnliche Artikel: The 1140px CSS Grid System/Framework · Fluid down to mobile 960 Grid System Photoshop Actions &#124; Johnny Nines CSS Raster Generatoren
Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/12/the-1140px-css-grid-systemframework-fluid-down-to-mobile/' rel='bookmark' title='The 1140px CSS Grid System/Framework · Fluid down to mobile'>The 1140px CSS Grid System/Framework · Fluid down to mobile</a></li>
<li><a href='http://www.insomniaonline.de/2010/06/960-grid-system-photoshop-actions-johnny-nines/' rel='bookmark' title='960 Grid System Photoshop Actions | Johnny Nines'>960 Grid System Photoshop Actions | Johnny Nines</a></li>
<li><a href='http://www.insomniaonline.de/2010/02/css-raster-generatoren/' rel='bookmark' title='CSS Raster Generatoren'>CSS Raster Generatoren</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<blockquote><p>The Heads-Up Grid is an overlay grid for use during in-browser website development, built with HTML + CSS + JavaScript.</p></blockquote>
<p>via <a href="http://bohemianalps.com/tools/grid/">The Heads-Up Grid</a>.</p>
<p>Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/12/the-1140px-css-grid-systemframework-fluid-down-to-mobile/' rel='bookmark' title='The 1140px CSS Grid System/Framework · Fluid down to mobile'>The 1140px CSS Grid System/Framework · Fluid down to mobile</a></li>
<li><a href='http://www.insomniaonline.de/2010/06/960-grid-system-photoshop-actions-johnny-nines/' rel='bookmark' title='960 Grid System Photoshop Actions | Johnny Nines'>960 Grid System Photoshop Actions | Johnny Nines</a></li>
<li><a href='http://www.insomniaonline.de/2010/02/css-raster-generatoren/' rel='bookmark' title='CSS Raster Generatoren'>CSS Raster Generatoren</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/08/the-heads-up-grid/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Head JS :: The only script in your HEAD</title>
		<link>http://www.insomniaonline.de/2011/01/head-js-the-only-script-in-your-head/</link>
		<comments>http://www.insomniaonline.de/2011/01/head-js-the-only-script-in-your-head/#comments</comments>
		<pubDate>Wed, 05 Jan 2011 11:45:32 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=1180</guid>
		<description><![CDATA[With Head JS your scripts load like images &#8211; completely separated from the page rendering process. The page is ready sooner. Always. This is guaranteed even with a single combined JavaScript file. via Head JS :: The only script in your HEAD. &#196;hnliche Artikel: CoffeeScript melonJS jQuery Retina Display Plugin
Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2011/04/coffeescript/' rel='bookmark' title='CoffeeScript'>CoffeeScript</a></li>
<li><a href='http://www.insomniaonline.de/2011/08/melonjs/' rel='bookmark' title='melonJS'>melonJS</a></li>
<li><a href='http://www.insomniaonline.de/2010/08/jquery-retina-display-plugin/' rel='bookmark' title='jQuery Retina Display Plugin'>jQuery Retina Display Plugin</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<blockquote><p>With Head JS your scripts load like images &#8211; completely separated from the page rendering process. The page is ready sooner. Always. This is guaranteed even with a single combined JavaScript file.</p></blockquote>
<p>via <a href="http://headjs.com/">Head JS :: The only script in your HEAD</a>.</p>
<p>Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2011/04/coffeescript/' rel='bookmark' title='CoffeeScript'>CoffeeScript</a></li>
<li><a href='http://www.insomniaonline.de/2011/08/melonjs/' rel='bookmark' title='melonJS'>melonJS</a></li>
<li><a href='http://www.insomniaonline.de/2010/08/jquery-retina-display-plugin/' rel='bookmark' title='jQuery Retina Display Plugin'>jQuery Retina Display Plugin</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/01/head-js-the-only-script-in-your-head/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Formee &#8211; Fresh baked forms for your websites!</title>
		<link>http://www.insomniaonline.de/2010/05/formee-fresh-baked-forms-for-your-websites/</link>
		<comments>http://www.insomniaonline.de/2010/05/formee-fresh-baked-forms-for-your-websites/#comments</comments>
		<pubDate>Wed, 05 May 2010 11:06:44 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=564</guid>
		<description><![CDATA[Formee is nothing but a framework to help you develop and customize web based forms. Did you use to spend a lot of time aligning fields and calculating margins and paddings in a quest for a perfect form? No more! via Formee &#8211; Fresh baked forms for your websites!. &#196;hnliche Artikel: jQuery Form Framework &#8211; jFormer [...]
Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2011/04/jquery-form-framework-jformer/' rel='bookmark' title='jQuery Form Framework &#8211; jFormer'>jQuery Form Framework &#8211; jFormer</a></li>
<li><a href='http://www.insomniaonline.de/2010/02/css-raster-generatoren/' rel='bookmark' title='CSS Raster Generatoren'>CSS Raster Generatoren</a></li>
<li><a href='http://www.insomniaonline.de/2011/01/head-js-the-only-script-in-your-head/' rel='bookmark' title='Head JS :: The only script in your HEAD'>Head JS :: The only script in your HEAD</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<blockquote><p>Formee is nothing but a framework to help you develop and customize web based forms. Did you use to spend a lot of time aligning fields and calculating margins and paddings in a quest for a perfect form? No more!</p></blockquote>
<p>via <a href="http://www.formee.org/">Formee &#8211; Fresh baked forms for your websites!</a>.</p>
<p>Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2011/04/jquery-form-framework-jformer/' rel='bookmark' title='jQuery Form Framework &#8211; jFormer'>jQuery Form Framework &#8211; jFormer</a></li>
<li><a href='http://www.insomniaonline.de/2010/02/css-raster-generatoren/' rel='bookmark' title='CSS Raster Generatoren'>CSS Raster Generatoren</a></li>
<li><a href='http://www.insomniaonline.de/2011/01/head-js-the-only-script-in-your-head/' rel='bookmark' title='Head JS :: The only script in your HEAD'>Head JS :: The only script in your HEAD</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2010/05/formee-fresh-baked-forms-for-your-websites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introducing the Web Safe Font Cheat Sheet</title>
		<link>http://www.insomniaonline.de/2010/04/introducing-the-web-safe-font-cheat-sheet/</link>
		<comments>http://www.insomniaonline.de/2010/04/introducing-the-web-safe-font-cheat-sheet/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 07:20:24 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=503</guid>
		<description><![CDATA[In all the TypeKit and @font-face excitement, boring old web-safe fonts are getting overlooked. This article attempts to persuade you why you should give them a second chance, and provides you with the Web Safe Fonts Cheat Sheet! via Introducing the Web Safe Font Cheat Sheet &#124; Devon Web Design and Development &#8211; MightyMeta. &#196;hnliche Artikel: [...]
Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/08/ifontmaker-the-first-fastest-font-editor-for-ipad/' rel='bookmark' title='iFontMaker – The First &amp; Fastest Font Editor for iPad'>iFontMaker – The First &#038; Fastest Font Editor for iPad</a></li>
<li><a href='http://www.insomniaonline.de/2011/08/the-heads-up-grid/' rel='bookmark' title='The Heads-Up Grid'>The Heads-Up Grid</a></li>
<li><a href='http://www.insomniaonline.de/2010/02/css-raster-generatoren/' rel='bookmark' title='CSS Raster Generatoren'>CSS Raster Generatoren</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<blockquote><p>In all the TypeKit and @font-face excitement, boring old web-safe fonts are getting overlooked. This article attempts to persuade you why you should give them a second chance, and provides you with the Web Safe Fonts Cheat Sheet!</p></blockquote>
<p>via <a href="http://www.mightymeta.co.uk/introducing-the-web-safe-font-cheat-sheet/">Introducing the Web Safe Font Cheat Sheet | Devon Web Design and Development &#8211; MightyMeta</a>.</p>
<p>Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/08/ifontmaker-the-first-fastest-font-editor-for-ipad/' rel='bookmark' title='iFontMaker – The First &amp; Fastest Font Editor for iPad'>iFontMaker – The First &#038; Fastest Font Editor for iPad</a></li>
<li><a href='http://www.insomniaonline.de/2011/08/the-heads-up-grid/' rel='bookmark' title='The Heads-Up Grid'>The Heads-Up Grid</a></li>
<li><a href='http://www.insomniaonline.de/2010/02/css-raster-generatoren/' rel='bookmark' title='CSS Raster Generatoren'>CSS Raster Generatoren</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2010/04/introducing-the-web-safe-font-cheat-sheet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Raster Generatoren</title>
		<link>http://www.insomniaonline.de/2010/02/css-raster-generatoren/</link>
		<comments>http://www.insomniaonline.de/2010/02/css-raster-generatoren/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 15:42:35 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[960]]></category>
		<category><![CDATA[blueprint]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=402</guid>
		<description><![CDATA[Das Raster als Gestaltungsgrundlage ist umstritten. Wer sich damit auseinandersetzen will, braucht nicht zwingend ein Framework, er k&#246;nnte auch zum Grid-Generator greifen und erh&#228;lt &#8211; mit Einschr&#228;nkungen &#8211; einen WYSIWYG-Modus f&#252;r den Ausbau seines Grids. Mit den Generatoren l&#228;sst sich ohne Installation herumspielen. via CSS Raster Generatoren / Grid Generators &#124; CSS, Generatoren, YAML &#124; Dr. [...]
Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2011/08/the-heads-up-grid/' rel='bookmark' title='The Heads-Up Grid'>The Heads-Up Grid</a></li>
<li><a href='http://www.insomniaonline.de/2010/06/960-grid-system-photoshop-actions-johnny-nines/' rel='bookmark' title='960 Grid System Photoshop Actions | Johnny Nines'>960 Grid System Photoshop Actions | Johnny Nines</a></li>
<li><a href='http://www.insomniaonline.de/2010/12/the-1140px-css-grid-systemframework-fluid-down-to-mobile/' rel='bookmark' title='The 1140px CSS Grid System/Framework · Fluid down to mobile'>The 1140px CSS Grid System/Framework · Fluid down to mobile</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<blockquote><p>Das Raster als Gestaltungsgrundlage ist umstritten. Wer sich damit auseinandersetzen will, braucht nicht zwingend ein Framework, er k&#246;nnte auch zum Grid-Generator greifen und erh&#228;lt &#8211; mit Einschr&#228;nkungen &#8211; einen WYSIWYG-Modus f&#252;r den Ausbau seines Grids. Mit den Generatoren l&#228;sst sich ohne Installation herumspielen.</p></blockquote>
<p>via <a href="http://www.drweb.de/magazin/css-raster-generatoren-grid-generators/">CSS Raster Generatoren / Grid Generators | CSS, Generatoren, YAML | Dr. Web Magazin</a>.</p>
<p>Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2011/08/the-heads-up-grid/' rel='bookmark' title='The Heads-Up Grid'>The Heads-Up Grid</a></li>
<li><a href='http://www.insomniaonline.de/2010/06/960-grid-system-photoshop-actions-johnny-nines/' rel='bookmark' title='960 Grid System Photoshop Actions | Johnny Nines'>960 Grid System Photoshop Actions | Johnny Nines</a></li>
<li><a href='http://www.insomniaonline.de/2010/12/the-1140px-css-grid-systemframework-fluid-down-to-mobile/' rel='bookmark' title='The 1140px CSS Grid System/Framework · Fluid down to mobile'>The 1140px CSS Grid System/Framework · Fluid down to mobile</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2010/02/css-raster-generatoren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

