<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>Webification</title>
	
	<link>http://webification.com</link>
	<description>The act of converting content from its original format into a format capable of being displayed on the web</description>
	<lastBuildDate>Sat, 25 May 2013 20:24:55 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Webification" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="webification" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Create Color Palettes Easily — Swatches</title>
		<link>http://webification.com/create-color-palettes-easily-swatches?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=create-color-palettes-easily-swatches</link>
		<comments>http://webification.com/create-color-palettes-easily-swatches#comments</comments>
		<pubDate>Sat, 25 May 2013 07:48:28 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[Colors]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[MIT]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9191</guid>
		<description><![CDATA[Swatches is a jQuery plugin for creating color swatches with ease. Swatches is a useful plugin for showcasing color palettes &#8211; be it for products, designs or anything else. It&#8217;s licensed under the liberal MIT license and can be customized quite freely. &#160;]]></description>
				<content:encoded><![CDATA[<p><a href="http://maxmackie.com/jquery.swatches/" ><strong>Swatches</strong></a> is a <strong>jQuery plugin for creating color swatches with ease.</strong></p>
<p><a href="http://maxmackie.com/jquery.swatches/" ><img class="aligncenter size-full wp-image-9192"  alt="swatch Create Color Palettes Easily    Swatches"  src="http://webification.com/wp-content/uploads/2013/05/swatch.jpg"  width="400"  height="160" /></a>Swatches is a useful plugin for showcasing color palettes &#8211; be it for products, designs or anything else.</p>
<p>It&#8217;s licensed under the liberal MIT license and can be customized quite freely.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/ER3sFqwMHK4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/create-color-palettes-easily-swatches/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design Responsive Websites in the Browser — FROONT</title>
		<link>http://webification.com/design-responsive-websites-in-the-browser-froont?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=design-responsive-websites-in-the-browser-froont</link>
		<comments>http://webification.com/design-responsive-websites-in-the-browser-froont#comments</comments>
		<pubDate>Sat, 25 May 2013 07:43:54 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Web Application]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9189</guid>
		<description><![CDATA[FROONT is a web design tool that works visually. FROONT allows designing for multiple screen sizes simultaneously. What&#8217;s more, it offers an easy interface for sharing your works in progress with developers or clients. FROONT is a very interesting solution; if nothing else, it shows how much browser capacity has increased in the last few [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://froont.com/" ><strong>FROONT</strong></a> is a <strong>web design tool that works visually.<a href="http://froont.com/" ><img class="aligncenter size-full wp-image-9190"  alt="froont Design Responsive Websites in the Browser    FROONT"  src="http://webification.com/wp-content/uploads/2013/05/froont.jpg"  width="400"  height="259" /></a></strong></p>
<p>FROONT allows designing for multiple screen sizes simultaneously. What&#8217;s more, it offers an easy interface for sharing your works in progress with developers or clients.</p>
<p>FROONT is a very interesting solution; if nothing else, it shows how much browser capacity has increased in the last few years.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/4YQL4lijBv0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/design-responsive-websites-in-the-browser-froont/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>An Elegant &amp; Efficient Android UI Framework — Fries</title>
		<link>http://webification.com/an-elegant-efficient-android-ui-framework-fries?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=an-elegant-efficient-android-ui-framework-fries</link>
		<comments>http://webification.com/an-elegant-efficient-android-ui-framework-fries#comments</comments>
		<pubDate>Fri, 24 May 2013 08:48:40 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[CSS/CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MIT]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9185</guid>
		<description><![CDATA[Fries is a UI building framework for Android. Fries uses HTML, CSS and JavaScript and is rich in components for making an application with ease. The framework can be integrated with PhoneGap, so it&#8217;s a plus is you already use PhoneGap for your mobile projects. The framework is well-documented and seems like a welcome addition [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://jaunesarmiento.me/fries/" ><strong>Fries</strong></a> is a <strong>UI building framework for Android.</strong></p>
<p><a href="http://jaunesarmiento.me/fries/" ><img class="aligncenter size-full wp-image-9186"  alt="fries An Elegant & Efficient Android UI Framework    Fries"  src="http://webification.com/wp-content/uploads/2013/05/fries.jpg"  width="400"  height="230" /></a>Fries uses HTML, CSS and JavaScript and is rich in components for making an application with ease. The framework can be integrated with PhoneGap, so it&#8217;s a plus is you already use PhoneGap for your mobile projects.</p>
<p>The framework is well-documented and seems like a welcome addition to the iOS-dominated framework market.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/vK_B9QFrxy8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/an-elegant-efficient-android-ui-framework-fries/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>View Ruby Dependencies Quickly — GemLou.pe</title>
		<link>http://webification.com/view-ruby-dependencies-quickly-gemlou-pe?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=view-ruby-dependencies-quickly-gemlou-pe</link>
		<comments>http://webification.com/view-ruby-dependencies-quickly-gemlou-pe#comments</comments>
		<pubDate>Fri, 24 May 2013 08:41:08 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[One Page]]></category>
		<category><![CDATA[Ruby]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9183</guid>
		<description><![CDATA[GemLou.pe is a bookmarklet for viewing how many dependencies a given Ruby gem has. GemLou.pe gives you the chance to actually see how many gems a given gem uses before you add it to your project. This makes choosing the &#8216;right gem&#8217; much easier, as you&#8217;d obviously choose a lighter version against a bloated gem. [...]]]></description>
				<content:encoded><![CDATA[<p><a href="https://www.gemlou.pe/" ><strong>GemLou.pe</strong></a> is a <strong>bookmarklet for viewing how many dependencies a given Ruby gem has.</strong></p>
<p><a href="https://www.gemlou.pe/" ><img class="aligncenter size-full wp-image-9184"  alt="rubygems View Ruby Dependencies Quickly    GemLou.pe"  src="http://webification.com/wp-content/uploads/2013/05/rubygems.jpg"  width="400"  height="156" /></a>GemLou.pe gives you the chance to actually see how many gems a given gem uses before you add it to your project.</p>
<p>This makes choosing the &#8216;right gem&#8217; much easier, as you&#8217;d obviously choose a lighter version against a bloated gem.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/MGQdKOJbNJo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/view-ruby-dependencies-quickly-gemlou-pe/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Lightweight Plugin to Lazy Load Images — Unveil.js</title>
		<link>http://webification.com/a-lightweight-plugin-to-lazy-load-images-unveil-js?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=a-lightweight-plugin-to-lazy-load-images-unveil-js</link>
		<comments>http://webification.com/a-lightweight-plugin-to-lazy-load-images-unveil-js#comments</comments>
		<pubDate>Fri, 24 May 2013 08:36:37 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[Images]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[MIT]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9181</guid>
		<description><![CDATA[Unveil.js is a jQuery plugin for easily loading images with lazy load. Unveil.js loads images only once they are in the user&#8217;s viewport, thus reducing load times and quite possibly server load. It&#8217;s basically a stripped-down version of this lazy load plugin, with extra support for high-resolution images. &#160;]]></description>
				<content:encoded><![CDATA[<p><a href="http://luis-almeida.github.io/unveil/" ><strong>Unveil.js</strong></a> is a <strong>jQuery plugin for easily loading images with lazy load.</strong></p>
<p><a href="http://luis-almeida.github.io/unveil/" ><img class="aligncenter size-full wp-image-9182"  alt="unveiljs A Lightweight Plugin to Lazy Load Images    Unveil.js"  src="http://webification.com/wp-content/uploads/2013/05/unveiljs.jpg"  width="400"  height="132" /></a>Unveil.js loads images only once they are in the user&#8217;s viewport, thus reducing load times and quite possibly server load.</p>
<p>It&#8217;s basically a stripped-down version of <a href="http://www.appelsiini.net/projects/lazyload" >this lazy load plugin</a>, with extra support for high-resolution images.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/a9ZIrYqIyGw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/a-lightweight-plugin-to-lazy-load-images-unveil-js/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Responsive HTML5 And CSS3 Site Templates — HTML5 Up!</title>
		<link>http://webification.com/responsive-html5-and-css3-site-templates-html5-up?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=responsive-html5-and-css3-site-templates-html5-up</link>
		<comments>http://webification.com/responsive-html5-and-css3-site-templates-html5-up#comments</comments>
		<pubDate>Wed, 22 May 2013 11:30:12 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[CC]]></category>
		<category><![CDATA[CSS/CSS3]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9178</guid>
		<description><![CDATA[HTML5 Up! is a set of HTML5 &#38; CSS3 templates for responsive websites. At the moment the website consists of 12 templates that are all fully responsive and look very well. The templates are customizable and are released under the CC licence. &#160;]]></description>
				<content:encoded><![CDATA[<p><a href="http://html5up.net/" ><strong>HTML5 Up!</strong></a> is a<strong> set of HTML5 &amp; CSS3 templates for responsive websites.</strong></p>
<p><a href="http://html5up.net/" ><img class="aligncenter size-full wp-image-9179"  alt="html5up Responsive HTML5 And CSS3 Site Templates    HTML5 Up!"  src="http://webification.com/wp-content/uploads/2013/05/html5up.jpg"  width="400"  height="166" /></a>At the moment the website consists of 12 templates that are all fully responsive and look very well.</p>
<p>The templates are customizable and are released under the CC licence.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/4_FZ_cuKS0E" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/responsive-html5-and-css3-site-templates-html5-up/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Automated Testing for Mobile Applicaitons — Appium</title>
		<link>http://webification.com/automated-testing-for-mobile-applicaitons-appium?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=automated-testing-for-mobile-applicaitons-appium</link>
		<comments>http://webification.com/automated-testing-for-mobile-applicaitons-appium#comments</comments>
		<pubDate>Wed, 22 May 2013 11:06:55 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[Framework]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9175</guid>
		<description><![CDATA[Appium is a mobile application testing framework that automates testing in many languages. Appium helps combating the inevitable pain of testing your apps on different native platforms. It gives you the chance to use the tools you always use to test kick-ass applications that you create for different environments. Appium only works on Mac OSX [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://appium.io/" ><strong>Appium</strong></a> is a <strong>mobile application testing framework that automates testing in many languages.</strong></p>
<p><a href="http://appium.io/" ><img class="aligncenter size-full wp-image-9176"  alt="appium Automated Testing for Mobile Applicaitons    Appium"  src="http://webification.com/wp-content/uploads/2013/05/appium.jpg"  width="400"  height="126" /></a>Appium helps combating the inevitable pain of testing your apps on different native platforms.</p>
<p>It gives you the chance to use the tools you always use to test kick-ass applications that you create for different environments.</p>
<p>Appium only works on Mac OSX and requires Node.js.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/9fjnwa_MJ4w" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/automated-testing-for-mobile-applicaitons-appium/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Compile Scripts With Live Browser Refresh — Prepros</title>
		<link>http://webification.com/compile-scripts-with-live-browser-refresh-prepros?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=compile-scripts-with-live-browser-refresh-prepros</link>
		<comments>http://webification.com/compile-scripts-with-live-browser-refresh-prepros#comments</comments>
		<pubDate>Tue, 21 May 2013 18:05:59 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Desktop]]></category>
		<category><![CDATA[MIT]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9172</guid>
		<description><![CDATA[Prepros is a Windows application for auto-compiling languages such as SASS, LESS, CoffeeScript and others. Prepros compiles the source and injects it into the browser so you can see the result without having to refresh the page, which was quite a hassle previously. It is customizable so you can be sure that the output looks [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://alphapixels.com/prepros/" ><strong>Prepros</strong></a> is a <strong>Windows application for auto-compiling languages such as SASS, LESS, CoffeeScript and others.</strong></p>
<p><a href="http://alphapixels.com/prepros/" ><img class="aligncenter size-full wp-image-9173"  alt="prepros Compile Scripts With Live Browser Refresh    Prepros"  src="http://webification.com/wp-content/uploads/2013/05/prepros.jpg"  width="400"  height="246" /></a>Prepros compiles the source and injects it into the browser so you can see the result without having to refresh the page, which was quite a hassle previously.</p>
<p>It is customizable so you can be sure that the output looks the way you want it.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/bK1ZIPQZhrQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/compile-scripts-with-live-browser-refresh-prepros/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Label Everything! — Label.css</title>
		<link>http://webification.com/label-everything-label-css?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=label-everything-label-css</link>
		<comments>http://webification.com/label-everything-label-css#comments</comments>
		<pubDate>Tue, 21 May 2013 17:58:33 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[CSS/CSS3]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[MIT]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9170</guid>
		<description><![CDATA[Label.css is a CSS file for creating labels everywhere on an object. Label.css supports all the possible positions and has two hover effects for float and fade. It&#8217;s a useful plugin for positioning your labels, and, if nothing more, it&#8217;s easy to use and quite small. &#160;]]></description>
				<content:encoded><![CDATA[<p><a href="http://usablica.github.io/label.css/" ><strong>Label.css</strong></a> is a <strong>CSS file for creating labels everywhere on an object.</strong></p>
<p><a href="http://usablica.github.io/label.css/" ><img class="aligncenter size-full wp-image-9171"  alt="elementcss Label Everything!    Label.css"  src="http://webification.com/wp-content/uploads/2013/05/elementcss.jpg"  width="400"  height="229" /></a>Label.css supports all the possible positions and has two hover effects for float and fade.</p>
<p>It&#8217;s a useful plugin for positioning your labels, and, if nothing more, it&#8217;s easy to use and quite small.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/wPpSfHCzVKo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/label-everything-label-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Media Quieres for Serving the Right Image — Clown Car Technique</title>
		<link>http://webification.com/using-media-quieres-for-serving-the-right-image-clown-car-technique?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=using-media-quieres-for-serving-the-right-image-clown-car-technique</link>
		<comments>http://webification.com/using-media-quieres-for-serving-the-right-image-clown-car-technique#comments</comments>
		<pubDate>Mon, 20 May 2013 17:08:48 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Images]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9168</guid>
		<description><![CDATA[Clown Car Technique is a technique for creating responsive images within SVG. &#160; This way of doing things has several advantages, the main of which is that all the logic gets handled on the SVG side. The clown car technique, by the way, is thus called because all the images (clowns) are stuffed inside one huge [...]]]></description>
				<content:encoded><![CDATA[<p><a href="https://github.com/estelle/clowncar" ><strong>Clown Car Technique</strong></a> is a<strong> technique for creating responsive images within SVG.</strong></p>
<p><a href="https://github.com/estelle/clowncar" ><img class="aligncenter size-full wp-image-9169"  alt="clowncar Using Media Quieres for Serving the Right Image    Clown Car Technique"  src="http://webification.com/wp-content/uploads/2013/05/clowncar.jpg"  width="400"  height="235" /></a></p>
<p>&nbsp;</p>
<p><strong>This way of doing things has several advantages, the main of which is that all the logic gets handled on the SVG side.</strong></p>
<p>The clown car technique, by the way, is thus called because all the images (clowns) are stuffed inside one huge image (car).</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/IvFOH8iSDqc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/using-media-quieres-for-serving-the-right-image-clown-car-technique/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss><!-- Served from: webification.com @ 2013-05-25 22:19:18 by W3 Total Cache -->
