<?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; Bookmarks</title>
	<atom:link href="http://www.insomniaonline.de/category/bookmarks/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>Isotope</title>
		<link>http://www.insomniaonline.de/2012/02/isotope/</link>
		<comments>http://www.insomniaonline.de/2012/02/isotope/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 14:01:04 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[responsive]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=1373</guid>
		<description><![CDATA[Isotope: An exquisite jQuery plugin for magical layouts Isotope. &#196;hnliche Artikel: SIDEWAYS – jQuery fullscreen image gallery jQuery Retina Display Plugin jQTouch — jQuery plugin for mobile web development
Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/09/sideways-jquery-fullscreen-image-gallery/' rel='bookmark' title='SIDEWAYS – jQuery fullscreen image gallery'>SIDEWAYS – jQuery fullscreen image gallery</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>
<li><a href='http://www.insomniaonline.de/2010/06/jqtouch-jquery-plugin-for-mobile-web-development/' rel='bookmark' title='jQTouch — jQuery plugin for mobile web development'>jQTouch — jQuery plugin for mobile web development</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<blockquote><p>Isotope: An exquisite jQuery plugin for magical layouts</p></blockquote>
<p><a href='http://isotope.metafizzy.co/'>Isotope</a>.</p>
<p>Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/09/sideways-jquery-fullscreen-image-gallery/' rel='bookmark' title='SIDEWAYS – jQuery fullscreen image gallery'>SIDEWAYS – jQuery fullscreen image gallery</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>
<li><a href='http://www.insomniaonline.de/2010/06/jqtouch-jquery-plugin-for-mobile-web-development/' rel='bookmark' title='jQTouch — jQuery plugin for mobile web development'>jQTouch — jQuery plugin for mobile web development</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2012/02/isotope/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A List Apart: Articles: Creating Intrinsic Ratios for Video</title>
		<link>http://www.insomniaonline.de/2011/12/a-list-apart-articles-creating-intrinsic-ratios-for-video/</link>
		<comments>http://www.insomniaonline.de/2011/12/a-list-apart-articles-creating-intrinsic-ratios-for-video/#comments</comments>
		<pubDate>Thu, 22 Dec 2011 14:04:24 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=1343</guid>
		<description><![CDATA[Did you ever want to resize a video on the fly, scaling it as you would an image? Using intrinsic ratios for video, you can. This technique allows browsers to determine video dimensions based on the width of their containing block. With intrinsic dimensions, a new width triggers a new height calculation, allowing videos to [...]
Keine ähnlichen Artikel gefunden.]]></description>
			<content:encoded><![CDATA[<blockquote><p>Did you ever want to resize a video on the fly, scaling it as you would an image? Using intrinsic ratios for video, you can. This technique allows browsers to determine video dimensions based on the width of their containing block. With intrinsic dimensions, a new width triggers a new height calculation, allowing videos to resize and giving them the ability to scale the same way images do.</p></blockquote>
<p>via <a href="http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/">A List Apart: Articles: Creating Intrinsic Ratios for Video</a></p>
<p>Keine ähnlichen Artikel gefunden.</p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/12/a-list-apart-articles-creating-intrinsic-ratios-for-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A fix for iPhone viewport scale bug &#124; Shi Chuan&#039;s blog</title>
		<link>http://www.insomniaonline.de/2011/12/a-fix-for-iphone-viewport-scale-bug-shi-chuans-blog/</link>
		<comments>http://www.insomniaonline.de/2011/12/a-fix-for-iphone-viewport-scale-bug-shi-chuans-blog/#comments</comments>
		<pubDate>Wed, 21 Dec 2011 10:19:22 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=1333</guid>
		<description><![CDATA[In this way, we can prevent the page scale jump issue by default if the user never initialize the zoom, allow greater user experience, at the same time, without compromising the accessibility for the minority. via A fix for iPhone viewport scale bug &#124; Shi Chuan&#039;s blog Keine &#228;hnlichen Artikel gefunden.
Keine ähnlichen Artikel gefunden.]]></description>
			<content:encoded><![CDATA[<blockquote><p>In this way, we can prevent the page scale jump issue by default if the user never initialize the zoom, allow greater user experience, at the same time, without compromising the accessibility for the minority.</p></blockquote>
<p>via <a href="http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/">A fix for iPhone viewport scale bug | Shi Chuan&#039;s blog</a></p>
<p>Keine ähnlichen Artikel gefunden.</p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/12/a-fix-for-iphone-viewport-scale-bug-shi-chuans-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>”CSS3 &amp; Responsive Web” – CSS3 Adventskalender Tag 3 &#124; maddesigns</title>
		<link>http://www.insomniaonline.de/2011/12/css3-responsive-web-css3-adventskalender-tag-3-maddesigns/</link>
		<comments>http://www.insomniaonline.de/2011/12/css3-responsive-web-css3-adventskalender-tag-3-maddesigns/#comments</comments>
		<pubDate>Thu, 08 Dec 2011 12:24:18 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[responsive]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=1315</guid>
		<description><![CDATA[via ”CSS3 &#38; Responsive Web” – CSS3 Adventskalender Tag 3 &#124; maddesigns. &#196;hnliche Artikel: CSS3 PIE: CSS3 decorations for IE CSS3 PIE: CSS3 decorations for IE The Cross-Browser CSS3 Rule Generator
Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/07/css3-pie-css3-decorations-for-ie/' rel='bookmark' title='CSS3 PIE: CSS3 decorations for IE'>CSS3 PIE: CSS3 decorations for IE</a></li>
<li><a href='http://www.insomniaonline.de/2010/08/css3-pie-css3-decorations-for-ie-2/' rel='bookmark' title='CSS3 PIE: CSS3 decorations for IE'>CSS3 PIE: CSS3 decorations for IE</a></li>
<li><a href='http://www.insomniaonline.de/2010/03/the-cross-browser-css3-rule-generator/' rel='bookmark' title='The Cross-Browser CSS3 Rule Generator'>The Cross-Browser CSS3 Rule Generator</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>via <a href="http://maddesigns.de/css3-responsive-web-mmt28-1205.html?utm_source=feedburner&amp;utm_medium=twitter&amp;utm_campaign=Feed%3A+maddesigns-typo3+%28maddesigns+-+TYPO3%2C+webdesign%2C+Flyer+und+Printdesign+aus+Thyrow+%28Trebbin+%26+Ludwigsfelde%29%29">”CSS3 &amp; Responsive Web” – CSS3 Adventskalender Tag 3 | maddesigns</a>.</p>
<p>Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/07/css3-pie-css3-decorations-for-ie/' rel='bookmark' title='CSS3 PIE: CSS3 decorations for IE'>CSS3 PIE: CSS3 decorations for IE</a></li>
<li><a href='http://www.insomniaonline.de/2010/08/css3-pie-css3-decorations-for-ie-2/' rel='bookmark' title='CSS3 PIE: CSS3 decorations for IE'>CSS3 PIE: CSS3 decorations for IE</a></li>
<li><a href='http://www.insomniaonline.de/2010/03/the-cross-browser-css3-rule-generator/' rel='bookmark' title='The Cross-Browser CSS3 Rule Generator'>The Cross-Browser CSS3 Rule Generator</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/12/css3-responsive-web-css3-adventskalender-tag-3-maddesigns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Node + Redis = Fun &#8211; How To Node &#8211; NodeJS</title>
		<link>http://www.insomniaonline.de/2011/11/node-redis-fun-how-to-node-nodejs/</link>
		<comments>http://www.insomniaonline.de/2011/11/node-redis-fun-how-to-node-nodejs/#comments</comments>
		<pubDate>Tue, 29 Nov 2011 07:33:43 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/2011/11/node-redis-fun-how-to-node-nodejs/</guid>
		<description><![CDATA[node brings asynchronous, evented I/O to the server. Redis gives you a blazing fast database with support for strings, lists and sets. Both Redis and Node.js follow certain patterns, Redis for data-storage, and node for event based programming. via Node + Redis = Fun &#8211; How To Node &#8211; NodeJS Keine &#228;hnlichen Artikel gefunden.
Keine ähnlichen Artikel gefunden.]]></description>
			<content:encoded><![CDATA[<blockquote><p>node brings asynchronous, evented I/O to the server. Redis gives you a blazing fast database with support for strings, lists and sets. Both Redis and Node.js follow certain patterns, Redis for data-storage, and node for event based programming.</p></blockquote>
<p>via <a href="http://howtonode.org/node-redis-fun">Node + Redis = Fun &#8211; How To Node &#8211; NodeJS</a></p>
<p>Keine ähnlichen Artikel gefunden.</p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/11/node-redis-fun-how-to-node-nodejs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bootstrap, from Twitter</title>
		<link>http://www.insomniaonline.de/2011/11/bootstrap-from-twitter/</link>
		<comments>http://www.insomniaonline.de/2011/11/bootstrap-from-twitter/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 11:33:46 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/2011/11/bootstrap-from-twitter/</guid>
		<description><![CDATA[Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. via Bootstrap, from Twitter Keine &#228;hnlichen Artikel gefunden.
Keine ähnlichen Artikel gefunden.]]></description>
			<content:encoded><![CDATA[<blockquote><p>Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.<br />
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.</p></blockquote>
<p>via <a href="http://twitter.github.com/bootstrap/#grid-system">Bootstrap, from Twitter</a></p>
<p>Keine ähnlichen Artikel gefunden.</p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/11/bootstrap-from-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Set Up A Print Style Sheet</title>
		<link>http://www.insomniaonline.de/2011/11/how-to-set-up-a-print-style-sheet/</link>
		<comments>http://www.insomniaonline.de/2011/11/how-to-set-up-a-print-style-sheet/#comments</comments>
		<pubDate>Thu, 24 Nov 2011 15:34:33 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/2011/11/how-to-set-up-a-print-style-sheet/</guid>
		<description><![CDATA[Print style sheets are useful and sometimes even necessary. Some readers might want to store your information locally as a well-formatted PDF to refer to the information later on, when they don’t have an Internet connection. However, print styles are often forgotten in the age of responsive Web design. The good news is that a [...]
Keine ähnlichen Artikel gefunden.]]></description>
			<content:encoded><![CDATA[<blockquote><p>Print style sheets are useful and sometimes even necessary. Some readers might want to store your information locally as a well-formatted PDF to refer to the information later on, when they don’t have an Internet connection. However, print styles are often forgotten in the age of responsive Web design. The good news is that a print style sheet is actually very easy to craft: you can follow a couple of simple CSS techniques to create a good experience for readers and show them that you’ve gone the extra mile to deliver just a slightly better user experience. So, how do we start?</p></blockquote>
<p>via <a href="http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/">How To Set Up A Print Style Sheet</a></p>
<p>Keine ähnlichen Artikel gefunden.</p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/11/how-to-set-up-a-print-style-sheet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iOS app icons &#8211; PSD</title>
		<link>http://www.insomniaonline.de/2011/11/ios-app-icons-psd/</link>
		<comments>http://www.insomniaonline.de/2011/11/ios-app-icons-psd/#comments</comments>
		<pubDate>Wed, 16 Nov 2011 23:04:08 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/2011/11/ios-app-icons-psd/</guid>
		<description><![CDATA[Let’s say you’re working on an icon for an iOS app. The app is universal, so it should run on all iPhones (and iPod touches), and on the iPad. As a designer, you’re used to drawing icons at various sizes; this is a big part of what “icon design” is (as opposed to other types [...]
Keine ähnlichen Artikel gefunden.]]></description>
			<content:encoded><![CDATA[<blockquote><p>Let’s say you’re working on an icon for an iOS app. The app is universal, so it should run on all iPhones (and iPod touches), and on the iPad. As a designer, you’re used to drawing icons at various sizes; this is a big part of what “icon design” is (as opposed to other types of illustration).</p></blockquote>
<p>via <a href="http://mrgan.tumblr.com/post/708404794/ios-app-icon-sizes">iOS app icons &#8211; PSD</a></p>
<p>Keine ähnlichen Artikel gefunden.</p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/11/ios-app-icons-psd/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Photoshop Etiquette Manifesto for Web Designers</title>
		<link>http://www.insomniaonline.de/2011/09/the-photoshop-etiquette-manifesto-for-web-designers/</link>
		<comments>http://www.insomniaonline.de/2011/09/the-photoshop-etiquette-manifesto-for-web-designers/#comments</comments>
		<pubDate>Mon, 05 Sep 2011 08:35:07 +0000</pubDate>
		<dc:creator>kaffdaddy</dc:creator>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[guidelines]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.insomniaonline.de/?p=1241</guid>
		<description><![CDATA[The Photoshop Etiquette Manifesto for Web Designers is a collection of ways to improve the clarity of a PSD when transferred. You stay organized, your developer stays happy. Fist bumps all around. via The Photoshop Etiquette Manifesto for Web Designers. &#196;hnliche Artikel: Timeline &#8211; Photoshop Subversion-plugin 960 Grid System Photoshop Actions &#124; Johnny Nines Chroma [...]
Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/06/timeline-photoshop-subversion-plugin/' rel='bookmark' title='Timeline &#8211; Photoshop Subversion-plugin'>Timeline &#8211; Photoshop Subversion-plugin</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/2008/02/chroma-fuer-alle/' rel='bookmark' title='Chroma f&#252;r alle'>Chroma f&#252;r alle</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<blockquote><p>The Photoshop Etiquette Manifesto for Web Designers is a collection of ways to improve the clarity of a PSD when transferred. You stay organized, your developer stays happy. Fist bumps all around.</p></blockquote>
<p>via <a href="http://photoshopetiquette.com/">The Photoshop Etiquette Manifesto for Web Designers</a>.</p>
<p>Ähnliche Artikel:<ol>
<li><a href='http://www.insomniaonline.de/2010/06/timeline-photoshop-subversion-plugin/' rel='bookmark' title='Timeline &#8211; Photoshop Subversion-plugin'>Timeline &#8211; Photoshop Subversion-plugin</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/2008/02/chroma-fuer-alle/' rel='bookmark' title='Chroma f&#252;r alle'>Chroma f&#252;r alle</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.insomniaonline.de/2011/09/the-photoshop-etiquette-manifesto-for-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>
	</channel>
</rss>

