  
<div class="main-wrapper">
<div class="cat-cover-box archive-cover-box">
<div class="archive-cover-content">
<h1 class="category-title uppercase">Category: Tutorials</h1> </div>
</div>
<div id="page">
<div class="main-content trlayout">
<div class="archive-page">
<div id="content" class="content-area archive-content-area" role="main">
<div class="content content-archive ">
<article class="post-1108 post type-post status-publish format-standard has-post-thumbnail hentry category-resources category-coding category-tutorials tag-html tag-development">
<div id="post-1108" class="post-box">
<div class="post-meta-top"> <div class="post-cats uppercase">
<span>
<a href="http://thedesignpixel.com/category/resources/" title="View all posts in Resources">Resources</a> </span>
</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <a href="http://thedesignpixel.com/useful-tutorials-for-developing-html5-web-browser-games/" title="30 Useful Tutorials for Developing HTML5 Web Browser Games" class="featured-thumbnail featured-thumbnail-big">
<img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Build-a-Racing-Game-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Build a Racing Game" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Build-a-Racing-Game-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Build-a-Racing-Game-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Build-a-Racing-Game-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/><noscript><img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Build-a-Racing-Game-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Build a Racing Game" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Build-a-Racing-Game-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Build-a-Racing-Game-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Build-a-Racing-Game-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/></noscript> <div class="fhover"></div>
</a>
<div class="post-inner">
<header>
<h2 class="title entry-title">
<a href="http://thedesignpixel.com/useful-tutorials-for-developing-html5-web-browser-games/" title="30 Useful Tutorials for Developing HTML5 Web Browser Games" rel="bookmark">30 Useful Tutorials for Developing HTML5 Web Browser Games</a>
</h2>
<div class="post-meta-left">
<div class="post-meta">
<span class="post-author"><i class="fa fa-user"></i><a href="http://thedesignpixel.com/author/the-design-pixel/" title="Posts by The Design Pixel" rel="author">The Design Pixel</a></span>
<span class="post-tags"><i class="fa fa-tag"></i> <a href="http://thedesignpixel.com/tag/html/" rel="tag">HTML</a>, <a href="http://thedesignpixel.com/tag/development/" rel="tag">Development</a></span> <span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/useful-tutorials-for-developing-html5-web-browser-games/#respond" class="comments-link">Leave a Comment</a></span>
</div> </div> </header>  <div class="post-content entry-content">
<p>Hyper Text Markup language is the most widely used webpage and website development platform throughout the web! There were some limitations about it, which made the developers look for separate platforms, but with the introduction of the HTML5, the latest</p>
<div class="read-more">
<a href="http://thedesignpixel.com/useful-tutorials-for-developing-html5-web-browser-games/" title="30 Useful Tutorials for Developing HTML5 Web Browser Games" rel="bookmark">Read More</a>
</div> </div> 
</div> 
</div> 
</article> <article class="post-1078 post type-post status-publish format-standard has-post-thumbnail hentry category-graphics category-tutorials tag-adobe tag-illustrator tag-photoshop">
<div id="post-1078" class="post-box">
<div class="post-meta-top"> <div class="post-cats uppercase">
<span>
<a href="http://thedesignpixel.com/category/graphics/" title="View all posts in Graphics">Graphics</a> </span>
</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <a href="http://thedesignpixel.com/easy-to-follow-motion-graphics-tutorials/" title="25+ Easy-to-Follow Motion Graphics Tutorials" class="featured-thumbnail featured-thumbnail-big">
<img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Monochromatic-Logo-Animation-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Monochromatic Logo Animation" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Monochromatic-Logo-Animation-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Monochromatic-Logo-Animation-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Monochromatic-Logo-Animation-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/><noscript><img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Monochromatic-Logo-Animation-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Monochromatic Logo Animation" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Monochromatic-Logo-Animation-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Monochromatic-Logo-Animation-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Monochromatic-Logo-Animation-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/></noscript> <div class="fhover"></div>
</a>
<div class="post-inner">
<header>
<h2 class="title entry-title">
<a href="http://thedesignpixel.com/easy-to-follow-motion-graphics-tutorials/" title="25+ Easy-to-Follow Motion Graphics Tutorials" rel="bookmark">25+ Easy-to-Follow Motion Graphics Tutorials</a>
</h2>
<div class="post-meta-left">
<div class="post-meta">
<span class="post-author"><i class="fa fa-user"></i><a href="http://thedesignpixel.com/author/the-design-pixel/" title="Posts by The Design Pixel" rel="author">The Design Pixel</a></span>
<span class="post-tags"><i class="fa fa-tag"></i> <a href="http://thedesignpixel.com/tag/adobe/" rel="tag">Adobe</a>, <a href="http://thedesignpixel.com/tag/illustrator/" rel="tag">Illustrator</a>, <a href="http://thedesignpixel.com/tag/photoshop/" rel="tag">Photoshop</a></span> <span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/easy-to-follow-motion-graphics-tutorials/#respond" class="comments-link">Leave a Comment</a></span>
</div> </div> </header>  <div class="post-content entry-content">
<p>The use of motion graphics became viral in the Mid 2012 with them being used almost everywhere you can imagine. YouTube video intros, advertising,&nbsp; Movie trailers, Video game promos, Video games itself, they were being used like everywhere for anything</p>
<div class="read-more">
<a href="http://thedesignpixel.com/easy-to-follow-motion-graphics-tutorials/" title="25+ Easy-to-Follow Motion Graphics Tutorials" rel="bookmark">Read More</a>
</div> </div> 
</div> 
</div> 
</article> <article class="post-1048 post type-post status-publish format-standard has-post-thumbnail hentry category-tutorials tag-css tag-html tag-development tag-adobe">
<div id="post-1048" class="post-box">
<div class="post-meta-top"> <div class="post-cats uppercase">
<span>
<a href="http://thedesignpixel.com/category/tutorials/" title="View all posts in Tutorials">Tutorials</a> </span>
</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <a href="http://thedesignpixel.com/best-adobe-dreamweaver-cs6-tutorials-for-web-designers/" title="25 Best Adobe Dreamweaver CS6 Tutorials for Web Designers" class="featured-thumbnail featured-thumbnail-big">
<img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features-200x200.png" class="attachment-200x200 size-200x200 wp-post-image" alt="Guide to New Dreamweaver CS6 Features" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features-65x65.png 65w" sizes="(max-width: 200px) 100vw, 200px"/><noscript><img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features-200x200.png" class="attachment-200x200 size-200x200 wp-post-image" alt="Guide to New Dreamweaver CS6 Features" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features-65x65.png 65w" sizes="(max-width: 200px) 100vw, 200px"/></noscript> <div class="fhover"></div>
</a>
<div class="post-inner">
<header>
<h2 class="title entry-title">
<a href="http://thedesignpixel.com/best-adobe-dreamweaver-cs6-tutorials-for-web-designers/" title="25 Best Adobe Dreamweaver CS6 Tutorials for Web Designers" rel="bookmark">25 Best Adobe Dreamweaver CS6 Tutorials for Web Designers</a>
</h2>
<div class="post-meta-left">
<div class="post-meta">
<span class="post-author"><i class="fa fa-user"></i><a href="http://thedesignpixel.com/author/the-design-pixel/" title="Posts by The Design Pixel" rel="author">The Design Pixel</a></span>
<span class="post-tags"><i class="fa fa-tag"></i> <a href="http://thedesignpixel.com/tag/css/" rel="tag">CSS</a>, <a href="http://thedesignpixel.com/tag/html/" rel="tag">HTML</a>, <a href="http://thedesignpixel.com/tag/development/" rel="tag">Development</a>, <a href="http://thedesignpixel.com/tag/adobe/" rel="tag">Adobe</a></span> <span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/best-adobe-dreamweaver-cs6-tutorials-for-web-designers/#respond" class="comments-link">Leave a Comment</a></span>
</div> </div> </header>  <div class="post-content entry-content">
<p>Website development requires a lot of concentration and quickness. And, achieving both of them together is not as easy as it sounds. It is not so easy to keep on coding and developing your website&rsquo;s web pages in Notepad, that</p>
<div class="read-more">
<a href="http://thedesignpixel.com/best-adobe-dreamweaver-cs6-tutorials-for-web-designers/" title="25 Best Adobe Dreamweaver CS6 Tutorials for Web Designers" rel="bookmark">Read More</a>
</div> </div> 
</div> 
</div> 
</article> <article class="post-215 post type-post status-publish format-standard has-post-thumbnail hentry category-graphics category-tutorials tag-adobe tag-illustrator">
<div id="post-215" class="post-box">
<div class="post-meta-top"> <div class="post-cats uppercase">
<span>
<a href="http://thedesignpixel.com/category/graphics/" title="View all posts in Graphics">Graphics</a> </span>
</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <a href="http://thedesignpixel.com/useful-adobe-illustrator-tutorials/" title="105+ Useful Adobe Illustrator Tutorials Every Designer Should Checkout" class="featured-thumbnail featured-thumbnail-big">
<img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Design-an-isometric-infographic-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Design an isometric infographic" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Design-an-isometric-infographic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Design-an-isometric-infographic-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Design-an-isometric-infographic-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/><noscript><img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Design-an-isometric-infographic-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Design an isometric infographic" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Design-an-isometric-infographic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Design-an-isometric-infographic-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Design-an-isometric-infographic-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/></noscript> <div class="fhover"></div>
</a>
<div class="post-inner">
<header>
<h2 class="title entry-title">
<a href="http://thedesignpixel.com/useful-adobe-illustrator-tutorials/" title="105+ Useful Adobe Illustrator Tutorials Every Designer Should Checkout" rel="bookmark">105+ Useful Adobe Illustrator Tutorials Every Designer Should Checkout</a>
</h2>
<div class="post-meta-left">
<div class="post-meta">
<span class="post-author"><i class="fa fa-user"></i><a href="http://thedesignpixel.com/author/the-design-pixel/" title="Posts by The Design Pixel" rel="author">The Design Pixel</a></span>
<span class="post-tags"><i class="fa fa-tag"></i> <a href="http://thedesignpixel.com/tag/adobe/" rel="tag">Adobe</a>, <a href="http://thedesignpixel.com/tag/illustrator/" rel="tag">Illustrator</a></span> <span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/useful-adobe-illustrator-tutorials/#respond" class="comments-link">Leave a Comment</a></span>
</div> </div> </header>  <div class="post-content entry-content">
<p>Adobe Illustrator is one of the most popular software applications in the design industry. As a counterpart to Adobe Photoshop, which specializes in raster graphics, Illustrator is considered one of the best vector graphics editors currently available in the market.</p>
<div class="read-more">
<a href="http://thedesignpixel.com/useful-adobe-illustrator-tutorials/" title="105+ Useful Adobe Illustrator Tutorials Every Designer Should Checkout" rel="bookmark">Read More</a>
</div> </div> 
</div> 
</div> 
</article> <article class="post-770 post type-post status-publish format-standard has-post-thumbnail hentry category-coding category-design category-tutorials tag-css tag-html tag-development tag-photoshop">
<div id="post-770" class="post-box">
<div class="post-meta-top"> <div class="post-cats uppercase">
<span>
<a href="http://thedesignpixel.com/category/coding/" title="View all posts in Coding">Coding</a> </span>
</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <a href="http://thedesignpixel.com/easy-to-follow-psd-to-html-css-tutorials/" title="10 Excellent Easy to Follow PSD to HTML CSS Tutorials" class="featured-thumbnail featured-thumbnail-big">
<img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Designing a Highly Professional Website, From the Sketch to the Code" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/><noscript><img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Designing a Highly Professional Website, From the Sketch to the Code" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/></noscript> <div class="fhover"></div>
</a>
<div class="post-inner">
<header>
<h2 class="title entry-title">
<a href="http://thedesignpixel.com/easy-to-follow-psd-to-html-css-tutorials/" title="10 Excellent Easy to Follow PSD to HTML CSS Tutorials" rel="bookmark">10 Excellent Easy to Follow PSD to HTML CSS Tutorials</a>
</h2>
<div class="post-meta-left">
<div class="post-meta">
<span class="post-author"><i class="fa fa-user"></i><a href="http://thedesignpixel.com/author/the-design-pixel/" title="Posts by The Design Pixel" rel="author">The Design Pixel</a></span>
<span class="post-tags"><i class="fa fa-tag"></i> <a href="http://thedesignpixel.com/tag/css/" rel="tag">CSS</a>, <a href="http://thedesignpixel.com/tag/html/" rel="tag">HTML</a>, <a href="http://thedesignpixel.com/tag/development/" rel="tag">Development</a>, <a href="http://thedesignpixel.com/tag/photoshop/" rel="tag">Photoshop</a></span> <span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/easy-to-follow-psd-to-html-css-tutorials/#respond" class="comments-link">Leave a Comment</a></span>
</div> </div> </header>  <div class="post-content entry-content">
<p>Have you ever made a design in Photoshop that worked as a possible layout for a future website that the customer plans to develop? I know you are nodding the head in agreement. Photoshop is an amazing tool to make</p>
<div class="read-more">
<a href="http://thedesignpixel.com/easy-to-follow-psd-to-html-css-tutorials/" title="10 Excellent Easy to Follow PSD to HTML CSS Tutorials" rel="bookmark">Read More</a>
</div> </div> 
</div> 
</div> 
</article> <article class="post-498 post type-post status-publish format-standard has-post-thumbnail hentry category-graphics category-tutorials tag-photoshop tag-typography">
<div id="post-498" class="post-box">
<div class="post-meta-top"> <div class="post-cats uppercase">
<span>
<a href="http://thedesignpixel.com/category/graphics/" title="View all posts in Graphics">Graphics</a> </span>
</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <a href="http://thedesignpixel.com/fresh-photoshop-text-effect-tutorials/" title="35+ Fresh Photoshop Text Effect Tutorials" class="featured-thumbnail featured-thumbnail-big">
<img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/03/How-to-Create-Colorful-Wooden-3D-Text-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="How to Create Colorful Wooden 3D Text" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/How-to-Create-Colorful-Wooden-3D-Text-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/How-to-Create-Colorful-Wooden-3D-Text-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/How-to-Create-Colorful-Wooden-3D-Text-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/><noscript></noscript> <div class="fhover"></div>
</a>
<div class="post-inner">
<header>
<h2 class="title entry-title">
<a href="http://thedesignpixel.com/fresh-photoshop-text-effect-tutorials/" title="35+ Fresh Photoshop Text Effect Tutorials" rel="bookmark">35+ Fresh Photoshop Text Effect Tutorials</a>
</h2>
<div class="post-meta-left">
<div class="post-meta">
<span class="post-author"><i class="fa fa-user"></i><a href="http://thedesignpixel.com/author/the-design-pixel/" title="Posts by The Design Pixel" rel="author">The Design Pixel</a></span>
<span class="post-tags"><i class="fa fa-tag"></i> <a href="http://thedesignpixel.com/tag/photoshop/" rel="tag">Photoshop</a>, <a href="http://thedesignpixel.com/tag/typography/" rel="tag">Typography</a></span> <span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/fresh-photoshop-text-effect-tutorials/#respond" class="comments-link">Leave a Comment</a></span>
</div> </div> </header>  <div class="post-content entry-content">
<p>Have you ever designed a logo and thought how amazingly beautiful it would have looked in 3D or other fancy effects? I am here to fulfill that dream of yours. You can make any typography come to life with a</p>
<div class="read-more">
<a href="http://thedesignpixel.com/fresh-photoshop-text-effect-tutorials/" title="35+ Fresh Photoshop Text Effect Tutorials" rel="bookmark">Read More</a>
</div> </div> 
</div> 
</div> 
</article> <article class="post-354 post type-post status-publish format-standard has-post-thumbnail hentry category-graphics category-tutorials tag-photoshop tag-typography">
<div id="post-354" class="post-box">
<div class="post-meta-top"> <div class="post-cats uppercase">
<span>
<a href="http://thedesignpixel.com/category/graphics/" title="View all posts in Graphics">Graphics</a> </span>
</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/" title="20 Most Useful 3D Text Effect Photoshop Tutorials" class="featured-thumbnail featured-thumbnail-big">
<img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Create an Autumn-Themed 3D Text Effect With Photoshop CS6 Extended" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/><noscript></noscript> <div class="fhover"></div>
</a>
<div class="post-inner">
<header>
<h2 class="title entry-title">
<a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/" title="20 Most Useful 3D Text Effect Photoshop Tutorials" rel="bookmark">20 Most Useful 3D Text Effect Photoshop Tutorials</a>
</h2>
<div class="post-meta-left">
<div class="post-meta">
<span class="post-author"><i class="fa fa-user"></i><a href="http://thedesignpixel.com/author/the-design-pixel/" title="Posts by The Design Pixel" rel="author">The Design Pixel</a></span>
<span class="post-tags"><i class="fa fa-tag"></i> <a href="http://thedesignpixel.com/tag/photoshop/" rel="tag">Photoshop</a>, <a href="http://thedesignpixel.com/tag/typography/" rel="tag">Typography</a></span> <span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/#comments" class="comments-link">1 Comment</a></span>
</div> </div> </header>  <div class="post-content entry-content">
<p>3D text is taken very seriously by designers today as it shows your expertise in font selection and their placement on the whole design. Working along with Photoshop and especially with 3D Text it can be really difficult, as getting</p>
<div class="read-more">
<a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/" title="20 Most Useful 3D Text Effect Photoshop Tutorials" rel="bookmark">Read More</a>
</div> </div> 
</div> 
</div> 
</article> <article class="post-73 post type-post status-publish format-standard has-post-thumbnail hentry category-coding category-tutorials tag-jquery tag-css tag-plugins">
<div id="post-73" class="post-box">
<div class="post-meta-top"> <div class="post-cats uppercase">
<span>
<a href="http://thedesignpixel.com/category/coding/" title="View all posts in Coding">Coding</a> </span>
</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <a href="http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/" title="15 Free CSS jQuery Tabs Plugin And Tutorials" class="featured-thumbnail featured-thumbnail-big">
<img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="jquery-plugins" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/><noscript><img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/jquery-plugins-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="jquery-plugins" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/></noscript> <div class="fhover"></div>
</a>
<div class="post-inner">
<header>
<h2 class="title entry-title">
<a href="http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/" title="15 Free CSS jQuery Tabs Plugin And Tutorials" rel="bookmark">15 Free CSS jQuery Tabs Plugin And Tutorials</a>
</h2>
<div class="post-meta-left">
<div class="post-meta">
<span class="post-author"><i class="fa fa-user"></i><a href="http://thedesignpixel.com/author/the-design-pixel/" title="Posts by The Design Pixel" rel="author">The Design Pixel</a></span>
<span class="post-tags"><i class="fa fa-tag"></i> <a href="http://thedesignpixel.com/tag/jquery/" rel="tag">jQuery</a>, <a href="http://thedesignpixel.com/tag/css/" rel="tag">CSS</a>, <a href="http://thedesignpixel.com/tag/plugins/" rel="tag">Plugins</a></span> <span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/#comments" class="comments-link">1 Comment</a></span>
</div> </div> </header>  <div class="post-content entry-content">
<p>One of the most challenging parts of the web designing is to create navigation menus, which help to provide the most important links on the web page without overwhelming the users. Because it&#8217;s very important to maintain the proper balance</p>
<div class="read-more">
<a href="http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/" title="15 Free CSS jQuery Tabs Plugin And Tutorials" rel="bookmark">Read More</a>
</div> </div> 
</div> 
</div> 
</article> <article class="post-50 post type-post status-publish format-standard has-post-thumbnail hentry category-coding category-tutorials tag-jquery">
<div id="post-50" class="post-box">
<div class="post-meta-top"> <div class="post-cats uppercase">
<span>
<a href="http://thedesignpixel.com/category/coding/" title="View all posts in Coding">Coding</a> </span>
</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <a href="http://thedesignpixel.com/best-jquery-parallax-scrolling-tutorials/" title="20 Best jQuery Parallax Scrolling Tutorials" class="featured-thumbnail featured-thumbnail-big">
<img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Parallax Effect" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/><noscript><img width="200" height="200" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-Effect-200x200.jpg" class="attachment-200x200 size-200x200 wp-post-image" alt="Parallax Effect" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect-65x65.jpg 65w" sizes="(max-width: 200px) 100vw, 200px"/></noscript> <div class="fhover"></div>
</a>
<div class="post-inner">
<header>
<h2 class="title entry-title">
<a href="http://thedesignpixel.com/best-jquery-parallax-scrolling-tutorials/" title="20 Best jQuery Parallax Scrolling Tutorials" rel="bookmark">20 Best jQuery Parallax Scrolling Tutorials</a>
</h2>
<div class="post-meta-left">
<div class="post-meta">
<span class="post-author"><i class="fa fa-user"></i><a href="http://thedesignpixel.com/author/the-design-pixel/" title="Posts by The Design Pixel" rel="author">The Design Pixel</a></span>
<span class="post-tags"><i class="fa fa-tag"></i> <a href="http://thedesignpixel.com/tag/jquery/" rel="tag">jQuery</a></span> <span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/best-jquery-parallax-scrolling-tutorials/#respond" class="comments-link">Leave a Comment</a></span>
</div> </div> </header>  <div class="post-content entry-content">
<p>Web designing is the most interesting field of the present time, where more and more people started their career to be a successful web designer. Not only the people want to be a part of this community, but it always</p>
<div class="read-more">
<a href="http://thedesignpixel.com/best-jquery-parallax-scrolling-tutorials/" title="20 Best jQuery Parallax Scrolling Tutorials" rel="bookmark">Read More</a>
</div> </div> 
</div> 
</div> 
</article>  </div> 
<nav class="navigation paging-navigation" role="navigation">
<div class="pagination loop-pagination">
<a class="prev page-numbers" href="http://thedesignpixel.com/category/tutorials/">&larr; Previous</a>
<a class='page-numbers' href='http://thedesignpixel.com/category/tutorials/'>1</a>
<span class='page-numbers current'>2</span> </div> 
</nav> 
</div> 
<aside class="sidebar">
<div id="sidebar">
 
<div id="tabs-widget">
<ul id="tabs">
<li class="active"><a href="#tab1"><span>Popular</span></a></li>
<li class="recent-tab"><a href="#tab2"><span>Recent</span></a></li>
</ul>
<div id="tabs-content">
<div id="tab1" class="popular-posts tab-content" style="display: block;">
<ul>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Firefish-Photoshop-Tutorial" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Firefish-Photoshop-Tutorial" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/" title="50 Useful Photoshop Logo Design Tutorials">50 Useful Photoshop Logo Design Tutorials</a></span>
<span class="meta">
<time datetime="2014-04-19T05:49:32+00:00"><i class="fa fa-clock-o"></i> April 19, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/#comments" class="comments-link">5</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/free-responsive-html5-css3-website-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Responsive-Bootstrap-Template" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Responsive-Bootstrap-Template" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/free-responsive-html5-css3-website-templates/" title="145+ Free Responsive HTML5 CSS3 Website Templates">145+ Free Responsive HTML5 CSS3 Website Templates</a></span>
<span class="meta">
<time datetime="2014-07-24T05:17:39+00:00"><i class="fa fa-clock-o"></i> July 24, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-responsive-html5-css3-website-templates/#comments" class="comments-link">4</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/useful-project-management-tools/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Planzone" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Planzone-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Planzone" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/useful-project-management-tools/" title="40 Useful Project Management Tools">40 Useful Project Management Tools</a></span>
<span class="meta">
<time datetime="2014-09-08T05:29:43+00:00"><i class="fa fa-clock-o"></i> September 8, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/useful-project-management-tools/#comments" class="comments-link">4</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="alyssa" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/alyssa-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="alyssa" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/" title="35+ Free Coming Soon and Under Construction Templates">35+ Free Coming Soon and Under Construction Templates</a></span>
<span class="meta">
<time datetime="2014-04-07T18:57:23+00:00"><i class="fa fa-clock-o"></i> April 7, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/#comments" class="comments-link">3</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Nvaccess" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/12/Nvaccess-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Nvaccess" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/" title="12 Free Text To Speech Voice Conversion Tools">12 Free Text To Speech Voice Conversion Tools</a></span>
<span class="meta">
<time datetime="2014-12-15T11:07:43+00:00"><i class="fa fa-clock-o"></i> December 15, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/#comments" class="comments-link">3</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="EllaTheme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/EllaTheme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="EllaTheme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/" title="20 Premium Responsive and Mobile Website Templates">20 Premium Responsive and Mobile Website Templates</a></span>
<span class="meta">
<time datetime="2015-01-28T20:57:55+00:00"><i class="fa fa-clock-o"></i> January 28, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/#comments" class="comments-link">2</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/best-free-responsive-blogger-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Vista-best-WordPress-theme-2014" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Vista-best-WordPress-theme-2014" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/best-free-responsive-blogger-templates/" title="45+ Best Free Responsive Blogger Templates">45+ Best Free Responsive Blogger Templates</a></span>
<span class="meta">
<time datetime="2014-08-15T15:03:22+00:00"><i class="fa fa-clock-o"></i> August 15, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/best-free-responsive-blogger-templates/#comments" class="comments-link">2</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/free-responsive-education-html-web-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/12/Knowledge-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Knowledge" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/12/Knowledge-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/12/Knowledge-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/12/Knowledge-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/free-responsive-education-html-web-templates/" title="15+ Free Responsive Education HTML Web Templates">15+ Free Responsive Education HTML Web Templates</a></span>
<span class="meta">
<time datetime="2014-12-29T05:54:30+00:00"><i class="fa fa-clock-o"></i> December 29, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-responsive-education-html-web-templates/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/creative-examples-of-mobile-web-designs-for-inspiration/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-Great-Calorie-Drive-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Great Calorie Drive" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-Great-Calorie-Drive-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-Great-Calorie-Drive-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-Great-Calorie-Drive-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/creative-examples-of-mobile-web-designs-for-inspiration/" title="65 Creative Examples of Mobile Web Designs for Inspiration">65 Creative Examples of Mobile Web Designs for Inspiration</a></span>
<span class="meta">
<time datetime="2014-06-11T03:54:59+00:00"><i class="fa fa-clock-o"></i> June 11, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/creative-examples-of-mobile-web-designs-for-inspiration/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/best-free-wireframing-tools-for-designers/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Axure RP" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Axure-RP-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Axure RP" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/best-free-wireframing-tools-for-designers/" title="8 Best Free Wireframing Tools for Designers">8 Best Free Wireframing Tools for Designers</a></span>
<span class="meta">
<time datetime="2014-06-20T02:12:33+00:00"><i class="fa fa-clock-o"></i> June 20, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/best-free-wireframing-tools-for-designers/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/creative-examples-of-parallax-scrolling-web-designs/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The ONE" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/The-ONE-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The ONE" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/creative-examples-of-parallax-scrolling-web-designs/" title="55+ Creative Examples of Parallax Scrolling Web Designs">55+ Creative Examples of Parallax Scrolling Web Designs</a></span>
<span class="meta">
<time datetime="2014-06-08T13:13:40+00:00"><i class="fa fa-clock-o"></i> June 8, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/creative-examples-of-parallax-scrolling-web-designs/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/best-ruby-on-rails-cms-content-management-systems/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/09/Webiva-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Webiva" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/09/Webiva-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/09/Webiva-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/09/Webiva-65x65.png 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/best-ruby-on-rails-cms-content-management-systems/" title="13 Best Ruby On Rails CMS (Content Management Systems)">13 Best Ruby On Rails CMS (Content Management Systems)</a></span>
<span class="meta">
<time datetime="2014-09-23T05:40:24+00:00"><i class="fa fa-clock-o"></i> September 23, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/coding/" rel="category tag">Coding</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/best-ruby-on-rails-cms-content-management-systems/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/04/The-Weathertron-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Weathertron" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/The-Weathertron-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/The-Weathertron-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/The-Weathertron-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/" title="25+ Responsive Mobile App Landing Pages for Inspiration">25+ Responsive Mobile App Landing Pages for Inspiration</a></span>
<span class="meta">
<time datetime="2014-04-01T05:47:13+00:00"><i class="fa fa-clock-o"></i> April 1, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/top-best-premium-web-hosting-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Green Servers Responsive Hosting Store OpenCart Template" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Green Servers Responsive Hosting Store OpenCart Template" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/top-best-premium-web-hosting-templates/" title="Top 20 Best Premium Web Hosting Templates">Top 20 Best Premium Web Hosting Templates</a></span>
<span class="meta">
<time datetime="2014-07-20T04:34:20+00:00"><i class="fa fa-clock-o"></i> July 20, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/top-best-premium-web-hosting-templates/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/fresh-useful-css3-tutorials-techniques/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/05/CSS3-Filters-Altering-HTML-and-Images-with-just-CSS-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="CSS3 Filters Altering HTML and Images with just CSS" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/05/CSS3-Filters-Altering-HTML-and-Images-with-just-CSS-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/05/CSS3-Filters-Altering-HTML-and-Images-with-just-CSS-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/05/CSS3-Filters-Altering-HTML-and-Images-with-just-CSS-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/fresh-useful-css3-tutorials-techniques/" title="45+ Fresh &#038; Useful CSS3 Tutorials &#038; Techniques">45+ Fresh &#038; Useful CSS3 Tutorials &#038; Techniques</a></span>
<span class="meta">
<time datetime="2014-05-07T05:34:32+00:00"><i class="fa fa-clock-o"></i> May 7, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/coding/" rel="category tag">Coding</a>, <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/fresh-useful-css3-tutorials-techniques/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
</ul>
</div>
<div id="tab2" class="recent-posts tab-content">
<ul>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/choosing-a-typeface-measuring-content-roi-site-launch-checklist-and-more/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/choosing-a-typeface-measuring-content-roi-site-launch-checklist-and-more/" title="Choosing a Typeface, Measuring Content ROI, Site Launch Checklist, and more">Choosing a Typeface, Measuring Content ROI, Site Launch Checklist, and more</a></span>
<span class="meta">
<time datetime="2015-11-09T13:12:32+00:00"><i class="fa fa-clock-o"></i> November 9, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a>, <a href="http://thedesignpixel.com/category/roundups/" rel="category tag">Roundups</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/choosing-a-typeface-measuring-content-roi-site-launch-checklist-and-more/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/free-stunning-website-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="About" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/About-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="About" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/free-stunning-website-templates/" title="30 Stunning Website Templates for Free">30 Stunning Website Templates for Free</a></span>
<span class="meta">
<time datetime="2015-11-02T11:31:37+00:00"><i class="fa fa-clock-o"></i> November 2, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-stunning-website-templates/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/version-control-for-wordpress-onboarding-experiences-interpreting-bounce-rate-and-more/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/version-control-for-wordpress-onboarding-experiences-interpreting-bounce-rate-and-more/" title="Version Control for WordPress, Onboarding Experiences, Interpreting Bounce Rate, and more">Version Control for WordPress, Onboarding Experiences, Interpreting Bounce Rate, and more</a></span>
<span class="meta">
<time datetime="2015-10-27T11:32:34+00:00"><i class="fa fa-clock-o"></i> October 27, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/roundups/" rel="category tag">Roundups</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/version-control-for-wordpress-onboarding-experiences-interpreting-bounce-rate-and-more/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/svg-tools-breadcrumbs-sitelinks/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/svg-tools-breadcrumbs-sitelinks/" title="SVG Tools, Breadcrumbs, Sitelinks">SVG Tools, Breadcrumbs, Sitelinks</a></span>
<span class="meta">
<time datetime="2015-10-20T11:45:28+00:00"><i class="fa fa-clock-o"></i> October 20, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/roundups/" rel="category tag">Roundups</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/svg-tools-breadcrumbs-sitelinks/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/joomla-templates-for-your-current-web-project/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="54552-joom-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/09/54552-joom-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="54552-joom-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/joomla-templates-for-your-current-web-project/" title="30 Joomla Templates for Your Current Web Project">30 Joomla Templates for Your Current Web Project</a></span>
<span class="meta">
<time datetime="2015-09-22T10:40:11+00:00"><i class="fa fa-clock-o"></i> September 22, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/joomla-templates-for-your-current-web-project/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/the-importance-of-proactive-server-management/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="13844115693_9407d8ab8f_servers" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="13844115693_9407d8ab8f_servers" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/the-importance-of-proactive-server-management/" title="The Importance of Proactive Server Management">The Importance of Proactive Server Management</a></span>
<span class="meta">
<time datetime="2015-08-04T15:22:44+00:00"><i class="fa fa-clock-o"></i> August 4, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/the-importance-of-proactive-server-management/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/20-fresh-photoshop-text-effects-for-web-designers/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Plump Text Effect" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/07/Plump-Text-Effect-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Plump Text Effect" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/20-fresh-photoshop-text-effects-for-web-designers/" title="20 Fresh Photoshop Text Effects for Web Designers">20 Fresh Photoshop Text Effects for Web Designers</a></span>
<span class="meta">
<time datetime="2015-07-20T04:59:26+00:00"><i class="fa fa-clock-o"></i> July 20, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/20-fresh-photoshop-text-effects-for-web-designers/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/35-free-responsive-wordpress-themes-for-2015/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Arcade Basic" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/07/Arcade-Basic-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Arcade Basic" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/35-free-responsive-wordpress-themes-for-2015/" title="35+ Free Responsive WordPress Themes for 2015">35+ Free Responsive WordPress Themes for 2015</a></span>
<span class="meta">
<time datetime="2015-07-06T12:53:12+00:00"><i class="fa fa-clock-o"></i> July 6, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/35-free-responsive-wordpress-themes-for-2015/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/30-stylish-wordpress-themes-with-pretty-backgrounds/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="53676-wp-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/05/53676-wp-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="53676-wp-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/30-stylish-wordpress-themes-with-pretty-backgrounds/" title="30 Stylish WordPress Themes With Pretty Backgrounds">30 Stylish WordPress Themes With Pretty Backgrounds</a></span>
<span class="meta">
<time datetime="2015-05-04T20:09:36+00:00"><i class="fa fa-clock-o"></i> May 4, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/30-stylish-wordpress-themes-with-pretty-backgrounds/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/top-20-facebook-layouts-on-the-web/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="46880-facebook-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/05/46880-facebook-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="46880-facebook-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/top-20-facebook-layouts-on-the-web/" title="Top 20 Facebook Layouts On The Web">Top 20 Facebook Layouts On The Web</a></span>
<span class="meta">
<time datetime="2015-05-04T19:31:57+00:00"><i class="fa fa-clock-o"></i> May 4, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/top-20-facebook-layouts-on-the-web/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/html5templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="52715-b-responsive" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/03/52715-b-responsive-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="52715-b-responsive" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/html5templates/" title="30 Stunning &#038; Beautiful HTML5 Templates">30 Stunning &#038; Beautiful HTML5 Templates</a></span>
<span class="meta">
<time datetime="2015-03-25T03:55:43+00:00"><i class="fa fa-clock-o"></i> March 25, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/html5templates/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/cms-blog-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="45560-joom-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/03/45560-joom-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="45560-joom-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/cms-blog-templates/" title="30 Top Rated CMS &#038; Blog Templates">30 Top Rated CMS &#038; Blog Templates</a></span>
<span class="meta">
<time datetime="2015-03-03T19:41:51+00:00"><i class="fa fa-clock-o"></i> March 3, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/cms-blog-templates/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/40-new-wordpress-business-themes/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="52086-wp-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/02/52086-wp-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="52086-wp-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/40-new-wordpress-business-themes/" title="40 New WordPress Business Themes">40 New WordPress Business Themes</a></span>
<span class="meta">
<time datetime="2015-02-11T05:12:06+00:00"><i class="fa fa-clock-o"></i> February 11, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/40-new-wordpress-business-themes/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="EllaTheme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/EllaTheme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="EllaTheme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/" title="20 Premium Responsive and Mobile Website Templates">20 Premium Responsive and Mobile Website Templates</a></span>
<span class="meta">
<time datetime="2015-01-28T20:57:55+00:00"><i class="fa fa-clock-o"></i> January 28, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/#comments" class="comments-link">2</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/20-wordpress-themes-entertainment-websites/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/01/rockittheme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="rockittheme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/rockittheme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/rockittheme-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/rockittheme-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/20-wordpress-themes-entertainment-websites/" title="20 WordPress Themes for Entertainment Websites">20 WordPress Themes for Entertainment Websites</a></span>
<span class="meta">
<time datetime="2015-01-26T20:37:30+00:00"><i class="fa fa-clock-o"></i> January 26, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/20-wordpress-themes-entertainment-websites/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
 
</div>
</aside> </div> 
</div> 
</div> 
</div> 
