<?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>Greepit.com &#187; Articles &amp; Books</title>
	<atom:link href="/category/articles/feed/" rel="self" type="application/rss+xml" />
	<link>http://greepit.com</link>
	<description>Web Design and Development Resources</description>
	<lastBuildDate>Thu, 12 Mar 2015 07:20:46 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.0</generator>
	<item>
		<title>Web Design and Development News, Tutorials and Tools – Issue#7</title>
		<link>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue7/</link>
		<comments>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue7/#comments</comments>
		<pubDate>Tue, 09 Jul 2013 07:12:23 +0000</pubDate>
		<dc:creator><![CDATA[Team Greepit]]></dc:creator>
				<category><![CDATA[Articles & Books]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=20936</guid>
		<description><![CDATA[This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies. If you would like to receive our daily updates and keep up&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p>This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.</p>
<p>If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, follow us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</p>
<h4><a href="http://diagnosticss.github.io/" target="_blank">Visually Detect Invalid, Inaccessible or Erroneous HTML Markup &#8211; Diagnosticss</a></h4>
<p><img class="alignnone size-full wp-image-20941" alt="Visually Detect Invalid, Inaccessible or Erroneous HTML Markup - Diagnosticss" src="/wp-content/uploads/2013/07/Visually-Detect-Invalid-Inaccessible-or-Erroneous-HTML-Markup-Diagnosticss.jpg" width="525" height="310" /></p>
<p><span id="more-20936"></span></p>
<h4><a href="http://learn.jquery.com/" target="_blank">jQuery Learning Center</a></h4>
<p><img class="alignnone size-full wp-image-20938" alt="jQuery Learning Center" src="/wp-content/uploads/2013/07/jQuery-Learning-Center.jpg" width="525" height="308" /></p>
<h4><a href="http://abduzeedo.com/introduction-mobile-prototyping-html-css-and-javascript" target="_blank">Introduction to Mobile Prototyping with HTML, CSS and JS</a></h4>
<p><img class="alignnone size-full wp-image-20939" alt="Introduction to Mobile Prototyping with HTML, CSS and JS" src="/wp-content/uploads/2013/07/Introduction-to-Mobile-Prototyping-with-HTML-CSS-and-JS.jpg" width="525" height="302" /></p>
<h4><a href="http://kintek.com.au/blog/portkit-ux-metaphor-equivalents-for-ios-and-android/" target="_blank">UX Metaphor Equivalents for iOS &amp; Android &#8211; PortKit</a></h4>
<p><img class="alignnone size-full wp-image-20940" alt="UX Metaphor Equivalents for iOS &amp; Android - PortKit" src="/wp-content/uploads/2013/07/UX-Metaphor-Equivalents-for-iOS-Android-PortKit.jpg" width="525" height="291" /></p>
<h4><a href="http://speckyboy.com/2013/06/25/freebie-sports-icon-set/" target="_blank">Freebie: Sports Icon Set (100 Icons in AI, EPS, PNG and PDF Formats)</a></h4>
<p><img class="alignnone size-full wp-image-20937" alt="Freebie Sports Icon Set (100 Icons in AI, EPS, PNG and PDF Formats)" src="/wp-content/uploads/2013/07/Freebie-Sports-Icon-Set-100-Icons-in-AI-EPS-PNG-and-PDF-Formats.jpg" width="525" height="337" /></p>
<h4><a href="http://shipp.co/midway/" target="_blank">Automatically Center Responsive Elements &#8211; Midway.js</a></h4>
<p><img class="alignnone size-full wp-image-20942" alt="Automatically Center Responsive Elements - Midway.js" src="/wp-content/uploads/2013/07/Automatically-Center-Responsive-Elements-Midway.js.jpg" width="525" height="309" /></p>
<h4 style="text-align: left;"><a href="http://kenshin54.github.io/popline/" target="_blank">HTML5 Rich-Text-Editor Toolbar &#8211; Popline</a></h4>
<p><img class="alignnone size-full wp-image-20943" alt="HTML5 Rich-Text-Editor Toolbar - Popline" src="/wp-content/uploads/2013/07/HTML5-Rich-Text-Editor-Toolbar-Popline.jpg" width="525" height="254" /></p>
<h4><a href="https://github.com/linkedin/hopscotch" target="_blank">Easily Add Product Tours to Web Pages &#8211; Hopscotch </a></h4>
<p><img class="alignnone size-full wp-image-20944" alt="Easily Add Product Tours to Web Pages - Hopscotch" src="/wp-content/uploads/2013/07/Easily-Add-Product-Tours-to-Web-Pages-Hopscotch.jpg" width="525" height="291" /></p>
<h4><a href="/2013/06/single-one-1-page-responsive-websites-free-and-premium-for-a-low-price/" target="_blank">Single One (1) Page Responsive Websites (Free and Premium For A Low Price)</a></h4>
<p><img class="alignnone size-full wp-image-20945" alt="Single One (1) Page Responsive Websites (Free and Premium For A Low Price)" src="/wp-content/uploads/2013/07/Single-One-1-Page-Responsive-Websites-Free-and-Premium-For-A-Low-Price.jpg" width="525" height="315" /></p>
<h4><a href="http://glue.readthedocs.org/en/latest/" target="_blank">Command Line Tool for Generating CSS Sprites &#8211; Glue </a></h4>
<p><img class="alignnone size-full wp-image-20946" alt="Command Line Tool for Generating CSS Sprites - Glue" src="/wp-content/uploads/2013/07/Command-Line-Tool-for-Generating-CSS-Sprites-Glue.jpg" width="525" height="257" /></p>
<h4><a href="http://responsablecss.com/" target="_blank">Responsive Grid System With a Typographic Baseline &#8211; Responsable Framework</a></h4>
<p><img class="alignnone size-full wp-image-20947" alt="Responsive Grid System With a Typographic Baseline - Responsable Framework" src="/wp-content/uploads/2013/07/Responsive-Grid-System-With-a-Typographic-Baseline-Responsable-Framework.jpg" width="525" height="201" /></p>
<h4><a href="http://learnlayout.com/" target="_blank">Learn CSS Layout</a></h4>
<p><img class="alignnone size-full wp-image-20948" alt="Learn CSS Layout" src="/wp-content/uploads/2013/07/Learn-CSS-Layout.jpg" width="525" height="277" /></p>
<h4><a href="http://net.tutsplus.com/tutorials/html-css-techniques/developing-with-sass-and-chrome-devtools/" target="_blank">Developing With Sass and Chrome DevTools</a></h4>
<p><img class="alignnone size-full wp-image-20949" alt="Developing With Sass and Chrome DevTools" src="/wp-content/uploads/2013/07/Developing-With-Sass-and-Chrome-DevTools.jpg" width="525" height="304" /></p>
<h4><a href="http://screensiz.es/" target="_blank">Quickly Find the Screen Specifications For Devices &#8211; Screen Sizes</a></h4>
<p><img class="alignnone size-full wp-image-20950" alt="Quickly Find the Screen Specifications For Devices - Screen Sizes" src="/wp-content/uploads/2013/07/Quickly-Find-the-Screen-Specifications-For-Devices-Screen-Sizes.jpg" width="525" height="303" /></p>
<p>If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, follow us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</p>
<div class="killp">
<div class="killspaces"><strong>Special Downloads</strong><br />
<a href="/category/special-downloads/freebies-special-downloads/">Design Freebies</a><br />
<a href="/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><br />
<a href="/2010/06/creative-resume-template">Free Creative Resume Template</a><br />
<a href="/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><br />
<a href="/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design and Development News, Tutorials and Tools – Issue#6</title>
		<link>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue6/</link>
		<comments>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue6/#comments</comments>
		<pubDate>Fri, 05 Jul 2013 08:28:31 +0000</pubDate>
		<dc:creator><![CDATA[Team Greepit]]></dc:creator>
				<category><![CDATA[Articles & Books]]></category>
		<category><![CDATA[XHTML & CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=19715</guid>
		<description><![CDATA[This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies. If you would like to receive our daily updates and keep up&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p>This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.</p>
<p>If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, follow us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</p>
<h4><a href="http://mobile.smashingmagazine.com/2013/05/14/providing-the-best-mobile-user-experience-possible/" target="_blank">Providing The Best Mobile User Experience Possible</a></h4>
<p><img class="alignnone size-full wp-image-20469" alt="Providing The Best Mobile User Experience Possible" src="/wp-content/uploads/2013/06/Providing-The-Best-Mobile-User-Experience-Possible.jpg" width="525" height="302" /></p>
<p><span id="more-19715"></span></p>
<h4><a href="http://diogodantas.com/designcode" target="_blank">Clean and Minimal Free PSD Theme</a></h4>
<p><img class="alignnone size-full wp-image-20470" alt="Clean and Minimal Free PSD Theme" src="/wp-content/uploads/2013/06/Clean-and-Minimal-Free-PSD-Theme.jpg" width="525" height="350" /></p>
<h4><a href="http://filepicker.github.io/codeblock.js/" target="_blank">Editable, Runnable JavaScript Code Blocks: Codeblock.js</a></h4>
<p><img class="alignnone size-full wp-image-20471" alt="Editable, Runnable JavaScript Code Blocks Codeblock.js" src="/wp-content/uploads/2013/06/Editable-Runnable-JavaScript-Code-Blocks-Codeblock.js.jpg" width="525" height="350" /></p>
<h4><a href="http://usablica.github.io/label.css/" target="_blank">Tiny Style Sheet to Make Labeling Any Element a Breeze: Label.css</a></h4>
<p><img class="alignnone size-full wp-image-20472" alt="Tiny Style Sheet to Make Labeling Any Element a Breeze Label.css" src="/wp-content/uploads/2013/06/Tiny-Style-Sheet-to-Make-Labeling-Any-Element-a-Breeze-Label.css.jpg" width="525" height="350" /></p>
<h4><a href="http://www.premiumpixels.com/freebies/24-flat-icons-psd/" target="_blank">24 Free Flat Icons (PSD)</a></h4>
<p><img class="alignnone size-full wp-image-20473" alt="24 Free Flat Icons (PSD)" src="/wp-content/uploads/2013/06/24-Free-Flat-Icons-PSD.jpg" width="525" height="350" /></p>
<h4><a href="http://tympanus.net/codrops/2013/05/17/product-grid-layout/" target="_blank">Responsive Product Grid Layout</a></h4>
<p><img class="alignnone size-full wp-image-20474" alt="Responsive Product Grid Layout" src="/wp-content/uploads/2013/06/Responsive-Product-Grid-Layout.jpg" width="525" height="350" /></p>
<h4><a href="http://www.webiconset.com/map-icons/" target="_blank">Set of 200 Map Icons in PSD Vector Shape &amp; PNG: Map Icons Designer</a></h4>
<p><img class="alignnone size-full wp-image-20475" alt="Set of 200 Map Icons in PSD Vector Shape &amp; PNG Map Icons Designer" src="/wp-content/uploads/2013/06/Set-of-200-Map-Icons-in-PSD-Vector-Shape-PNG-Map-Icons-Designer.jpg" width="525" height="350" /></p>
<h4><a href="http://theonion.github.io/fartscroll.js/" target="_blank">Let Your Website Emit Some Fart Noises As You Scroll: fFartscroll.js</a></h4>
<p><img class="alignnone size-full wp-image-20476" alt="Let Your Website Emit Some Fart Noises As You Scroll fFartscroll.js" src="/wp-content/uploads/2013/06/Let-Your-Website-Emit-Some-Fart-Noises-As-You-Scroll-fFartscroll.js.jpg" width="525" height="350" /></p>
<h4><a href="http://dribbble.com/shots/1063118-Sketch-Icons-Freebie" target="_blank">Lovely Free Icon Set: Sketch Icons (PSD)</a></h4>
<p><img class="alignnone size-full wp-image-20477" alt="Lovely Free Icon Set Sketch Icons (PSD)" src="/wp-content/uploads/2013/06/Lovely-Free-Icon-Set-Sketch-Icons-PSD.jpg" width="525" height="350" /></p>
<h4><a href="http://web-design-weekly.com/2013/05/12/handy-sass-mixins/" target="_blank">Handy Sass Mixins</a></h4>
<p><img class="alignnone size-full wp-image-20478" alt="Handy Sass Mixins" src="/wp-content/uploads/2013/06/Handy-Sass-Mixins.jpg" width="525" height="292" /></p>
<h4><a href="http://blogs.adobe.com/webplatform/2013/05/06/adobe-explores-the-future-of-responsive-digital-layout-with-national-geographic-content/" target="_blank">Future of Responsive Digital Layout with National Geographic Content</a></h4>
<p><img class="alignnone size-full wp-image-20480" alt="Future of Responsive Digital Layout with National Geographic Content" src="/wp-content/uploads/2013/06/Future-of-Responsive-Digital-Layout-with-National-Geographic-Content1.jpg" width="525" height="250" /></p>
<h4><a href="http://tutorialzine.com/2013/05/mini-ajax-file-upload-form/" target="_blank">Mini AJAX File Upload Form (Tutorial)</a></h4>
<p><img class="alignnone size-full wp-image-20481" alt="Mini AJAX File Upload Form (Tutorial)" src="/wp-content/uploads/2013/06/Mini-AJAX-File-Upload-Form-Tutorial.jpg" width="525" height="271" /></p>
<h4><a href="http://www.fitgrd.com/" target="_blank">Fitgrd Responsive Grid</a></h4>
<p><img class="alignnone size-full wp-image-20482" alt="Fitgrd Responsive Grid" src="/wp-content/uploads/2013/06/Fitgrd-Responsive-Grid.jpg" width="525" height="274" /></p>
<h4><a href="http://www.modern.ie/en-us/cross-browser-best-practices" target="_blank">20 Tips for Building Modern Sites While Supporting Old Versions of IE</a></h4>
<h4><img class="alignnone size-full wp-image-20483" alt="20 Tips for Building Modern Sites While Supporting Old Versions of IE" src="/wp-content/uploads/2013/06/20-Tips-for-Building-Modern-Sites-While-Supporting-Old-Versions-of-IE.jpg" width="525" height="203" /></h4>
<p>If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, follow us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design and Development News, Tutorials and Tools – Issue#5</title>
		<link>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue5/</link>
		<comments>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue5/#comments</comments>
		<pubDate>Tue, 02 Jul 2013 08:22:38 +0000</pubDate>
		<dc:creator><![CDATA[Team Greepit]]></dc:creator>
				<category><![CDATA[Articles & Books]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[XHTML & CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=20870</guid>
		<description><![CDATA[This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies. If you would like to receive our daily updates and keep up&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p>This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.</p>
<p>If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, follow us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</p>
<h4><a href="http://fontastic.me/" target="_blank">Fontastic – A Platform For Creating Icon Fonts</a></h4>
<p><img class="alignnone size-full wp-image-20872" alt="Fontastic – A Platform For Creating Icon Fonts" src="/wp-content/uploads/2013/06/Fontastic-–-A-Platform-For-Creating-Icon-Fonts1.jpg" width="525" height="271" /></p>
<p><span id="more-20870"></span></p>
<h4><a href="http://facebook.github.io/react/" target="_blank">Build User Interfaces Efficiently — React</a></h4>
<p><img class="alignnone size-full wp-image-20873" alt="Build User Interfaces Efficiently — React" src="/wp-content/uploads/2013/06/Build-User-Interfaces-Efficiently-—-React.jpg" width="525" height="300" /></p>
<h4><a href="http://craig.is/writing/chrome-logger" target="_blank">Chrome Logger – An Extension For Debugging Server-Side Code</a></h4>
<p><img class="alignnone size-full wp-image-20874" alt="Chrome Logger – An Extension For Debugging Server-Side Code" src="/wp-content/uploads/2013/06/Chrome-Logger-–-An-Extension-For-Debugging-Server-Side-Code.jpg" width="525" height="295" /></p>
<h4><a href="http://masonjs.com/" target="_blank">Dynamic-Column &amp; Gap-Free Grids: Mason.js</a></h4>
<p><img class="alignnone size-full wp-image-20875" alt="Dynamic-Column &amp; Gap-Free Grids Mason.js" src="/wp-content/uploads/2013/06/Dynamic-Column-Gap-Free-Grids-Mason.js.jpg" width="525" height="275" /></p>
<h4><a href="http://unicode-table.com/" target="_blank">A Complete Unicode Character Table</a></h4>
<p><img class="alignnone size-full wp-image-20876" alt="A Complete Unicode Character Table" src="/wp-content/uploads/2013/06/A-Complete-Unicode-Character-Table.jpg" width="525" height="307" /></p>
<h4><a href="http://openweathermap.org/" target="_blank">Actual and Forecast Weather Data for Free — OpenWeatherMap</a></h4>
<p><img class="alignnone size-full wp-image-20878" alt="Actual and Forecast Weather Data for Free — OpenWeatherMap" src="/wp-content/uploads/2013/06/Actual-and-Forecast-Weather-Data-for-Free-—-OpenWeatherMap.jpg" width="525" height="305" /></p>
<h4><a href="http://fontcustom.com/" target="_blank">Font Custom – Generate Custom Icon Fonts From Command Line</a></h4>
<p><img class="alignnone size-full wp-image-20879" alt="Font Custom – Generate Custom Icon Fonts From Command Line" src="/wp-content/uploads/2013/06/Font-Custom-–-Generate-Custom-Icon-Fonts-From-Command-Line.jpg" width="525" height="277" /></p>
<h4><a href="http://crsmithdev.com/arrow/" target="_blank">Better Dates and Times for Python — Arrow</a></h4>
<p><img class="alignnone size-full wp-image-20880" alt="Better Dates and Times for Python — Arrow" src="/wp-content/uploads/2013/06/Better-Dates-and-Times-for-Python-—-Arrow.jpg" width="525" height="297" /></p>
<h4><a href="http://kineticwing.com/" target="_blank">A Modern, Extensible &amp; Free IDE – KineticWing</a></h4>
<p><img class="alignnone size-full wp-image-20881" alt="A Modern, Extensible &amp; Free IDE – KineticWing" src="/wp-content/uploads/2013/06/A-Modern-Extensible-Free-IDE-–-KineticWing.jpg" width="525" height="285" /></p>
<h4><a href="http://alexwolfe.github.io/Buttons/" target="_blank">Buttons – A CSS Library For Creating Buttons</a><img class="alignnone size-full wp-image-20883" alt="Buttons – A CSS Library For Creating Buttons" src="/wp-content/uploads/2013/06/Buttons-–-A-CSS-Library-For-Creating-Buttons.jpg" width="525" height="249" /></h4>
<h4><a href="http://fontello.com/" target="_blank">Combine Iconic Font Items To Create A Custom One – Fontello</a></h4>
<p><img class="alignnone size-full wp-image-20884" alt="Combine Iconic Font Items To Create A Custom One – Fontello" src="/wp-content/uploads/2013/06/Combine-Iconic-Font-Items-To-Create-A-Custom-One-–-Fontello.jpg" width="525" height="248" /></p>
<h4><a href="http://pinba.org/" target="_blank">PHP Performance Monitoring With Pinba And Intaro Pinboard</a></h4>
<p><img class="alignnone size-full wp-image-20885" alt="PHP Performance Monitoring With Pinba And Intaro Pinboard" src="/wp-content/uploads/2013/06/PHP-Performance-Monitoring-With-Pinba-And-Intaro-Pinboard.jpg" width="525" height="255" /></p>
<h4><a href="/2013/05/collection-of-free-resizable-useful-vector-icons-glyphs-icon-fonts/" target="_blank">Collection of Free, Resizable, Useful Vector Icons, Glyphs &amp; Icon Fonts</a></h4>
<p><img class="alignnone size-full wp-image-20888" alt="Collection of Free, Resizable, Useful Vector Icons, Glyphs &amp; Icon Fonts" src="/wp-content/uploads/2013/07/Collection-of-Free-Resizable-Useful-Vector-Icons-Glyphs-Icon-Fonts.jpg" width="525" height="305" /></p>
<h4><a href="http://lukechesser.github.io/Popular-UIs/" target="_blank">Popular UIs: Free PSDs Of Well-Known Websites</a></h4>
<p><img class="alignnone size-full wp-image-20889" alt="Popular UIs Free PSDs Of Well-Known Websites" src="/wp-content/uploads/2013/07/Popular-UIs-Free-PSDs-Of-Well-Known-Websites.jpg" width="525" height="305" /></p>
<h4><a href="http://tympanus.net/Development/ModalWindowEffects/" target="_blank">Awesome Modal Window Effects with CSS Animations</a></h4>
<p><img class="alignnone size-full wp-image-20890" alt="Awesome Modal Window Effects with CSS Animations" src="/wp-content/uploads/2013/07/Awesome-Modal-Window-Effects-with-CSS-Animations.jpg" width="525" height="269" /></p>
<h4><a href="http://www.smashingmagazine.com/2013/06/17/foodie-icons/" target="_blank">A Huge Food Icons Set – 200 Foodie Pack </a></h4>
<p><img class="alignnone size-full wp-image-20891" alt="A Huge Food Icons Set – 200 Foodie Pack" src="/wp-content/uploads/2013/07/A-Huge-Food-Icons-Set-–-200-Foodie-Pack.jpg" width="525" height="315" /></p>
<h4><a href="https://github.com/jglovier/microframe" target="_blank">A Minuscule Wireframing Template — Microframe</a></h4>
<p><img class="alignnone size-full wp-image-20892" alt="A Minuscule Wireframing Template — Microframe" src="/wp-content/uploads/2013/07/A-Minuscule-Wireframing-Template-—-Microframe.jpg" width="525" height="280" /></p>
<p>If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, follow us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Download Free Ebooks and Whitepapers for Web Designers and Developers</title>
		<link>http://greepit.com/download-free-ebooks-and-whitepapers-for-web-designers-and-developers/</link>
		<comments>http://greepit.com/download-free-ebooks-and-whitepapers-for-web-designers-and-developers/#comments</comments>
		<pubDate>Thu, 20 Jun 2013 07:19:29 +0000</pubDate>
		<dc:creator><![CDATA[Team Greepit]]></dc:creator>
				<category><![CDATA[Articles & Books]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Books]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=20644</guid>
		<description><![CDATA[Today we have a selection of free ebooks for you covering most aspects of web design and development. This collection features free ebooks that you can read on your iPad/iPhone, Kindle, Nook or other&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p>Today we have a selection of free ebooks for you covering most aspects of web design and development.</p>
<p>This collection features free ebooks that you can read on your iPad/iPhone, Kindle, Nook or other devices.</p>
<p>If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, follow us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</p>
<h4><a href="http://uxpin.com/ux-design-for-startups.html" target="_blank">UX Design for Start-Ups</a></h4>
<p><img class="alignnone size-full wp-image-20645" alt="UX Design for Start-Ups" src="/wp-content/uploads/2013/06/UX-Design-for-Start-Ups.jpg" width="525" height="283" /></p>
<p><span id="more-20644"></span></p>
<h4><a href="http://www.smashingmagazine.com/2013/05/07/smashing-editors-choice-free-ebook/" target="_blank">Free eBook for Web Designers from Smashing Library</a></h4>
<p><img class="alignnone size-full wp-image-20646" alt="Free eBook for Web Designers from Smashing Library" src="/wp-content/uploads/2013/06/Free-eBook-for-Web-Designers-from-Smashing-Library.jpg" width="525" height="365" /></p>
<h4><a href="http://www.20thingsilearned.com/en-GB/home" target="_blank">20 Things I learned about Browsers and the Web</a></h4>
<p><img class="alignnone size-full wp-image-20647" alt="20 Things I learned about Browsers and the Web" src="/wp-content/uploads/2013/06/20-Things-I-learned-about-Browsers-and-the-Web.jpg" width="525" height="326" /></p>
<h4><a href="http://www.zeldman.com/2009/04/16/taking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom/" target="_blank">Taking Your Talent To The Web</a></h4>
<p><img class="alignnone size-full wp-image-20648" alt="Taking Your Talent To The Web" src="/wp-content/uploads/2013/06/Taking-Your-Talent-To-The-Web.jpg" width="525" height="411" /></p>
<h4><a href="http://changethis.com/manifesto/show/48.04.DesignFunnel" target="_blank">A Manifesto for Meaningful Design</a></h4>
<p><img class="alignnone size-full wp-image-20649" alt="A Manifesto for Meaningful Design" src="/wp-content/uploads/2013/06/A-Manifesto-for-Meaningful-Design.jpg" width="525" height="282" /></p>
<h4><a href="http://designingfortheweb.co.uk/book/" target="_blank">Designing For The Web</a></h4>
<p><img class="alignnone size-full wp-image-20650" alt="Designing For The Web" src="/wp-content/uploads/2013/06/Designing-For-The-Web.jpg" width="525" height="309" /></p>
<h4><a href="http://www.peterpixel.nl/writings/introduction-to-good-usability/" target="_blank">Introduction to Good Usability</a></h4>
<p><img class="alignnone size-full wp-image-20651" alt="Introduction to Good Usability" src="/wp-content/uploads/2013/06/Introduction-to-Good-Usability.jpg" width="525" height="294" /></p>
<h4> <a href="http://www.aiga.org/archiving-guide/" target="_blank">A Concise Guide to Archiving for Designers</a></h4>
<p><img class="alignnone size-full wp-image-20654" alt="A Concise Guide to Archiving for Designers" src="/wp-content/uploads/2013/06/A-Concise-Guide-to-Archiving-for-Designers.jpg" width="525" height="294" /></p>
<h4><a href="http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/" target="_blank">Better CSS Font Stacks</a></h4>
<p><img class="alignnone size-full wp-image-20655" alt="Better CSS Font Stacks" src="/wp-content/uploads/2013/06/Better-CSS-Font-Stacks.jpg" width="525" height="296" /></p>
<h4><a href="http://www.wishfulthinking.co.uk/2007/12/03/time-management-for-creative-people-free-e-book/" target="_blank">Time Management For Creative People</a></h4>
<p><img class="alignnone size-full wp-image-20656" alt="Time Management For Creative People" src="/wp-content/uploads/2013/06/Time-Management-For-Creative-People.jpg" width="525" height="350" /></p>
<h4><a href="http://www.webstyleguide.com/wsg3/index.html" target="_blank">Web Style Guide</a></h4>
<p><img class="alignnone size-full wp-image-20657" alt="Web Style Guide" src="/wp-content/uploads/2013/06/Web-Style-Guide.jpg" width="525" height="249" /></p>
<h4><a href="http://www.awwwards.com/web-design-and-mobile-trends-for-2013-ebook-download-it-for-free.html" target="_blank">Web Design and Mobile Trends for 2013</a></h4>
<p><img class="alignnone size-full wp-image-20658" alt="Web Design and Mobile Trends for 2013" src="/wp-content/uploads/2013/06/Web-Design-and-Mobile-Trends-for-2013.jpg" width="525" height="325" /></p>
<h4><a href="http://www.mobify.com/blog/e-book-mobile-web-design-best-practices/" target="_blank">Free E-Book: 50+ Mobile Web Design Best Practices</a></h4>
<p><img class="alignnone size-full wp-image-20659" alt="Free E-Book 50+ Mobile Web Design Best Practices" src="/wp-content/uploads/2013/06/Free-E-Book-50+-Mobile-Web-Design-Best-Practices.jpg" width="525" height="310" /></p>
<h4><a href="http://www.studentguidewebdesign.com/a-complete-guide-to-twitter-for-designers-free-ebook/" target="_blank">A Complete Guide to Twitter for Designers: Free eBook</a></h4>
<p><img class="alignnone size-full wp-image-20660" alt="A Complete Guide to Twitter for Designers Free eBook" src="/wp-content/uploads/2013/06/A-Complete-Guide-to-Twitter-for-Designers-Free-eBook.jpg" width="525" height="305" /></p>
<h4><a href="http://37signals.com/whitepaper/" target="_blank">Contingency Design</a></h4>
<p><img class="alignnone size-full wp-image-20661" alt="Contingency Design" src="/wp-content/uploads/2013/06/Contingency-Design.jpg" width="525" height="242" /></p>
<h4><a href="http://www.bitpipe.com/tlist/Web-Site-Design.html" target="_blank">Web Site Design Whitepapers</a></h4>
<p><img class="alignnone size-full wp-image-20662" alt="Web Site Design Whitepapers" src="/wp-content/uploads/2013/06/Web-Site-Design-Whitepapers.jpg" width="525" height="394" /></p>
<h4><a href="http://jqfundamentals.com/" target="_blank">jQuery Fundamentals</a></h4>
<p><img class="alignnone size-full wp-image-20663" alt="jQuery Fundamentals" src="/wp-content/uploads/2013/06/jQuery-Fundamentals.jpg" width="525" height="301" /></p>
<h4><a href="http://build.codepoet.com/2012/05/11/wordpress-meet-responsive-design/" target="_blank">WordPress Meet Responsive Design</a></h4>
<p><img class="alignnone size-full wp-image-20664" alt="WordPress Meet Responsive Design" src="/wp-content/uploads/2013/06/WordPress-Meet-Responsive-Design.jpg" width="525" height="225" /></p>
<h4><a href="http://addyosmani.com/blog/essentialjsdesignpatterns/" target="_blank">Essential JavaScript And jQuery Design Patterns </a></h4>
<p><img class="alignnone size-full wp-image-20665" alt="Essential JavaScript And jQuery Design Patterns" src="/wp-content/uploads/2013/06/Essential-JavaScript-And-jQuery-Design-Patterns.jpg" width="525" height="331" /></p>
<h4><a href="http://www.onlineprogrammingbooks.com/developing-modern-mobile-web-apps/" target="_blank">Developing Modern Mobile Web Apps </a></h4>
<p><img class="alignnone size-full wp-image-20666" alt="Developing Modern Mobile Web Apps" src="/wp-content/uploads/2013/06/Developing-Modern-Mobile-Web-Apps.jpg" width="525" height="311" /></p>
<h4><a href="http://freehtml5templates.com/html5-quick-learning-guide/" target="_blank">HTML5 Quick Learning Guide</a></h4>
<h4><a href="http://freehtml5templates.com/html5-quick-learning-guide/" target="_blank"><img class="alignnone size-full wp-image-20667" alt="HTML5 Quick Learning Guide" src="/wp-content/uploads/2013/06/HTML5-Quick-Learning-Guide.jpg" width="525" height="351" /></a><br />
<a href="http://git-scm.com/book" target="_blank">Pro Git</a></h4>
<p><img class="alignnone size-full wp-image-20668" alt="Pro Git" src="/wp-content/uploads/2013/06/Pro-Git.jpg" width="525" height="273" /></p>
<h4><a href="http://eloquentjavascript.net/" target="_blank">Eloquent JavaScript: A Modern Introduction to Programming</a></h4>
<p><img class="alignnone size-full wp-image-20669" alt="Eloquent JavaScript A Modern Introduction to Programming" src="/wp-content/uploads/2013/06/Eloquent-JavaScript-A-Modern-Introduction-to-Programming.jpg" width="525" height="286" /></p>
<h4><a href="http://www.redbooks.ibm.com/abstracts/redp3829.html" target="_blank">Portal Application Design and Development Guidelines</a></h4>
<p><img class="alignnone size-full wp-image-20670" alt="Portal Application Design and Development Guidelines" src="/wp-content/uploads/2013/06/Portal-Application-Design-and-Development-Guidelines.jpg" width="525" height="278" /></p>
<h4><a href="http://www.bookofspeed.com/index.html" target="_blank">Book of Speed</a></h4>
<p><img class="alignnone size-full wp-image-20671" alt="Book of Speed" src="/wp-content/uploads/2013/06/Book-of-Speed.jpg" width="525" height="309" /></p>
<h4><a href="http://blog.rubybestpractices.com/posts/gregory/022-rbp-now-open.html" target="_blank">Ruby Best Practices</a></h4>
<p><img class="alignnone size-full wp-image-20672" alt="Ruby Best Practices" src="/wp-content/uploads/2013/06/Ruby-Best-Practices.jpg" width="525" height="249" /></p>
<h4><a href="http://chimera.labs.oreilly.com/books/1234000001654" target="_blank">Free Online eBook: HTML5 Canvas</a></h4>
<p><img class="alignnone size-full wp-image-20679" alt="Free Online eBook HTML5 Canvas" src="/wp-content/uploads/2013/06/Free-Online-eBook-HTML5-Canvas.jpg" width="525" height="225" /></p>
<h4><a href="http://www.techrepublic.com/whitepapers/software+and+web+development" target="_blank">Software and Web Development &#8211; White Papers &amp; Case Studies</a></h4>
<p><img class="alignnone size-full wp-image-20680" alt="Software and Web Development - White Papers &amp; Case Studies" src="/wp-content/uploads/2013/06/Software-and-Web-Development-White-Papers-Case-Studies.jpg" width="525" height="263" /></p>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/download-free-ebooks-and-whitepapers-for-web-designers-and-developers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Weekly Web Design and Development News, Tutorials and Tools &#8211; Issue#4</title>
		<link>http://greepit.com/weekly-web-design-and-development-news-tutorials-and-tools-issue4/</link>
		<comments>http://greepit.com/weekly-web-design-and-development-news-tutorials-and-tools-issue4/#comments</comments>
		<pubDate>Wed, 19 Jun 2013 06:16:39 +0000</pubDate>
		<dc:creator><![CDATA[Team Greepit]]></dc:creator>
				<category><![CDATA[Articles & Books]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[XHTML & CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=19436</guid>
		<description><![CDATA[This is our web design and development news series where we share our favourite design/development related articles, resources, tutorials and awesome freebies. If you would like to receive our daily updates and keep up&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p>This is our web design and development news series where we share our favourite design/development related articles, resources, tutorials and awesome freebies.</p>
<p>If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, follow us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</p>
<h4><a href="http://www.egrappler.com/a-responsive-multi-level-dropdown-menu-plugin-with-icons-for-wordpress-wpbootm/" target="_blank">Responsive, Multi-level Dropdown Navigation Menu WordPress Plugin: WPBootM</a></h4>
<p><img class="alignnone size-full wp-image-20677" alt="a-responsive-multi-level-wordpress-dropdown-menu-plugin" src="/wp-content/uploads/2013/06/a-responsive-multi-level-wordpress-dropdown-menu-plugin.jpg" width="525" height="249" /></p>
<p><span id="more-19436"></span></p>
<h4><a href="http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/" target="_blank">A Collection Of Page Transitions</a></h4>
<p><img class="alignnone size-full wp-image-20485" alt="A Collection Of Page Transitions" src="/wp-content/uploads/2013/06/A-Collection-Of-Page-Transitions.jpg" width="525" height="364" /></p>
<h4><a href="http://benschwarz.github.io/gallery-css/" target="_blank">Responsive Image Gallery Made With Pure CSS</a></h4>
<p><img class="alignnone size-full wp-image-20486" alt="Responsive Image Gallery Made With Pure CSS" src="/wp-content/uploads/2013/06/Responsive-Image-Gallery-Made-With-Pure-CSS.jpg" width="525" height="187" /></p>
<h4><a href="http://jresponsive.is-great.net/" target="_blank">Super-Smooth Transition Layouts: jResponsive</a></h4>
<p><img class="alignnone size-full wp-image-20487" alt="Super-Smooth Transition Layouts jResponsive" src="/wp-content/uploads/2013/06/Super-Smooth-Transition-Layouts-jResponsive.jpg" width="525" height="264" /></p>
<h4><a href="/2010/11/feedback-collection-and-polling-widget-opineo/" target="_blank">Feedback Collection and Polling Widget: Opineo</a></h4>
<p><img class="alignnone size-full wp-image-20488" alt="Feedback Collection and Polling Widget Opineo" src="/wp-content/uploads/2013/06/Feedback-Collection-and-Polling-Widget-Opineo.jpg" width="525" height="292" /></p>
<h4><a href="http://tympanus.net/codrops/2013/05/02/vertical-timeline/" target="_blank">Rresponsive Vertical Timeline With Alternating Colors</a></h4>
<p><img class="alignnone size-full wp-image-20489" alt="Rresponsive Vertical Timeline With Alternating Colors" src="/wp-content/uploads/2013/06/Rresponsive-Vertical-Timeline-With-Alternating-Colors.jpg" width="525" height="283" /></p>
<h4><a href="http://jasonweaver.name/lab/flexiblenavigation/" target="_blank">Flexible, Device Agnostic Navigation: FlexNav</a></h4>
<p><img class="alignnone size-full wp-image-20493" alt="Flexible, Device Agnostic Navigation FlexNav" src="/wp-content/uploads/2013/06/Flexible-Device-Agnostic-Navigation-FlexNav1.jpg" width="525" height="296" /></p>
<h4><a href="/2011/07/designing-user-friendly-websites-and-applications-with-notify/" target="_blank">Smart And Simple jQuery Script For Notifications: Notify!</a></h4>
<p><img class="alignnone size-full wp-image-20491" alt="Smart And Simple jQuery Script For Notifications Notify!" src="/wp-content/uploads/2013/06/Smart-And-Simple-jQuery-Script-For-Notifications-Notify.jpg" width="525" height="342" /></p>
<h4> <a href="http://www.myfonts.com/fonts/yellow-design/verb-condensed/" target="_blank">Free Font: Verb Condensed Extralight</a></h4>
<p><img class="alignnone size-full wp-image-20497" alt="Free Font Verb Condensed Extralight" src="/wp-content/uploads/2013/06/Free-Font-Verb-Condensed-Extralight1.jpg" width="525" height="261" /></p>
<h4><a href="http://robflaherty.github.io/jquery-annotated-source/" target="_blank">jQuery Annotated Source</a></h4>
<p><img class="alignnone size-full wp-image-20495" alt="jQuery Annotated Source" src="/wp-content/uploads/2013/06/jQuery-Annotated-Source.jpg" width="525" height="243" /></p>
<h4><a href="/2011/05/one-is-better-than-two-singleline-login/" target="_blank">One is Better than Two: SingleLine Login</a></h4>
<p><img class="alignnone size-full wp-image-20498" alt="One is Better than Two SingleLine Login" src="/wp-content/uploads/2013/06/One-is-Better-than-Two-SingleLine-Login.jpg" width="525" height="292" /></p>
<h4><a href="http://dribbble.com/shots/1038478-Flat-iOS-iCons-PSD-Freebie" target="_blank">Flat iOS Icons (PSD)</a></h4>
<p><img class="alignnone size-full wp-image-20499" alt="Freebie Flat iOS Icons (PSD)" src="/wp-content/uploads/2013/06/Freebie-Flat-iOS-Icons-PSD.jpg" width="525" height="394" /></p>
<h4><a href="http://tympanus.net/codrops/2013/04/23/fullscreen-layout-with-page-transitions/" target="_blank">Fullscreen Responsive Layout With Fancy Page Transitions</a></h4>
<p><img class="alignnone size-full wp-image-20500" alt="Fullscreen Responsive Layout With Fancy Page Transitions" src="/wp-content/uploads/2013/06/Fullscreen-Responsive-Layout-With-Fancy-Page-Transitions.jpg" width="525" height="364" /></p>
<h4><a href="http://dribbble.com/shots/1053792-Free-Colorful-Icons" target="_blank">Free Colorful Icons (PSD)</a></h4>
<p><img class="alignnone size-full wp-image-20501" alt="Free Colorful Icons (PSD)" src="/wp-content/uploads/2013/06/Free-Colorful-Icons-PSD.jpg" width="525" height="393" /></p>
<h4><a href="http://thecodeplayer.com/walkthrough/css3-breadcrumb-navigation" target="_blank">Pure CSS3 Breadcrumb Navigation</a></h4>
<p><img class="alignnone size-full wp-image-20502" alt="Pure CSS3 Breadcrumb Navigation" src="/wp-content/uploads/2013/06/Pure-CSS3-Breadcrumb-Navigation.jpg" width="525" height="89" /></p>
<h4><a href="/2011/04/jquery-css3-tabs-with-breadcrumb-and-pagination-classytabs/" target="_blank">jQuery CSS3 Tabs With Breadcrumb and Pagination: ClassyTabs</a></h4>
<p><img class="alignnone size-full wp-image-20503" alt="jQuery CSS3 Tabs With Breadcrumb and Pagination ClassyTabs" src="/wp-content/uploads/2013/06/jQuery-CSS3-Tabs-With-Breadcrumb-and-Pagination-ClassyTabs.jpg" width="525" height="281" /></p>
<p>If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, follow us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/weekly-web-design-and-development-news-tutorials-and-tools-issue4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design and Development News, Tutorials and Tools – Issue#3</title>
		<link>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue3/</link>
		<comments>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue3/#comments</comments>
		<pubDate>Tue, 18 Jun 2013 07:39:54 +0000</pubDate>
		<dc:creator><![CDATA[Team Greepit]]></dc:creator>
				<category><![CDATA[Articles & Books]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Extras]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Responsive]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=20622</guid>
		<description><![CDATA[This is our web design and development news series where we share our favourite design/development related articles, resources, tutorials and awesome freebies. If you would like to receive our daily updates and keep up&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p>This is our web design and development news series where we share our favourite design/development related articles, resources, tutorials and awesome freebies.</p>
<p>If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, follow us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</p>
<h4><a href="http://sylius.com/" target="_blank">Open Source PHP E-Commerce Solution</a></h4>
<p><img class="alignnone size-full wp-image-20624" alt="Open Source PHP E-Commerce Solution" src="/wp-content/uploads/2013/06/Open-Source-PHP-E-Commerce-Solution1.jpg" width="525" height="292" /></p>
<h4><a href="http://www.minimamente.com/magic-css3-animations/" target="_blank">CSS Animations With Impressive Effects: Magic</a></h4>
<p><img class="alignnone size-full wp-image-20625" alt="CSS Animations With Impressive Effects Magic" src="/wp-content/uploads/2013/06/CSS-Animations-With-Impressive-Effects-Magic.jpg" width="525" height="288" /></p>
<p><span id="more-20622"></span></p>
<h4><a href="http://lukechesser.github.io/Popular-UIs/" target="_blank">Free PSDs of Popular Web Interfaces: Popular UIs</a></h4>
<p><img class="alignnone size-full wp-image-20626" alt="Free PSDs of Popular Web Interfaces Popular UIs" src="/wp-content/uploads/2013/06/Free-PSDs-of-Popular-Web-Interfaces-Popular-UIs.jpg" width="525" height="283" /></p>
<h4><a href="http://devtoolsecrets.com/" target="_blank">The Secrets Of Browser Developer Tools</a></h4>
<p><img class="alignnone size-full wp-image-20627" alt="The Secrets Of Browser Developer Tools" src="/wp-content/uploads/2013/06/The-Secrets-Of-Browser-Developer-Tools.jpg" width="525" height="228" /></p>
<h4><a href="http://www.videry.me/" target="_blank">Curated Videos For Web Designers: Videry</a></h4>
<p><img class="alignnone size-full wp-image-20628" alt="Curated Videos For Web Designers Videry" src="/wp-content/uploads/2013/06/Curated-Videos-For-Web-Designers-Videry.jpg" width="525" height="304" /></p>
<h4><a href="http://www.teehanlax.com/tools/ios7/" target="_blank">Photoshop Template of iOS 7 GUI Elements</a></h4>
<p><img class="alignnone size-full wp-image-20629" alt="Photoshop Template of iOS 7 GUI Elements" src="/wp-content/uploads/2013/06/Photoshop-Template-of-iOS-7-GUI-Elements.jpg" width="525" height="311" /></p>
<h4><a href="https://github.com/jglovier/microframe" target="_blank">Micro Grid Based Wireframe PSD Template</a></h4>
<p><img class="alignnone size-full wp-image-20630" alt="Micro Grid Based Wireframe PSD Template" src="/wp-content/uploads/2013/06/Micro-Grid-Based-Wireframe-PSD-Template.jpg" width="525" height="301" /></p>
<h4><a href="http://unicode-table.com/en/" target="_blank">Unicode Character Table</a></h4>
<p><img class="alignnone size-full wp-image-20631" alt="Unicode Character Table" src="/wp-content/uploads/2013/06/Unicode-Character-Table.jpg" width="525" height="310" /></p>
<h4><a href="http://hitchjs.com/" target="_blank">Power To CSS With JavaScript: Hitch</a></h4>
<p><img class="alignnone size-full wp-image-20632" alt="Power To CSS With JavaScript Hitch" src="/wp-content/uploads/2013/06/Power-To-CSS-With-JavaScript-Hitch.jpg" width="525" height="266" /></p>
<h4 style="text-align: left;"><a href="http://www.gistboxapp.com/" target="_blank">Easily Organize Your Code Snippets with GistBox</a></h4>
<p><img class="alignnone size-full wp-image-20633" alt="Easily Organize Your Code Snippets with GistBox" src="/wp-content/uploads/2013/06/Easily-Organize-Your-Code-Snippets-with-GistBox.jpg" width="525" height="279" /></p>
<h4><a href="http://adamwhitcroft.com/offscreen/" target="_blank">Free city icons from Offscreen</a></h4>
<p><img class="alignnone size-full wp-image-20634" alt="Free city icons from Offscreen" src="/wp-content/uploads/2013/06/Free-city-icons-from-Offscreen.jpg" width="525" height="308" /></p>
<h4><a href="http://colourco.de/" target="_blank">Cool Webbased Free Tool To Find Your Color Scheme</a></h4>
<p><img class="alignnone size-full wp-image-20635" alt="Cool Webbased Free Tool To Find Your Color Scheme" src="/wp-content/uploads/2013/06/Cool-Webbased-Free-Tool-To-Find-Your-Color-Scheme.jpg" width="525" height="307" /></p>
<h4><a href="http://www.egrappler.com/free-premium-html5-facebook-template-facebuk/" target="_blank">Free Premium-like HTML5 Facebook Template: Facebuk</a></h4>
<p><img class="alignnone size-full wp-image-20636" alt="Free Premium-like HTML5 Facebook Template Facebuk" src="/wp-content/uploads/2013/06/Free-Premium-like-HTML5-Facebook-Template-Facebuk.jpg" width="525" height="265" /></p>
<h4><a href="http://themeforest.net/item/responsive-html-template-bound/3916639?ref=esarfraz" target="_blank">Responsive HTML Template &#8211; Bound</a></h4>
<p><img class="alignnone size-full wp-image-20637" alt="Responsive HTML Template - Bound" src="/wp-content/uploads/2013/06/Responsive-HTML-Template-Bound.jpg" width="525" height="312" /></p>
<div class="post-footer-info">Stay updated by subscribing to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, following us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</div>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/web-design-and-development-news-tutorials-and-tools-issue3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Learn jQuery For Free at jQuery Air</title>
		<link>http://greepit.com/learn-jquery-for-free-at-jquery-air/</link>
		<comments>http://greepit.com/learn-jquery-for-free-at-jquery-air/#comments</comments>
		<pubDate>Wed, 30 Nov 2011 20:53:14 +0000</pubDate>
		<dc:creator><![CDATA[Shahbaz]]></dc:creator>
				<category><![CDATA[Articles & Books]]></category>
		<category><![CDATA[Extras]]></category>
		<category><![CDATA[Free License]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=14114</guid>
		<description><![CDATA[jQuery Air is a new way to learn jQuery directly in the browser. Learning jQuery for the first time should be fun, and jQuery Air allows you to get your feet wet in the&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p><a href="http://jqueryair.com/" target="_blank"><strong>jQuery Air</strong></a> is a new way to <strong>learn jQuery</strong> directly in the browser. Learning jQuery for the first time should be fun, and jQuery Air allows you to get your feet wet in the most practical way possible.</p>
<p><img class="alignnone size-full wp-image-14115 imgborder" title="learn-jquery-for-free-at-jquery-air" src="/wp-content/uploads/2011/12/learn-jquery-for-free-at-jquery-air.jpg" alt="" width="525" height="253" /></p>
<p>You&#8217;ll watch five videos, each followed by code challenges where you&#8217;ll learn to code jQuery and apply principles directly in the browser.</p>
<p>The basic jQuery course is free however Code School offers advanced paid courses as well.</p>
<div class="killp">

<div class="killspaces"><strong>Special Downloads</strong><br />
<a href="/category/special-downloads/freebies-special-downloads/">Design Freebies</a><br />
<a href="/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><br />
<a href="/2010/06/creative-resume-template">Free Creative Resume Template</a><br />
<a href="/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><br />
<a href="/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/learn-jquery-for-free-at-jquery-air/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>7 Vows of Freelancers on Freelancers Day</title>
		<link>http://greepit.com/7-vows-of-freelancers-on-freelancers-day/</link>
		<comments>http://greepit.com/7-vows-of-freelancers-on-freelancers-day/#comments</comments>
		<pubDate>Fri, 23 Sep 2011 10:23:32 +0000</pubDate>
		<dc:creator><![CDATA[Shahbaz]]></dc:creator>
				<category><![CDATA[Articles & Books]]></category>
		<category><![CDATA[Information]]></category>
		<category><![CDATA[No License]]></category>
		<category><![CDATA[Event]]></category>
		<category><![CDATA[Freelancer]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=13209</guid>
		<description><![CDATA[Today on September 23, 2011, as we are observing International Freelancers Day, Greepit! is sharing a few useful ideas for freelancers and solo professionals. The inspiration for this pose came from observation that most&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p>Today on September 23, 2011, as we are observing <strong><a href="http://www.internationalfreelancersday.com/" target="_blank">International Freelancers Day</a></strong>, Greepit! is sharing a few <strong>useful ideas for freelancers and solo professionals</strong>.</p>
<p>The inspiration for this pose came from observation that most of the freelancers (very talented and creative) tend to work as ‘invisible professionals’ who deliver a lot of superb work but forget to establish their own identity. Ideas shared in this post are for all those modest freelancers to help them grow professionally and established their identity as visionaries, entrepreneurs and creative individuals; not just as ghost developers.</p>
<p><img class="alignnone size-full wp-image-13212 imgborder" title="7-vows-of-freelancers-on-freelancers-day" src="/wp-content/uploads/2011/09/7-vows-of-freelancers-on-freelancers-day.jpg" alt="" width="525" height="131" /></p>
<p><span id="more-13209"></span></p>
<p><strong>#1 Build your own product(s)</strong> – Since you have all the skills to design and develop creative products, why not build one for yourself. Who knows you could be the next Zuckerberg?</p>
<p><strong>#2 Make full use of social media</strong> – While you work solo in your attic room, perhaps the only window that opens towards the outside world in the social media that keeps you connected with your friends. Why not use it to establish your identity as independent professional? There are 101 ways to market yourself on facebook, twitter, Linkedin etc.</p>
<p><strong>#3 Share your knowledge</strong> – The knowledge and skills that you have acquired while working on several projects is definitely an asset. Why not share it with other? You can start a personal blog to share your knowledge. It could contain anything like short articles on the latest trends in the industry to video tutorials and useful code snippets. This would also help you establish your online identity. For inspirations and ideas, see <strong><a href="http://www.egrappler.com/" target="_blank">Shahbaz&#8217;s blog</a></strong>.</p>
<p><strong>#4 Review scrap, contribute to the open source</strong> – Freelancers often produce a lot of stuff (small applications, UI prototypes, plugins etc.) for their personal learning. Most of this stuff remains buried and gets deleted someday. Why not take some time, review all that stuff, modify it and contribute to the open source world?</p>
<p><strong>#5 Manage your finances</strong> – Learn to manage your finances. Get rid of spreadsheets and manual invoices. Get hold of some invoicing application (there are a lot of free invoicing software available online) and start managing your invoices professionally. Also make it a habit to review your finances (credit and debit) occasionally to stay updated on your expenses, income, savings, liabilities, and profit.</p>
<p><strong>#6 Improve soft skills</strong> – No matter how skilled you are in your profession, you must have good skills of communication, negotiation, dispute resolution, and people management to success as freelancer. Resolve to improve and learn these skills.</p>
<p><strong>#7 Update your portfolio</strong> – If you have a portfolio online, you must keep it updated with the latest work. Also get testimonials and publish them online. If you do not have an online portfolio, get one as soon as possible. No marketing effort, awesome business proposal or killer pitch would be complete without some real samples of your work.</p>
<div class="killp">
<div class="post-footer-info">These are some of the ideas that we could brainstorm today. If you have more ideas, do share in comments section below.</div>
<div class="killspaces"><strong>Special Downloads</strong><br />
<a href="/category/special-downloads/freebies-special-downloads/">Design Freebies</a><br />
<a href="/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><br />
<a href="/2010/06/creative-resume-template">Free Creative Resume Template</a><br />
<a href="/open-source-icons-gcons">Open Source Icons</a><br />
<a href="/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/7-vows-of-freelancers-on-freelancers-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to: 9 Tips to Engage Your Website Visitors</title>
		<link>http://greepit.com/how-to-9-tips-to-engage-your-website-visitors/</link>
		<comments>http://greepit.com/how-to-9-tips-to-engage-your-website-visitors/#comments</comments>
		<pubDate>Wed, 20 Jul 2011 07:42:35 +0000</pubDate>
		<dc:creator><![CDATA[Shahbaz]]></dc:creator>
				<category><![CDATA[Articles & Books]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tips and Tutorials]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=11968</guid>
		<description><![CDATA[The biggest challenge for web marketers, brand managers and organizations targeting at more sales and brand loyalty via Web is engaging their website visitors. By engaging, we mean getting website visitors to spend time&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p>The biggest challenge for web marketers, brand managers and organizations targeting at more sales and brand loyalty via Web is engaging their website visitors. By engaging, we mean getting website visitors to spend time on the website and get involved in it. The ultimate purpose is, of course, conversion.</p>
<p>What most marketers and brand promoters miss is the fact that the goal should not be keeping website visitors (prospects) engaged with ‘cool’ graphics; the <strong>goal should be getting website visitors to involve</strong>, and understand the message, and become a customer. There is no denying that good a copy, decent color scheme and attractive graphics <strong>grab the attention of website visitors</strong> but what makes them stay or come back to the website is something else. ‘Something else’ – that creates the desire to know more about the brand or own the product.</p>
<p><img class="alignnone size-full wp-image-12377 imgborder" title="tips-to-engage-website-visitors" src="/wp-content/uploads/2011/07/tips-to-engage-website-visitors.jpg" alt="" width="525" height="238" /></p>
<p>This post is intended to give you an insight into ‘something else’ that works.</p>
<p><span id="more-11968"></span></p>
<p><strong>The foremost step is tracking your visitors</strong>. Use Google Analytics or whatever tracking tool you prefer to track the number of visitors and the gap between new and returning visitors. Set goal values (for example, 1 new sign up against every 100 new visitors) and set a target for, say, the next quarter. Once you get raw statistics of visitors, you are ready to move on and experiment with your website to achieve your targets.</p>
<p><strong>The next step is starting conversations</strong>. Make is super easy for visitors to leave their feedback or comments. Whether you have a blog or a website, you should allow visitors to get involved by participating in a conversation or initiating a new thread. Remove barriers. Website visitors should not be required to create an account to leave comment. Allow them to use their twitter, facebook or Google account to get authenticated and participate in conversations.</p>
<p><strong>Allow your website visitors to use their existing profiles</strong> like Google or facebook to join or sign up. If you must register them with you, avoid long registration forms. Ask only for the information that you would really need.</p>
<p><img class="alignnone size-full wp-image-12380 imgborder" title="allow-visitors-to-use-their-existing-profiles" src="/wp-content/uploads/2011/07/allow-visitors-to-use-their-existing-profiles.jpg" alt="" width="525" height="318" /></p>
<p><strong>Allow your website visitors to stay up-to-date</strong> with your products, offerings or activities. Allow them to subscribe via RSS or follow you on facebook, twitters and other social networks. Also use Google Friend Connect, a very useful but a bit unappreciated tool.</p>
<p>Maintain a consistent and compelling twitter stream or Facebook updates on your facebook fan page to keep your fans, customers and prospects in the loop.</p>
<p><strong>Offer useful content</strong> – not just informative articles or breaking news but practical and useful content that your website visitors would love to download or use online. It could be a freebie, online service, royalty free images, printable cards or anything that relates to your business.</p>
<p><strong>Reward your customers</strong> or users with a royalty program or other offerings that compel them to use your products/services and recommend them to others.</p>
<p><img class="alignnone size-full wp-image-12376 imgborder" title="crowd-sourcing-techniques" src="/wp-content/uploads/2011/07/crowd-sourcing-techniques.jpg" alt="" width="525" height="300" /></p>
<p><strong>Use crowd sourcing techniques</strong> to engage your website visitors and existing customers to help you decide new offerings or even the redesign of your logo or website. It makes them a part of the team and the sense of a connection with the brand.</p>
<p>Make your website or blog easy to navigate, good on eyes and tasteful to read.</p>
<p>These are just a few ideas. We would like to hear more useful tips from you. Why not leave a comment and share your best tips?</p>
<div class="post-footer-info">Stay updated by subscribing to our <strong><a href="http://feeds.feedburner.com/greepit" target="_blank">Full RSS Feed</a></strong>, following us on <strong><a href="http://twitter.com/esarfraz" target="_blank">Twitter</a></strong> and <strong><a href="http://www.facebook.com/pages/Greepit/192290779945" target="_blank">Facebook</a></strong>.</div>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/how-to-9-tips-to-engage-your-website-visitors/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Learn jQuery and JavaScript: Free On-Demand Training</title>
		<link>http://greepit.com/learn-jquery-and-javascript-free-on-demand-training/</link>
		<comments>http://greepit.com/learn-jquery-and-javascript-free-on-demand-training/#comments</comments>
		<pubDate>Sat, 09 Jul 2011 10:47:38 +0000</pubDate>
		<dc:creator><![CDATA[Shahbaz]]></dc:creator>
				<category><![CDATA[Articles & Books]]></category>
		<category><![CDATA[Free License]]></category>
		<category><![CDATA[Tips and Tutorials]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://greepit.com/?p=12229</guid>
		<description><![CDATA[appendTo was founded based on the growing need for quality jQuery training and support and this site was created specifically to fulfill that training need. appendTo helps developers to learn jQuery and JavaScript and&#46;&#46;&#46;]]></description>
				<content:encoded><![CDATA[<p><strong><a href="http://learn.appendto.com/" target="_blank">appendTo</a></strong> was founded based on the growing need for <strong>quality jQuery training and support </strong>and this site was created specifically to fulfill that training need.</p>
<p><img class="alignnone size-full wp-image-12230 imgborder" title="Learn jQuery and JavaScript: Free On-Demand Training" src="/wp-content/uploads/2011/07/learn-jquery-and-javascript-free-on-demand-training.jpg" alt="" width="525" height="210" /></p>
<p>appendTo helps developers to <strong>learn jQuery and JavaScript</strong> and level up their jQuery and JavaScript skills with on demand, pragmatic training solution.</p>
<p>Learn at your own pace with on-demand content, you only need 10 minutes to catch a free screencast. Go interactive and write some code, review your progress and decide what to learn next.</p>
<div class="killp">

<div class="killspaces"><strong>Special Downloads</strong><br />
<a href="/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><br />
<a href="/2010/06/creative-resume-template">Free Creative Resume Template</a><br />
<a href="/open-source-icons-gcons">Open Source Icons</a><br />
<a href="/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://greepit.com/learn-jquery-and-javascript-free-on-demand-training/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
