<?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>Fri, 24 May 2013 08:48:40 +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>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>
		<item>
		<title>Build Responsive Layouts Easily — skel.js</title>
		<link>http://webification.com/build-responsive-layouts-easily-skel-js?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=build-responsive-layouts-easily-skel-js</link>
		<comments>http://webification.com/build-responsive-layouts-easily-skel-js#comments</comments>
		<pubDate>Mon, 20 May 2013 16:39:50 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[CSS/CSS3]]></category>
		<category><![CDATA[Framework]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9165</guid>
		<description><![CDATA[skel.js is a JavaScript framework for building responsive sites and applications. skel.js has a 12-column CSS grid system that is very much enhanced by JavaScript so it can handle complex layouts more easily. skel.js has implemented a breakpoint handling system which is straight to the point. Additional features, such as the well-developed CSS shortcut system, [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://skeljs.org/" ><strong>skel.js</strong></a> is a<strong> JavaScript framework for building responsive sites and applications.</strong></p>
<p><a href="http://skeljs.org/" ><img class="aligncenter size-full wp-image-9166"  alt="skeljs Build Responsive Layouts Easily    skel.js"  src="http://webification.com/wp-content/uploads/2013/05/skeljs.jpg"  width="400"  height="158" /></a>skel.js has a 12-column CSS grid system that is very much enhanced by JavaScript so it can handle complex layouts more easily.</p>
<p>skel.js has implemented a breakpoint handling system which is straight to the point. Additional features, such as the well-developed CSS shortcut system, help with writing concise &amp; effective code.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/X51y9cAU7Wc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/build-responsive-layouts-easily-skel-js/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visualize And Edit JSON Data — JSONMate</title>
		<link>http://webification.com/visualize-and-edit-json-data-jsonmate?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=visualize-and-edit-json-data-jsonmate</link>
		<comments>http://webification.com/visualize-and-edit-json-data-jsonmate#comments</comments>
		<pubDate>Sun, 19 May 2013 10:51:40 +0000</pubDate>
		<dc:creator>Lauris Veips</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://webification.com/?p=9162</guid>
		<description><![CDATA[JSONMate is a JSON data inspector, visualizer and editor. JSONMate can create tree-like visual representations of JSON objects, edit JSON objects in a useful way and do other things with data that&#8217;s otherwise sometimes too hard to read and edit with in-line editors. You can paste the strings or load them from an external resource. &#160;]]></description>
				<content:encoded><![CDATA[<p><a href="http://jsonmate.com/" ><strong>JSONMate</strong></a> is a <strong>JSON data inspector, visualizer and editor.</strong></p>
<p><a href="http://jsonmate.com/" ><img class="aligncenter size-full wp-image-9163"  alt="json Visualize And Edit JSON Data    JSONMate"  src="http://webification.com/wp-content/uploads/2013/05/json.jpg"  width="400"  height="86" /></a>JSONMate can create tree-like visual representations of JSON objects, edit JSON objects in a useful way and do other things with data that&#8217;s otherwise sometimes too hard to read and edit with in-line editors. You can paste the strings or load them from an external resource.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Webification/~4/99SrPp2Ntxw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webification.com/visualize-and-edit-json-data-jsonmate/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss><!-- Served from: webification.com @ 2013-05-24 09:33:19 by W3 Total Cache -->
