INSERT INTO `wp_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(120, 1, '2017-04-11 13:16:23', '2017-04-11 13:16:23', '<div class="main-container"><div id="page" class="single"><div class="content"> <article class="article"><div id="content_box" ><div id="post-785" class="g post post-785 type-post status-publish format-standard has-post-thumbnail hentry category-coding category-design tag-development cat-2-id cat-3-id has_thumb"><div class="breadcrumb"><a href="http://thedesignpixel.com" rel="nofollow">Home</a>&nbsp;&nbsp;&#187;&nbsp;&nbsp;<a href="http://thedesignpixel.com/category/coding/" rel="nofollow">Coding</a> &bull; <a href="http://thedesignpixel.com/category/design/" rel="nofollow">Design</a> &nbsp;&nbsp;&#187;&nbsp;&nbsp; 10 Creative Loading Effects For Your Website</div> <header><h1 class="title">10 Creative Loading Effects For Your Website</h1><div class="post-info"> <span class="theauthor">Posted by <a rel="nofollow" href="http://thedesignpixel.com/author/admin/" title="Posts by The Design Pixel" rel="author">The Design Pixel</a></span> <span class="thecategory">In <a href="http://thedesignpixel.com/category/coding/" rel="nofollow">Coding</a>, <a href="http://thedesignpixel.com/category/design/" rel="nofollow">Design</a></span> <span class="thecomment"><a href="http://thedesignpixel.com/creative-loading-effects-for-your-website/#comments"> No comments</a></span></div> </header><!--.headline_area--><div class="post-content box mark-links"><div class="topad"> <!-- BuySellAds Zone Code --><center><div id="bsap_1300900" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div></center> <!-- End BuySellAds Zone Code --></div><p>It is said that time is money, and nobody wants to waste time or money my friends. Have you ever come across a website that takes a little longer than usual to load and that waiting for a few seconds looks like an eternity.</p><p>According to a recent survey if your website is slow to load up, you tend to lose almost 60% of the visitors. I know this for a fact that these visitors are business and a website loading time can make or break your business. As a developer, we try really hard to cut down the Website loading time, however, some time it becomes inevitable as website loading time depends on a lot of factors.</p><p>There are times when, with the fastest of internet connection the web browser still takes some time to display information on your website. This is a reality!!. However, a smart developer knows how making a visit or stay with a simple tweak, and we are here to teach you that today.</p><p>To overcome this slow loading time of a website obstacle a developer can choose to add Creative Loading Effects to the website. One can use CSS animation as an indicator that the website is loading, this will keep your website visitors engaged while accessing your website.</p><p>According to another survey this small change on your website can retain around 40% to 45% of people who would not have waited while the website was loading.</p><p>These small but effective tweaks can make the loading time of your website interesting by displaying Graphics or simple animation that catches the viewer&rsquo;s interest. There are many amazingly beautiful Creative Loading Effects that are available; one needs to choose smartly from the options available. I have made a list of Creative Loading Effects for Your Website, these effects look elegant and interesting at the same time.</p><h3><span style="text-decoration: underline;"><em><strong>10 Creative Loading Effects For Your <span class="GINGER_SOFATWARE_mark" id="473a1825-cf0a-4660-86f0-6c4a64a4b55f">Website</span>:</strong></em></span></h3><p><strong><a href="http://tympanus.net/codrops/2013/09/18/creative-loading-effects/">Creative Loading Effects</a></strong></p><p><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Creative-Loading-Effects.jpg"><img class="aligncenter size-full wp-image-786" alt="Creative Loading Effects" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Creative-Loading-Effects.jpg" width="599" height="336"></a></p><p><strong><a href="http://codepen.io/pattmorter/pen/LCtAB">Spinning Loading</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Spinning-Loading.jpg"><img class="aligncenter size-full wp-image-787" title="Spinning Loading" alt="Spinning Loading" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Spinning-Loading.jpg" width="599" height="336"></a></p><p><strong><a href="http://codepen.io/stryju/pen/jpsIF">Planets</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Planets.jpg"><img class="aligncenter size-full wp-image-788" title="Planets" alt="Planets" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Planets.jpg" width="599" height="336"></a></p><p><strong><a href="http://codepen.io/woodiz/pen/KCrin">Sinister <span class="GINGER_SOFATWARE_mark" id="c9d8e153-162f-4907-aa0d-9eca58006e8d"><span class="GINGER_SOFATWARE_mark" id="19062bad-6692-4c75-8b3a-4aa2f8557c74">Loadscreen</span></span></a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Sinister-Loadscreen.jpg"><img class="aligncenter size-full wp-image-789" title="Sinister Loadscreen" alt="Sinister Loadscreen" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Sinister-Loadscreen.jpg" width="599" height="336"></a></p><p><strong><a href="http://codepen.io/austinmzach/pen/wxrAj">Yet Another Loading Animation</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Yet-Another-Loading-Animation.jpg"><img class="aligncenter size-full wp-image-790" title="Yet Another Loading Animation" alt="Yet Another Loading Animation" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Yet-Another-Loading-Animation.jpg" width="599" height="336"></a></p><p><strong><a href="http://p.ar2oor.pl/cprogress/"><span class="GINGER_SOFATWARE_mark" id="92566052-5fcd-4e96-b786-de6c6b6afe46"><span class="GINGER_SOFATWARE_mark" id="834443be-4b60-42da-a74c-c31dc84f6b76">CProgress</span></span></a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/CProgress.jpg"><img class="aligncenter size-full wp-image-791" title="CProgress Creative Loading Effects For Your Website" alt="CProgress Creative Loading Effects For Your Website" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/CProgress.jpg" width="599" height="336"></a></p><p><strong><a href="http://fgnass.github.io/spin.js/">Spin<span class="GINGER_SOFATWARE_mark" id="31608e34-dae7-483c-be08-969e4c915fca"><span class="GINGER_SOFATWARE_mark" id="4811e7da-9846-49d6-ad6d-0184468946af">.</span></span><span class="GINGER_SOFATWARE_mark" id="33e8585c-0343-47ec-9033-c4715193f9c6"><span class="GINGER_SOFATWARE_mark" id="98b5ea35-b0d2-4aa9-a020-787a23f36238">js</span></span></a></strong></p><p><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/spin-js-spinner.jpg"><img class="aligncenter size-full wp-image-796" alt="spin-js-spinner" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/spin-js-spinner.jpg" width="600" height="418"></a></p><p><strong><a href="http://www.alessioatzeni.com/blog/css3-loading-animation/">Alessio Atzeni</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Alessio-Atzeni.jpg"><img class="aligncenter size-full wp-image-792" title="Alessio Atzeni Creative Loading Effects For Your Website" alt="Alessio Atzeni Creative Loading Effects For Your Website" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Alessio-Atzeni.jpg" width="599" height="336"></a></p><p><strong><a href="http://www.marcofolio.net/css/css3_quickie_the_facebook_loading_animation.html">Facebook-<span class="GINGER_SOFATWARE_mark" id="5953605d-3190-46fc-b610-f63a80768944"><span class="GINGER_SOFATWARE_mark" id="1ae2df0e-6975-4ca6-ad3f-57e449fdc9b2">ish</span></span> Loading Animation</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Facebook-ish-Loading-Animation.jpg"><img class="aligncenter size-full wp-image-793" title="Facebook-ish Loading Animation" alt="Facebook-ish Loading Animation" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Facebook-ish-Loading-Animation.jpg" width="599" height="336"></a></p><p><strong><a href="http://superdit.com/2011/02/25/flickr-style-loading-animation-using-jquery/">Flickr Style</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Flickr-Style.jpg"><img class="aligncenter size-full wp-image-794" title="Flickr Style Creative Loading Effects For Your Website" alt="Flickr Style Creative Loading Effects For Your Website" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Flickr-Style.jpg" width="599" height="336"></a></p><div class="wp_rp_wrap  wp_rp_vertical" id="wp_rp_first"><div class="wp_rp_content"><h3 class="related_post_title">You may also like</h3><ul class="related_post wp_rp"><li data-position="0" data-poid="in-770" data-post-type="none" ><a href="http://thedesignpixel.com/easy-to-follow-psd-to-html-css-tutorials/" class="wp_rp_thumbnail"></a><a href="http://thedesignpixel.com/easy-to-follow-psd-to-html-css-tutorials/" class="wp_rp_title">10 Excellent Easy to Follow PSD to HTML CSS Tutorials</a></li><li data-position="1" data-poid="in-1971" data-post-type="none" ><a href="http://thedesignpixel.com/useful-cheat-sheets-designers-developers/" class="wp_rp_thumbnail"></a><a href="http://thedesignpixel.com/useful-cheat-sheets-designers-developers/" class="wp_rp_title">65+ Useful Cheat Sheets for Designers and Developers</a></li><li data-position="2" data-poid="in-3217" data-post-type="none" ><a href="http://thedesignpixel.com/best-php-libraries-web-developers/" class="wp_rp_thumbnail"></a><a href="http://thedesignpixel.com/best-php-libraries-web-developers/" class="wp_rp_title">25 Best PHP Libraries for Web Developers</a></li><li data-position="3" data-poid="in-3245" data-post-type="none" ><a href="http://thedesignpixel.com/best-php-frameworks-for-web-developers/" class="wp_rp_thumbnail"></a><a href="http://thedesignpixel.com/best-php-frameworks-for-web-developers/" class="wp_rp_title">20 Best PHP Frameworks for Web Developers</a></li></ul></div></div></div><!--.post-content box mark-links--><div class="shareit"> <!-- Twitter --> <span class="share-item twitterbtn"> <a href="https://twitter.com/share" class="twitter-share-button" data-via="TheDesignPixel">Tweet</a> </span> <!-- GPlus --> <span class="share-item gplusbtn"> <g:plusone size="medium"></g:plusone> </span> <!-- Facebook --> <span class="share-item facebookbtn"><div id="fb-root"></div><div class="fb-like" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div> </span> <!--Linkedin --> <span class="share-item linkedinbtn"> </span> <!-- Stumble --> <span class="share-item stumblebtn"> <su:badge layout="1"></su:badge> </span> <!-- Pinterest --> <span class="share-item pinbtn"> <a href="http://pinterest.com/pin/create/button/?url=http://www.thedesignpixel.com/creative-loading-effects-for-your-website.html&amp;media=http://www.thedesignpixel.com/wp-content/uploads/2014/03/Sinister-Loadscreen.jpg&amp;description=10%20Creative%20Loading%20Effects%20For%20Your%20Website" class="pin-it-button" count-layout="horizontal">Pin It</a> </span></div> <!--Shareit--><div class="tags"><span class="tagtext">Tags:</span><a href="http://thedesignpixel.com/tag/development/" rel="tag">Development</a></div><div class="intercept"><div class="Intercept-1"><div class="IPLeft"></div><div class="IPRight"></div><div class="clear"></div></div></div></div><!--.g post--><div style="clear:both"></div><div id="comments" class="comments-area"><div id="respond" style="width: 0;height: 0;clear: both;margin: 0;padding: 0;"></div><h3 id="wc-comment-header">Leave a Reply</h3><div id="wpcomm"><div class="wc-comment-bar"><p class="wc-comment-title"> Be the First to Comment!</p><div style="clear:both"></div></div><div class="wc_social_plugin_wrapper"></div><div class="wc-form-wrapper"><form action="" method="post" id="wc_comm_form-785_0"\nclass="wc_comm_form wc_main_comm_form"><div class="wc-field-comment"><div class="wc-field-avatararea"> <img alt='''' src=''http://thedesignpixel.com/files/avatar/_s_48_amp_d_mm_amp_r_g.jpg'' srcset=''http://1.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48'' /></div><div class="wpdiscuz-item wc-field-textarea" ><textarea                                         id="wc_comment-785_0" class="wc_comment wc_field_input"\n                                        name="wc_comment" required="required"\n                                        placeholder="Start the discussion"></textarea></div><div style="clear:both"></div></div><div id="wc-form-footer-785_0" class="wc-form-footer"><div class="wc-author-data"><div class="wc-field-name wpdiscuz-item"><input\nid="wc_name-785_0" class="wc_name wc_field_input"\nname="wc_name" required="required" value=""\ntype="text"\nplaceholder="Name"/></div><div class="wc-field-email wpdiscuz-item"><input\nid="wc_email-785_0"\nclass="wc_email wc_field_input email"\nname="wc_email"  value=""\ntype="email"\nplaceholder="Email"/></div><div style="clear:both"></div></div><div class="wc-form-submit"><div class="wc-field-captcha wpdiscuz-item"> <input id="wc_captcha-785_0"\nclass="wc_field_input wc_field_captcha" name="wc_captcha"\nrequired="required" value="" type="text" maxlength="5"/> <span class="wc-label wc-captcha-label">   </span> <span\nclass="captcha_msg">Please insert the code above to comment</span></div><div class="wc-field-submit"> <input type="button" name="submit"\nvalue="Post Comment"\nid="wc_comm-785_0"\nclass="wc_comm_submit button alt"/></div><div style="clear:both"></div></div> <span\nclass="wc_manage_subscribtions" >Manage Subscriptions &or;</span><div\nclass="wc_notification_checkboxes" > <input id="wc_notification_none-785_0"\nclass="wc_notification_none" checked="checked"                                                           value="wc_notification_none" type="radio"\nname="wc_comment_reply_notification-785_0"/> <label class="wc-notification-none"\nfor="wc_notification_none-785_0">None</label> <br/> <input id="wc_notification_new_reply-785_0"\nclass="wc_notification_new_reply"\nvalue="wc_notification_new_reply" type="radio"\nname="wc_comment_reply_notification-785_0"/> <label class="wc-label-reply-notify"\nfor="wc_notification_new_reply-785_0">Notify of new replies to this comment</label> <br/> <input id="wc_notification_all_new_reply-785_0"\nclass="wc_notification_all_new_reply"\nvalue="wc_notification_all_new_reply" type="radio"\nname="wc_comment_reply_notification-785_0"/> <label class="wc-label-all-reply-notify"\nfor="wc_notification_all_new_reply-785_0">Notify of new replies to all my comments</label> <br/> <input id="wc_notification_new_comment-785_0"\nclass="wc_notification_new_comment"\nvalue="wc_notification_new_comment"                                                            type="radio"\nname="wc_comment_reply_notification-785_0"/> <label class="wc-label-comment-notify"\nfor="wc_notification_new_comment-785_0">Notify of all new follow-up comments</label> <br/></div></div> <input type="hidden" name="wc_comment_post_ID" value="785"\nid="wc_comment_post_ID-785_0"/> <input type="hidden" name="wc_comment_parent" value="0"\nid="wc_comment_parent-785_0"/></form></div><hr/><div class="wc-thread-wrapper"></div> <span style="display: none;"> <input type="hidden" name="wc_home_url" value="http://www.thedesignpixel.com/wp-content/plugins" id="wc_home_url"/> <input type="hidden" name="wc_plugin_dir_url" value="wpdiscuz"\nid="wc_plugin_dir_url"/> <input type="hidden" name="wc_comments_offset" id="wc_comments_offset" value="1"/> <input type="hidden" name="wc_parent_per_page" id="wc_parent_per_page"\nvalue="5"/> <input type="hidden" name="wc_parent_comments_count" id="wc_parent_comments_count"\nvalue="0"/> <input type="hidden" name="wc_curr_user_comment_count" id="wc_curr_user_comment_count"\nclass="wc_curr_user_comment_count" value="0"/> <input type="hidden" name="wc_last_comment_id" value="0"\nid="wc_last_comment_id"/> <input type="hidden" name="wc_last_comment_id_before_update"\nvalue="0" id="wc_last_comment_id_before_update"/> <input type="hidden" name="wc_all_comments_count_old"\nvalue="0" id="wc_all_comments_count_old"/> <input type="hidden" name="wc_comment_list_update_type"\nvalue="0" id="wc_comment_list_update_type"/> <input type="hidden" name="wc_comment_list_update_timer"\nvalue="60"\nid="wc_comment_list_update_timer"/><input type="hidden" name="wc_last_new_comment_id" value="0"\nid="wc_last_new_comment_id"/> <input type="hidden" name="wc_last_new_reply_id" value="0"\nid="wc_last_new_reply_id"/> <input type="hidden" name="wc_comment_reply_checkboxes_default_checked"\nvalue="0"\nid="wc_comment_reply_checkboxes_default_checked"/> <input type="hidden" value="785" id="wpdiscuz_current_post_id"/> </span><div style="clear:both"></div><div id="wc_openModalFormAction" class="modalDialog"><div id="wc_response_info" class="wc_modal"><div id="wc_response_info_box"> <a href="#close" title="Close" class="close">&nbsp;</a> </div></div></div></div> <!-- wpcomm --></div> <!-- comments-area --></div> </article> <aside class="sidebar c-4-12"><div id="sidebars" class="g"><div class="sidebar"><ul class="sidebar_list"><li id="widget_text" class="widget widget-sidebar"><div class="textwidget"><p><!-- BuySellAds Zone Code --></p><div id="bsap_1300899" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div><p><!-- End BuySellAds Zone Code --></p></div></li><li id="widget_facebook_likebox" class="widget widget-sidebar"><div id="fb-root"></div><div class="fb-page" data-href="https://www.facebook.com/TheDesignPixel" data-height="412" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/TheDesignPixel"><a href="https://www.facebook.com/TheDesignPixel"></a></blockquote></div></div></li><li id="widget_text" class="widget widget-sidebar"><div class="textwidget"><p><!-- Place this tag where you want the widget to render. --></p><div class="g-page" data-width="290" data-href="https://plus.google.com/116834064471293661453" data-layout="landscape" data-rel="publisher"></div><p><!-- Place this tag after the last widget tag. --><br /></p></div></li><li id="social-profile-icons" class="widget widget-sidebar"><h3>Follow Us</h3><div class="social-profile-icons"><ul class=""><li class="social-facebook"><a title="Facebook" href="https://www.facebook.com/TheDesignPixel" target="_blank">Facebook</a></li><li class="social-gplus"><a title="Google+" href="https://www.google.com/+Thedesignpixel" target="_blank">Google+</a></li><li class="social-pinterest"><a title="Pinterest" href="http://www.pinterest.com/thedesignpixel/" target="_blank">Pinterest</a></li><li class="social-rss"><a title="RSS" href="http://feeds.feedburner.com/TheDesignPixel" target="_blank">RSS</a></li><li class="social-twitter"><a title="Twitter" href="https://twitter.com/TheDesignPixel" target="_blank">Twitter</a></li></ul></div></li><li id="mts_pp" class="widget widget-sidebar"> <!-- BEGIN WIDGET --><div class="pp-wrapper"><h3>Popular Posts</h3><ul class="popular-posts"><li > <a href=''http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-600x200.jpg" alt="50 Useful Photoshop Logo Design Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/'' title=''50 Useful Photoshop Logo Design Tutorials'' class=''popular-title''>50 Useful Photoshop Logo Design Tutorials</a></li><li class="last"> <a href=''http://thedesignpixel.com/useful-project-management-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Planzone-180x180.jpg" alt="40 Useful Project Management Tools"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/useful-project-management-tools/'' title=''40 Useful Project Management Tools'' class=''popular-title''>40 Useful Project Management Tools</a></li><li > <a href=''http://thedesignpixel.com/free-responsive-html5-css3-website-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-180x180.jpg" alt="145+ Free Responsive HTML5 CSS3 Website Templates"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/free-responsive-html5-css3-website-templates/'' title=''145+ Free Responsive HTML5 CSS3 Website Templates'' class=''popular-title''>145+ Free Responsive HTML5 CSS3 Website Templates</a></li><li class="last"> <a href=''http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/12/Nvaccess-180x180.jpg" alt="12 Free Text To Speech Voice Conversion Tools"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/'' title=''12 Free Text To Speech Voice Conversion Tools'' class=''popular-title''>12 Free Text To Speech Voice Conversion Tools</a></li><li > <a href=''http://thedesignpixel.com/best-free-responsive-blogger-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-180x180.jpg" alt="45+ Best Free Responsive Blogger Templates"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/best-free-responsive-blogger-templates/'' title=''45+ Best Free Responsive Blogger Templates'' class=''popular-title''>45+ Best Free Responsive Blogger Templates</a></li><li class="last"> <a href=''http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/EllaTheme-180x180.jpg" alt="20 Premium Responsive and Mobile Website  Templates"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/'' title=''20 Premium Responsive and Mobile Website  Templates'' class=''popular-title''>20 Premium Responsive and Mobile Website  Templates</a></li><li > <a href=''http://thedesignpixel.com/free-useful-photoshop-plugins/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Css3ps-180x180.jpg" alt="15 Free &#038; Useful Photoshop Plugins"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/free-useful-photoshop-plugins/'' title=''15 Free &#038; Useful Photoshop Plugins'' class=''popular-title''>15 Free &#038; Useful Photoshop Plugins</a></li><li class="last"> <a href=''http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Blue-Coming-Soon-Page-600x200.jpg" alt="35+ Free Coming Soon and Under Construction Templates"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/'' title=''35+ Free Coming Soon and Under Construction Templates'' class=''popular-title''>35+ Free Coming Soon and Under Construction Templates</a></li><li > <a href=''http://thedesignpixel.com/fresh-free-mobile-app-psd-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Instagram-in-Material-Design-180x180.jpg" alt="20 Fresh &#038; Free Mobile App PSD Templates"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/fresh-free-mobile-app-psd-templates/'' title=''20 Fresh &#038; Free Mobile App PSD Templates'' class=''popular-title''>20 Fresh &#038; Free Mobile App PSD Templates</a></li><li class="last"> <a href=''http://thedesignpixel.com/free-responsive-education-html-web-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/12/Knowledge-180x180.jpg" alt="15+ Free Responsive Education HTML Web Templates"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/free-responsive-education-html-web-templates/'' title=''15+ Free Responsive Education HTML Web Templates'' class=''popular-title''>15+ Free Responsive Education HTML Web Templates</a></li><li > <a href=''http://thedesignpixel.com/top-best-premium-web-hosting-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-180x180.jpg" alt="Top 20 Best Premium Web Hosting Templates"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/top-best-premium-web-hosting-templates/'' title=''Top 20 Best Premium Web Hosting Templates'' class=''popular-title''>Top 20 Best Premium Web Hosting Templates</a></li><li class="last"> <a href=''http://thedesignpixel.com/fresh-useful-css3-tutorials-techniques/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/05/CSS3-Filters-Altering-HTML-and-Images-with-just-CSS-600x200.jpg" alt="45+ Fresh &#038; Useful CSS3 Tutorials &#038; Techniques"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/fresh-useful-css3-tutorials-techniques/'' title=''45+ Fresh &#038; Useful CSS3 Tutorials &#038; Techniques'' class=''popular-title''>45+ Fresh &#038; Useful CSS3 Tutorials &#038; Techniques</a></li><li > <a href=''http://thedesignpixel.com/best-ruby-on-rails-cms-content-management-systems/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Webiva-180x180.png" alt="13 Best Ruby On Rails CMS (Content Management Systems)"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/best-ruby-on-rails-cms-content-management-systems/'' title=''13 Best Ruby On Rails CMS (Content Management Systems)'' class=''popular-title''>13 Best Ruby On Rails CMS (Content Management Systems)</a></li><li class="last"> <a href=''http://thedesignpixel.com/best-remote-desktop-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Logmein-180x180.jpg" alt="8 Best Remote Desktop Tools"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/best-remote-desktop-tools/'' title=''8 Best Remote Desktop Tools'' class=''popular-title''>8 Best Remote Desktop Tools</a></li><li > <a href=''http://thedesignpixel.com/creative-examples-of-parallax-scrolling-web-designs/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/The-ONE-180x180.jpg" alt="55+ Creative Examples of Parallax Scrolling Web Designs"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/creative-examples-of-parallax-scrolling-web-designs/'' title=''55+ Creative Examples of Parallax Scrolling Web Designs'' class=''popular-title''>55+ Creative Examples of Parallax Scrolling Web Designs</a></li><li class="last"> <a href=''http://thedesignpixel.com/useful-cheat-sheets-designers-developers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-180x180.jpg" alt="65+ Useful Cheat Sheets for Designers and Developers"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/useful-cheat-sheets-designers-developers/'' title=''65+ Useful Cheat Sheets for Designers and Developers'' class=''popular-title''>65+ Useful Cheat Sheets for Designers and Developers</a></li><li > <a href=''http://thedesignpixel.com/best-free-wireframing-tools-for-designers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Axure-RP-180x180.jpg" alt="8 Best Free Wireframing Tools for Designers"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/best-free-wireframing-tools-for-designers/'' title=''8 Best Free Wireframing Tools for Designers'' class=''popular-title''>8 Best Free Wireframing Tools for Designers</a></li><li class="last"> <a href=''http://thedesignpixel.com/best-data-visualization-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Polymaps-180x180.jpg" alt="35+ Best Data Visualization Tools"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/best-data-visualization-tools/'' title=''35+ Best Data Visualization Tools'' class=''popular-title''>35+ Best Data Visualization Tools</a></li><li > <a href=''http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/The-Weathertron-600x200.jpg" alt="25+ Responsive Mobile App Landing Pages for Inspiration"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/'' title=''25+ Responsive Mobile App Landing Pages for Inspiration'' class=''popular-title''>25+ Responsive Mobile App Landing Pages for Inspiration</a></li><li class="last"> <a href=''http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/jquery-plugins-600x200.jpg" alt="15 Free CSS jQuery Tabs Plugin And Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a> <a href=''http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/'' title=''15 Free CSS jQuery Tabs Plugin And Tutorials'' class=''popular-title''>15 Free CSS jQuery Tabs Plugin And Tutorials</a></li><ul></div> <!-- END WIDGET --></li><li id="widget_search" class="widget widget-sidebar"><h3>Search</h3><form method="get" id="searchform" class="search-form" action="http://thedesignpixel.com" _lpchecked="1"><fieldset> <input type="text" name="s" id="s" value="Search this Site..." onfocus="if(this.value==''Search this Site...'')this.value='''';" x-webkit-speech onwebkitspeechchange="transcribe(this.value)"> <input id="search-image" class="sbutton" type="image" src="../wp-content/themes/minimalist/images/search.png" style="border:0; vertical-align: top;"></fieldset></form></li></ul></div></div><!--sidebars--> </aside></div><!--#page--></div><!--.container--></div> ', 'creative loading effects for your website', '', 'publish', 'closed', 'closed', '', 'creative-loading-effects-for-your-website', '', '', '2017-04-11 13:16:23', '2017-04-11 13:16:23', '', 0, 'http://thedesignpixel.com/creative-loading-effects-for-your-website/', 0, 'page', '', 0);
INSERT INTO `wp_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(121, 1, '2017-04-11 13:16:23', '2017-04-11 13:16:23', '\r\n<div class="main-container"><div id="page" class="single">\n	<div class="content">\n		<article class="article">\n			<div id="content_box" >\n									<div id="post-3964" class="g post post-3964 type-post status-publish format-standard has-post-thumbnail hentry category-graphics category-tutorials tag-adobe tag-illustrator tag-photoshop cat-4-id cat-6-id has_thumb">\n													<div class="breadcrumb"><a href="http://thedesignpixel.com" rel="nofollow">Home</a>&nbsp;&nbsp;&#187;&nbsp;&nbsp;<a href="http://thedesignpixel.com/category/graphics/" rel="nofollow">Graphics</a> &bull; <a href="http://thedesignpixel.com/category/tutorials/" rel="nofollow">Tutorials</a> &nbsp;&nbsp;&#187;&nbsp;&nbsp; 10 Creative SVG Animation Tutorials</div>\n												<header>\n							<h1 class="title">10 Creative SVG Animation Tutorials</h1>\n															<div class="post-info">\n										<span class="theauthor">Posted by <a rel="nofollow" href="http://thedesignpixel.com/author/admin/" title="Posts by designpixel" rel="author">designpixel</a></span>\n										\n										<span class="thecategory">In <a href="http://thedesignpixel.com/category/graphics/" rel="nofollow">Graphics</a>, <a href="http://thedesignpixel.com/category/tutorials/" rel="nofollow">Tutorials</a></span>\n										<span class="thecomment"><a href="http://thedesignpixel.com/creative-svg-animation-tutorials/#comments"> No comments</a></span>\n								</div>\n													</header><!--.headline_area-->\n						<div class="post-content box mark-links">\n																								<div class="topad">\n										<!-- BuySellAds Zone Code -->\r\n<div id="bsap_1300900" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div>\r\n<!-- End BuySellAds Zone Code -->									</div>\n																						<p>Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files. This means that they can be searched, indexed, scripted, and compressed. As XML files, SVG images can be created and edited with any text editor, but <span id="c918417b-cfeb-48c6-a29f-c0e823ccda17">are more often created</span> with drawing software.</p>\n<p>All the major latest browsers like Mozilla, Chrome, Opera and Internet Explorer have some degree of SVG rendering Support. So, The best part is that you don&#8217;t need worry about the pixels that your device can offer, your browser will automatically helps it to scale and revamp to look considerably. There are a lot of useful SVG animation tutorials available on the internet. All you need to find some best tutorial and get your work done according to the instructions. We have just collected some creative SVG animation tutorials to help you out.</p>\n<h3><strong><span style="text-decoration: underline;"><em>10 Creative SVG Animation Tutorials</em></span>:</strong></h3>\n<p><strong><a href="http://www.sitepoint.com/add-svg-to-web-page/" target="_blank" rel="nofollow">How to Add Scalable Vector Graphics to Your Web Page</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/How-to-Add-Scalable-Vector-Graphics-to-Your-Web-Page.jpg"><img class="aligncenter size-full wp-image-3966" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/How-to-Add-Scalable-Vector-Graphics-to-Your-Web-Page.jpg" alt="How to Add Scalable Vector Graphics to Your Web Page" width="540" height="354" /></a></p>\n<p><strong><a href="http://product.voxmedia.com/2013/11/25/5426880/polygon-feature-design-svg-animations-for-fun-and-profit" target="_blank" rel="nofollow">Polygon feature design: SVG animations for fun and profit</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Polygon-feature-design-SVG-animations-for-fun-and-profit.jpg"><img class="aligncenter size-full wp-image-3967" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Polygon-feature-design-SVG-animations-for-fun-and-profit.jpg" alt="Polygon feature design SVG animations for fun and profit" width="540" height="377" /></a></p>\n<p><strong><a href="http://design.tutsplus.com/tutorials/svg-files-from-illustrator-to-the-web--vector-20899" target="_blank" rel="nofollow">From Illustrator to the Web</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/From-Illustrator-to-the-Web.jpg"><img class="aligncenter size-full wp-image-3968" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/From-Illustrator-to-the-Web.jpg" alt="From Illustrator to the Web" width="540" height="486" /></a></p>\n<p><strong><a href="http://hackingui.com/design/export-photoshop-layer-to-svg/" target="_blank" rel="nofollow">Export from Photoshop to SVG</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Export-from-Photoshop-to-SVG.jpg"><img class="aligncenter size-full wp-image-3969" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Export-from-Photoshop-to-SVG.jpg" alt="Export from Photoshop to SVG" width="540" height="371" /></a></p>\n<p><strong><a href="http://css-tricks.com/using-svg/" target="_blank" rel="nofollow">Using SVG</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Using-SVG.jpg"><img class="aligncenter size-full wp-image-3970" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Using-SVG.jpg" alt="Using SVG" width="540" height="443" /></a></p>\n<p><strong><a href="http://24ways.org/2013/animating-vectors-with-svg/" target="_blank" rel="nofollow">Animating Vectors with SVG</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Animating-Vectors-with-SVG.jpg"><img class="aligncenter size-full wp-image-3971" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Animating-Vectors-with-SVG.jpg" alt="Animating Vectors with SVG" width="540" height="285" /></a></p>\n<p><strong><a href="https://raygun.io/blog/2014/07/making-svg-html-burger-button/" target="_blank" rel="nofollow">Making <span id="e349b233-0f4a-44d1-8158-fce3c5cd1bc2" class="GINGER_SOFATWARE_mark"><span id="8b87294d-8ef5-43ad-8a5e-9fff9ab4f937" class="GINGER_SOFATWARE_mark"><span id="a3a57c0b-1208-4acf-8e60-96cdc39df67c" class="GINGER_SOFATWARE_mark"><span id="fed87c72-fb07-4e5e-b44a-ceef7792afd1" class="GINGER_SOFATWARE_mark">a</span></span></span></span> <span id="a2a059f6-e946-4355-8144-0de29194f5eb" class="GINGER_SOFATWARE_mark"><span id="92186fda-c32a-492e-8166-73511cf8ec6a" class="GINGER_SOFATWARE_mark"><span id="33a10187-7aa1-4bb9-a251-1ffea6319435" class="GINGER_SOFATWARE_mark"><span id="4b5efc72-5ec5-4986-8db1-65fbc08719c6" class="GINGER_SOFATWARE_mark">SVG HTML</span></span></span></span> Burger Button</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Making-a-SVG-HTML-Burger-Button.jpg"><img class="aligncenter size-full wp-image-3972" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Making-a-SVG-HTML-Burger-Button.jpg" alt="Making a SVG HTML Burger Button" width="540" height="283" /></a></p>\n<p><strong><a href="http://www.adobe.com/inspire/2013/09/exporting-svg-illustrator.html" target="_blank" rel="nofollow">Exporting SVG for the web with Adobe Illustrator CC</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Exporting-SVG-for-the-web-with-Adobe-Illustrator-CC.jpg"><img class="aligncenter size-full wp-image-3973" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Exporting-SVG-for-the-web-with-Adobe-Illustrator-CC.jpg" alt="Exporting SVG for the web with Adobe Illustrator CC" width="540" height="353" /></a></p>\n<p><strong><a href="http://www.hongkiat.com/blog/scalable-vector-graphic/" target="_blank" rel="nofollow">A Look Into Scalable Vector Graphics</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/A-Look-Into-Scalable-Vector-Graphics.jpg"><img class="aligncenter size-full wp-image-3974" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/A-Look-Into-Scalable-Vector-Graphics.jpg" alt="A Look Into Scalable Vector Graphics" width="540" height="280" /></a></p>\n<p><strong><a href="http://jonibologna.com/using-svg-stroke-attributes/" target="_blank" rel="nofollow">Using SVG stroke Attributes</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Using-SVG-stroke-Attributes.jpg"><img class="aligncenter size-full wp-image-3975" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Using-SVG-stroke-Attributes.jpg" alt="Using SVG stroke Attributes" width="540" height="237" /></a></p>\n<p><strong><a href="http://www.pencilscoop.com/demos/animating-svg-clipping-masks/" target="_blank" rel="nofollow">Animating SVG with Clipping</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Animating-SVG-with-Clipping.jpg"><img class="aligncenter size-full wp-image-3976" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/Animating-SVG-with-Clipping.jpg" alt="Animating SVG with Clipping" width="540" height="372" /></a></p>\n													</div><!--.post-content box mark-links-->\n													<div class="shareit">\n																		<!-- Twitter -->\n										<span class="share-item twitterbtn">\n										<a href="https://twitter.com/share" class="twitter-share-button" data-via="">Tweet</a>\n										</span>\n																										<!-- GPlus -->\n										<span class="share-item gplusbtn">\n										<g:plusone size="medium"></g:plusone>\n										</span>\n																										<!-- Facebook -->\n										<span class="share-item facebookbtn">\n										<div id="fb-root"></div>\n										<div class="fb-like" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div>\n										</span>\n																										<!--Linkedin -->\n										<span class="share-item linkedinbtn">\n										<script type="text/javascript" src="http://thedesignpixel.com/files/in.js"></script><script type="in/share" data-url="http://www.thedesignpixel.com/creative-svg-animation-tutorials.html" data-counter="right"></script>\n										</span>\n																										<!-- Stumble -->\n										<span class="share-item stumblebtn">\n										<su:badge layout="1"></su:badge>\n										<script type="text/javascript"> \n										(function() { \n										var li = document.createElement(''script''); li.type = ''text/javascript''; li.async = true; \n										li.src = window.location.protocol + ''//platform.stumbleupon.com/1/widgets.js''; \n										var s = document.getElementsByTagName(''script'')[0]; s.parentNode.insertBefore(li, s); \n										})(); \n										</script>\n										</span>\n																										<!-- Pinterest -->\n										<span class="share-item pinbtn">\n										<a href="http://pinterest.com/pin/create/button/?url=http://www.thedesignpixel.com/creative-svg-animation-tutorials.html&amp;media=http://www.thedesignpixel.com/wp-content/uploads/2015/01/Export-from-Photoshop-to-SVG.jpg&amp;description=10%20Creative%20SVG%20Animation%20Tutorials" class="pin-it-button" count-layout="horizontal">Pin It</a>\n										<script type="text/javascript" src="http://thedesignpixel.com/files/js/pinit.js"></script>\n										</span>\n															</div>\n						<!--Shareit-->\n													<div class="tags"><span class="tagtext">Tags:</span><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></div>\n																		<div class="intercept">\n							<div class="Intercept-1">\n								<div class="IPLeft">\n																	</div>\n								<div class="IPRight">\n																			<div class="related-posts">\n											<h5>Related Posts</h5><ul>											<li class="">\n												<a rel="nofollow" class="relatedthumb" href="http://thedesignpixel.com/excellent-calender-icon-sets-for-free-download/" rel="bookmark" title="45 Excellent Calender Icon Sets for Free Download">\n													45 Excellent Calender Icon Sets for Free Download												</a>\n												<span class=''navtext''>By Ward Stanton</span>\n											</li>\n																						<li class="">\n												<a rel="nofollow" class="relatedthumb" href="http://thedesignpixel.com/fresh-photoshop-text-effect-tutorials/" rel="bookmark" title="35+ Fresh Photoshop Text Effect Tutorials">\n													35+ Fresh Photoshop Text Effect Tutorials												</a>\n												<span class=''navtext''>By Ward Stanton</span>\n											</li>\n																						<li class="last">\n												<a rel="nofollow" class="relatedthumb" href="http://thedesignpixel.com/excellent-single-letter-logo-designs-for-inspiration/" rel="bookmark" title="45 Excellent Single Letter Logo Designs for Inspiration">\n													45 Excellent Single Letter Logo Designs for Inspirat...												</a>\n												<span class=''navtext''>By Ward Stanton</span>\n											</li>\n											</ul>										</div><!-- .related-posts -->\n																	</div>\n								<div class="clear"></div>\n							</div>\n						</div>									\n					</div><!--.g post-->\n					<!-- If comments are open, but there are no comments. -->\n<div id="respond" class="box m-t-6">\n	<h3>Leave a Reply</h3> \n	<div class="cancel-comment-reply">\n		<small><a rel="nofollow" id="cancel-comment-reply-link" href="http://thedesignpixel.com/creative-svg-animation-tutorials/#respond" style="display:none;">Click here to cancel reply.</a></small>\n	</div>\n			<form action="http://thedesignpixel.com" method="post" id="commentform">\n							<label for="author"><small>Name</small></label>\n				<p><input type="text" name="author" id="author" value="" size="28" tabindex="1" aria-required=''true'' /></p>\n				<div class="clear"></div>\n				<label for="email"><small>Email</small></label>\n				<p><input type="text" name="email" id="email" value="" size="28" tabindex="2" aria-required=''true'' /></p>\n				<div class="clear"></div>\n				<label for="url"><small>Website</small></label>\n				<p><input type="text" name="url" id="url" value="" size="28" tabindex="3" /></p>\n						<div class="clear"></div>\n			<label for="url"><small>Comment</small></label>\n			<p><textarea name="comment" id="comment" cols="100%" rows="8" tabindex="4"></textarea></p>\n			<input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" class="medium skin button"/>\n			<div class="clear"></div> \n			<input type=''hidden'' name=''comment_post_ID'' value=''3964'' id=''comment_post_ID'' />\n<input type=''hidden'' name=''comment_parent'' id=''comment_parent'' value=''0'' />\n			<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="3ef9f8bd50" /></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_comments" id="subscribe_comments" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" /> <label class="subscribe-label" id="subscribe-label" for="subscribe_comments">Notify me of follow-up comments by email.</label></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" /> <label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog">Notify me of new posts by email.</label></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="79"/></p>		</form>\n	</div>\n							</div>\n		</article>\n		<aside class="sidebar c-4-12">\n	<div id="sidebars" class="g">\n		<div class="sidebar">\n			<ul class="sidebar_list">\n				<li id="widget_text" class="widget widget-sidebar">			<div class="textwidget"><!-- BuySellAds Zone Code -->\r\n<div id="bsap_1300901" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div>\r\n<!-- End BuySellAds Zone Code --></div>\n		</li><li id="social-profile-icons" class="widget widget-sidebar"><div class="social-profile-icons"><ul class=""><li class="social-facebook"><a title="Facebook" href="https://www.facebook.com/TheDesignPixel" target="_blank">Facebook</a></li><li class="social-gplus"><a title="Google+" href="https://www.google.com/+Thedesignpixel" target="_blank">Google+</a></li><li class="social-pinterest"><a title="Pinterest" href="http://www.pinterest.com/thedesignpixel/" target="_blank">Pinterest</a></li><li class="social-rss"><a title="RSS" href="http://feeds.feedburner.com/TheDesignPixel" target="_blank">RSS</a></li><li class="social-twitter"><a title="Twitter" href="https://twitter.com/TheDesignPixel" target="_blank">Twitter</a></li></ul></div></li><li id="widget_search" class="widget widget-sidebar"><form method="get" id="searchform" class="search-form" action="http://thedesignpixel.com" _lpchecked="1">\n	<fieldset> \n		<input type="text" name="s" id="s" value="Search this Site..." onfocus="if(this.value==''Search this Site...'')this.value='''';" x-webkit-speech onwebkitspeechchange="transcribe(this.value)"> \n		<input id="search-image" class="sbutton" type="image" src="../wp-content/themes/minimalist/images/search.png" style="border:0; vertical-align: top;">\n	</fieldset>\n</form></li><li id="widget_text" class="widget widget-sidebar">			<div class="textwidget"><p><!-- BuySellAds Zone Code --></p>\n<div id="bsap_1300899" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div>\n<p><!-- End BuySellAds Zone Code --></p>\n</div>\n		</li><li id="mts_pp" class="widget widget-sidebar">		<!-- BEGIN WIDGET -->\n		<div class="pp-wrapper">\n			\n			<h3>Popular Posts</h3>\n			<ul class="popular-posts">\n																	\n						<li >\n																					<a href=''http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-600x200.jpg" alt="50 Useful Photoshop Logo Design Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/'' title=''50 Useful Photoshop Logo Design Tutorials'' class=''popular-title''>50 Useful Photoshop Logo Design Tutorials</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-free-responsive-blogger-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-180x180.jpg" alt="45+ Best Free Responsive Blogger Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-responsive-blogger-templates/'' title=''45+ Best Free Responsive Blogger Templates'' class=''popular-title''>45+ Best Free Responsive Blogger Templates</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/EllaTheme-180x180.jpg" alt="20 Premium Responsive and Mobile Website  Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/'' title=''20 Premium Responsive and Mobile Website  Templates'' class=''popular-title''>20 Premium Responsive and Mobile Website  Templates</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/useful-cheat-sheets-designers-developers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-180x180.jpg" alt="65+ Useful Cheat Sheets for Designers and Developers"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/useful-cheat-sheets-designers-developers/'' title=''65+ Useful Cheat Sheets for Designers and Developers'' class=''popular-title''>65+ Useful Cheat Sheets for Designers and Developers</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/free-useful-photoshop-plugins/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Css3ps-180x180.jpg" alt="15 Free &#038; Useful Photoshop Plugins"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-useful-photoshop-plugins/'' title=''15 Free &#038; Useful Photoshop Plugins'' class=''popular-title''>15 Free &#038; Useful Photoshop Plugins</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/free-responsive-education-html-web-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/12/Knowledge-180x180.jpg" alt="15+ Free Responsive Education HTML Web Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-responsive-education-html-web-templates/'' title=''15+ Free Responsive Education HTML Web Templates'' class=''popular-title''>15+ Free Responsive Education HTML Web Templates</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/The-Weathertron-600x200.jpg" alt="25+ Responsive Mobile App Landing Pages for Inspiration"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/'' title=''25+ Responsive Mobile App Landing Pages for Inspiration'' class=''popular-title''>25+ Responsive Mobile App Landing Pages for Inspiration</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/12/Nvaccess-180x180.jpg" alt="12 Free Text To Speech Voice Conversion Tools"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/'' title=''12 Free Text To Speech Voice Conversion Tools'' class=''popular-title''>12 Free Text To Speech Voice Conversion Tools</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Blue-Coming-Soon-Page-600x200.jpg" alt="35+ Free Coming Soon and Under Construction Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/'' title=''35+ Free Coming Soon and Under Construction Templates'' class=''popular-title''>35+ Free Coming Soon and Under Construction Templates</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-free-wireframing-tools-for-designers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Axure-RP-180x180.jpg" alt="8 Best Free Wireframing Tools for Designers"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-wireframing-tools-for-designers/'' title=''8 Best Free Wireframing Tools for Designers'' class=''popular-title''>8 Best Free Wireframing Tools for Designers</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/best-free-wordpress-magazine-themes/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Great-600x200.jpg" alt="20 Best Free WordPress Magazine Themes"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-wordpress-magazine-themes/'' title=''20 Best Free WordPress Magazine Themes'' class=''popular-title''>20 Best Free WordPress Magazine Themes</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/jquery-plugins-600x200.jpg" alt="15 Free CSS jQuery Tabs Plugin And Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/'' title=''15 Free CSS jQuery Tabs Plugin And Tutorials'' class=''popular-title''>15 Free CSS jQuery Tabs Plugin And Tutorials</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-600x200.jpg" alt="20 Most Useful 3D Text Effect Photoshop Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/'' title=''20 Most Useful 3D Text Effect Photoshop Tutorials'' class=''popular-title''>20 Most Useful 3D Text Effect Photoshop Tutorials</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/free-responsive-html5-css3-website-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-180x180.jpg" alt="145+ Free Responsive HTML5 CSS3 Website Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-responsive-html5-css3-website-templates/'' title=''145+ Free Responsive HTML5 CSS3 Website Templates'' class=''popular-title''>145+ Free Responsive HTML5 CSS3 Website Templates</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/best-php-libraries-web-developers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Requests-180x180.jpeg" alt="25 Best PHP Libraries for Web Developers"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-php-libraries-web-developers/'' title=''25 Best PHP Libraries for Web Developers'' class=''popular-title''>25 Best PHP Libraries for Web Developers</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/useful-project-management-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Planzone-180x180.jpg" alt="40 Useful Project Management Tools"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/useful-project-management-tools/'' title=''40 Useful Project Management Tools'' class=''popular-title''>40 Useful Project Management Tools</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/best-php-frameworks-for-web-developers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Phalcon-180x180.png" alt="20 Best PHP Frameworks for Web Developers"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-php-frameworks-for-web-developers/'' title=''20 Best PHP Frameworks for Web Developers'' class=''popular-title''>20 Best PHP Frameworks for Web Developers</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-free-server-network-monitoring-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Pandora-FMS-180x180.jpg" alt="13 Best Free Server &#038; Network Monitoring Tools"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-server-network-monitoring-tools/'' title=''13 Best Free Server &#038; Network Monitoring Tools'' class=''popular-title''>13 Best Free Server &#038; Network Monitoring Tools</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/best-responsive-drupal-7-themes-free-and-premium/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Incredible-180x180.jpg" alt="35+ Best Responsive Drupal 7 Themes [Free and Premium]"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-responsive-drupal-7-themes-free-and-premium/'' title=''35+ Best Responsive Drupal 7 Themes [Free and Premium]'' class=''popular-title''>35+ Best Responsive Drupal 7 Themes [Free and Premium]</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/8-best-sites-watch-clt20-live-streaming-online-free/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Watch-CLT20-Live-Streaming-Online-180x180.jpg" alt="8 Best Sites to Watch CLT20 Live Streaming Online Free"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/8-best-sites-watch-clt20-live-streaming-online-free/'' title=''8 Best Sites to Watch CLT20 Live Streaming Online Free'' class=''popular-title''>8 Best Sites to Watch CLT20 Live Streaming Online Free</a>\n						</li>\n					\n														<ul>\n		</div>\n		<!-- END WIDGET -->\n		</li><li id="widget_facebook_likebox" class="widget widget-sidebar"><iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FTheDesignPixel&amp;width=300&amp;height=412&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;show_border=true&amp;header=false&amp;force_wall=false" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 300px;  height: 412px; background: #fff"></iframe></li><li id="widget_text" class="widget widget-sidebar">			<div class="textwidget"><p><!-- Place this tag where you want the widget to render. --></p>\n<div class="g-page" data-width="290" data-href="https://plus.google.com/116834064471293661453" data-layout="landscape" data-rel="publisher"></div>\n<p><!-- Place this tag after the last widget tag. --><br />\n<script type="text/javascript">\n  (function() {\n    var po = document.createElement(''script''); po.type = ''text/javascript''; po.async = true;\n    po.src = ''https://apis.google.com/js/platform.js'';\n    var s = document.getElementsByTagName(''script'')[0]; s.parentNode.insertBefore(po, s);\n  })();\n</script></p>\n</div>\n		</li>			</ul>\n		</div>\n	</div><!--sidebars-->\n</aside>		</div><!--#page-->\n	</div><!--.container-->\n</div>\n', 'creative svg animation tutorials', '', 'publish', 'closed', 'closed', '', 'creative-svg-animation-tutorials', '', '', '2017-04-11 13:16:23', '2017-04-11 13:16:23', '', 0, 'http://thedesignpixel.com/creative-svg-animation-tutorials/', 0, 'page', '', 0);
INSERT INTO `wp_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(122, 1, '2017-04-11 13:16:24', '2017-04-11 13:16:24', '\r\n<div class="main-container"><div id="page" class="single">\r\n	<div class="content">\r\n		<article class="article">\r\n			<div id="content_box" >\r\n									<div id="post-959" class="post-959 post type-post status-publish format-standard has-post-thumbnail hentry category-design category-graphics tag-inspiration tag-photoshop g cat-3-id cat-4-id has_thumb">\r\n													<div class="breadcrumb"><a href="http://thedesignpixel.com" rel="nofollow">Home</a>&nbsp;&nbsp;&#187;&nbsp;&nbsp;<a href="http://thedesignpixel.com/category/design/" rel="nofollow">Design</a> &bull; <a href="http://thedesignpixel.com/category/graphics/" rel="nofollow">Graphics</a> &nbsp;&nbsp;&#187;&nbsp;&nbsp; 20 Creatively Designed Retro Art Poster Designs</div>\r\n												<header>\r\n							<h1 class="title">20 Creatively Designed Retro Art Poster Designs</h1>\r\n															<div class="post-info">\r\n										<span class="theauthor">Posted by <a rel="nofollow" href="http://thedesignpixel.com/author/admin/" title="Posts by designpixel" rel="author">designpixel</a></span>\r\n										\r\n										<span class="thecategory">In <a href="http://thedesignpixel.com/category/design/" rel="nofollow">Design</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="nofollow">Graphics</a></span>\r\n										<span class="thecomment"><a href="http://thedesignpixel.com/creatively-designed-retro-art-poster-designs/#comments"> No comments</a></span>\r\n								</div>\r\n													</header><!--.headline_area-->\r\n						<div class="post-content box mark-links">\r\n														<p>Retro is a Latin word, defining “Backwards” or “from the past”. The 1980’s and the 1990’s had a different class in them. Ranging from the music from that time, to the actors produced during that time. Graffiti styles, videos, everything about that time was impressive. While some of the people won’t like to appreciate what used to happen at that time, but some people have a great obsession for the art that used to take place in the past, known today as the retro art! Retro art includes ideology and graphical displays of the 1970’s-1980’s. Not detailing the graphical detailing, but expressing the message in a unique traditional style.</p>\n<p>Retro art posters are cool eye catching posters, and very easy to produce at any local art centers, and work really good for expressing the opinions, views, messages etc. Retro art is also referred to as Pop art, from the 1940’s-1950’s. Retro art, advertising has also been a common hype in the marketing giants. These were first introduced by a contemporary artist Anne Taintor. These posters are very widely used for wall art, entry passes, etc too. Because of their uniqueness and quality, The prints are also cheap for these designs, and work good.</p>\n<p>Retro art poster designs are also viral over the web. Not only being used by advertisers, people have been creating memes using them too. There are thousands of retro art poster designs that are available to be used, you must use the ones that are the most eye catching, and will solve your purpose most precisely! In this article, we are discussing the 20 creatively designed retro art poster designs, that are available. These are graphically precise, easy to understand, eye catching, and will solve your purpose to the most possible extent!</p>\n<p><strong>20 Creatively Designed Retro Art Poster Designs:<br />\n</strong></p>\n<p><a href="http://apatrimonio.deviantart.com/art/League-of-Pro-Football-Poster-Art-420919414" target="_blank"><b>League of Pro Football Post Art by Apatrimonio</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/League-of-Pro-Football-Post-Art-by-Apatrimonio.jpg"><img class="aligncenter size-full wp-image-960" title="League of Pro Football Post Art by Apatrimonio" alt="League of Pro Football Post Art by Apatrimonio" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/League-of-Pro-Football-Post-Art-by-Apatrimonio.jpg" width="600" height="889" /></a></p>\n<p><a href="http://designguy89.deviantart.com/art/The-Good-The-Bad-and-the-Ugly-Movie-Poster-412446840" target="_blank"><b>The Good, The Bad and the Ugly Movie Poster by DesignGuy89</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/The-Good-The-Bad-and-the-Ugly-Movie-Poster-by-DesignGuy89.jpg"><img class="aligncenter size-full wp-image-961" title="The Good, The Bad and the Ugly Movie Poster by DesignGuy89" alt="The Good, The Bad and the Ugly Movie Poster by DesignGuy89" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/The-Good-The-Bad-and-the-Ugly-Movie-Poster-by-DesignGuy89.jpg" width="600" height="928" /></a></p>\n<p><a href="http://43delay.deviantart.com/art/Rain-421640422" target="_blank"><b>Rain by 43delay</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Rain-by-43delay.jpg"><img class="aligncenter size-full wp-image-962" title="Rain by 43delay" alt="Rain by 43delay" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Rain-by-43delay.jpg" width="600" height="947" /></a></p>\n<p><a href="http://zuul-in-your-fridge.deviantart.com/art/Hannibal-Chau-Kaiju-Remedies-421097651" target="_blank"><b>Hannibal Chau: Kaiju Remedies by <span class="GINGER_SOFATWARE_mark" id="2a762dc4-e177-4dc3-92da-df50fde53c8d">Zuul</span> In Your Fridge</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Hannibal-Chau-Kaiju-Remedies-by-Zuul-In-Your-Fridge.jpg"><img class="aligncenter size-full wp-image-963" title="Hannibal Chau Kaiju Remedies by Zuul In Your Fridge" alt="Hannibal Chau Kaiju Remedies by Zuul In Your Fridge" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Hannibal-Chau-Kaiju-Remedies-by-Zuul-In-Your-Fridge.jpg" width="600" height="848" /></a></p>\n<p><a href="http://mario0357.deviantart.com/art/Winter-Bash-2013-Poster-420436224" target="_blank"><b>Winter Bash 2013 Poster by Mario0357</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Winter-Bash-2013-Poster-by-Mario0357.jpg"><img class="aligncenter size-full wp-image-964" title="Winter Bash 2013 Poster by Mario0357" alt="Winter Bash 2013 Poster by Mario0357" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Winter-Bash-2013-Poster-by-Mario0357.jpg" width="600" height="928" /></a></p>\n<p><a href="http://warbirdphotographer.deviantart.com/art/Jacket-Art-Pistol-Packin-Mama-420465410" target="_blank"><b>Jacket Art – Pistol Packin’ Mama by Warbird Photographer</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Jacket-Art-_E2_80_93-Pistol-Packin_E2_80_99-Mama-by-Warbird-Photographer.jpg"><img class="aligncenter size-full wp-image-965" title="Jacket Art – Pistol Packin’ Mama by Warbird Photographer" alt="Jacket Art – Pistol Packin’ Mama by Warbird Photographer" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Jacket-Art-_E2_80_93-Pistol-Packin_E2_80_99-Mama-by-Warbird-Photographer.jpg" width="600" height="900" /></a></p>\n<p><a href="http://noryach.deviantart.com/art/BLUES-SPIRIT-AND-SOUL-FLYER-TEMPLATE-408683124" target="_blank"><b>Blues Spirit And Soul Flyer Template by NoryAch</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Blues-Spirit-And-Soul-Flyer-Template-by-NoryAch.jpg"><img class="aligncenter size-full wp-image-966" title="Blues Spirit And Soul Flyer Template by NoryAch" alt="Blues Spirit And Soul Flyer Template by NoryAch" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Blues-Spirit-And-Soul-Flyer-Template-by-NoryAch.jpg" width="600" height="844" /></a></p>\n<p><a href="http://ricgraydesign.deviantart.com/art/Barrio-Bars-Calypso-Christmas-Poster-418201242" target="_blank"><b>Barrio Bars: Calypso Christmas Poster by RicGrayDesign</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Barrio-Bars-Calypso-Christmas-Poster-by-RicGrayDesign.jpg"><img class="aligncenter size-full wp-image-967" title="Barrio Bars Calypso Christmas Poster by RicGrayDesign" alt="Barrio Bars Calypso Christmas Poster by RicGrayDesign" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Barrio-Bars-Calypso-Christmas-Poster-by-RicGrayDesign.jpg" width="600" height="853" /></a></p>\n<p><a href="http://brothersdude.deviantart.com/art/The-Good-Doctor-420495928" target="_blank"><b>The Good Doctor by Brothersdude</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/The-Good-Doctor-by-Brothersdude.jpg"><img class="aligncenter size-full wp-image-968" title="The Good Doctor by Brothersdude" alt="The Good Doctor by Brothersdude" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/The-Good-Doctor-by-Brothersdude.jpg" width="600" height="925" /></a></p>\n<p><a href="http://roberlan.deviantart.com/art/Obey-Glamour-418379536" target="_blank"><b>Obey Glamour by Roberlan</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Obey-Glamour-by-Roberlan.jpg"><img class="aligncenter size-full wp-image-969" title="Obey Glamour by Roberlan" alt="Obey Glamour by Roberlan" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Obey-Glamour-by-Roberlan.jpg" width="600" height="841" /></a></p>\n<p><a href="http://stylewish.deviantart.com/art/Modern-Future-Flyer-418089753" target="_blank"><b>Modern Future Flyer by <span class="GINGER_SOFATWARE_mark" id="aa9bf68a-8525-408e-8f58-b46540f57ce2">StyleWish</span></b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Modern-Future-Flyer-by-StyleWish.jpg"><img class="aligncenter size-full wp-image-970" title="Modern Future Flyer by StyleWish" alt="Modern Future Flyer by StyleWish" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Modern-Future-Flyer-by-StyleWish.jpg" width="600" height="882" /></a></p>\n<p><a href="http://indieground.deviantart.com/art/Reggae-Poster-Template-Vol-7-410059621" target="_blank"><b>Reggae Poster Template Vol. 7 by <span class="GINGER_SOFATWARE_mark" id="35558d4a-6457-440a-86d8-da8491cdd126">IndieGround</span></b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Reggae-Poster-Template-Vol.-7-by-IndieGround.jpg"><img class="aligncenter size-full wp-image-971" title="Reggae Poster Template Vol. 7 by IndieGround" alt="Reggae Poster Template Vol. 7 by IndieGround" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Reggae-Poster-Template-Vol.-7-by-IndieGround.jpg" width="600" height="829" /></a></p>\n<p><a href="http://dimitris-noksi.deviantart.com/art/Aperto-90s-Robo-Mini-409225378" target="_blank"><b><span class="GINGER_SOFATWARE_mark" id="a2d094e5-6740-4a6d-a326-44ccbd789d4d">Aperto</span> 90s Robo Mini by Dimitris Noksi</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Aperto-90s-Robo-Mini-by-Dimitris-Noksi.jpg"><img class="aligncenter size-full wp-image-972" title="Aperto 90s Robo Mini by Dimitris Noksi" alt="Aperto 90s Robo Mini by Dimitris Noksi" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Aperto-90s-Robo-Mini-by-Dimitris-Noksi.jpg" width="600" height="872" /></a></p>\n<p><a href="http://sparksup.deviantart.com/art/Retro-party-poster-407941087" target="_blank"><b>Retro party poster by <span class="GINGER_SOFATWARE_mark" id="9700ec09-f742-43cb-8f36-579ca87c4dcc">sparksup</span></b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Retro-party-poster-by-sparksup.jpg"><img class="aligncenter size-full wp-image-973" title="Retro party poster by sparksup" alt="Retro party poster by sparksup" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Retro-party-poster-by-sparksup.jpg" width="600" height="841" /></a></p>\n<p><a href="http://recklessboy.deviantart.com/art/Oldschool-Flyer-Poster-406591941" target="_blank"><b><span class="GINGER_SOFATWARE_mark" id="c78910bb-4197-4f9d-8d55-97212e1bf103">Oldschool</span> Flyer / Poster by Recklessboy</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Oldschool-Flyer-Poster-by-Recklessboy.jpg"><img class="aligncenter size-full wp-image-974" title="Oldschool Flyer Poster by Recklessboy" alt="Oldschool Flyer Poster by Recklessboy" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Oldschool-Flyer-Poster-by-Recklessboy.jpg" width="600" height="899" /></a></p>\n<p><a href="http://johnnymex.deviantart.com/art/SE7EN-409263310" target="_blank"><b>SE7EN by JohnnyMex</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/SE7EN-by-JohnnyMex.jpg"><img class="aligncenter size-full wp-image-975" title="SE7EN by JohnnyMex Retro Art Poster Designs" alt="SE7EN by JohnnyMex Retro Art Poster Designs" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/SE7EN-by-JohnnyMex.jpg" width="600" height="860" /></a></p>\n<p><a href="http://flockenpracht.deviantart.com/art/Silvester2-409026827" target="_blank"><b>Silvester2 by Flockenpracht</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Silvester2-by-Flockenpracht.jpg"><img class="aligncenter  wp-image-976" title="Silvester2 by Flockenpracht -Retro Art Poster Designs" alt="Silvester2 by Flockenpracht -Retro Art Poster Designs" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Silvester2-by-Flockenpracht.jpg" width="600" height="850" /></a></p>\n<p><a href="http://catcrackers69.deviantart.com/art/Retro-Movie-Poster-Project-4-409102460" target="_blank"><b>Retro Movie Poster (Project 4) by CatCrackers69</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Retro-Movie-Poster-Project-4-by-CatCrackers69.jpg"><img class="aligncenter size-full wp-image-977" title="Retro Movie Poster (Project 4) by CatCrackers69" alt="Retro Movie Poster (Project 4) by CatCrackers69" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Retro-Movie-Poster-Project-4-by-CatCrackers69.jpg" width="600" height="877" /></a></p>\n<p><a href="http://jcconceptual.deviantart.com/art/He-rides-on-a-white-horse-402059854" target="_blank"><b>He Rides On A White Horse by JCconceptual</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/He-Rides-On-A-White-Horse-by-JCconceptual.jpg"><img class="aligncenter size-full wp-image-978" title="He Rides On A White Horse by JCconceptual" alt="He Rides On A White Horse by JCconceptual" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/He-Rides-On-A-White-Horse-by-JCconceptual.jpg" width="600" height="848" /></a></p>\n<p><a href="http://stylewish.deviantart.com/art/Fusion-Sound-Flyer-409427936" target="_blank"><b>Fusion Sound Flyer by <span class="GINGER_SOFATWARE_mark" id="5fba760e-6e5d-43a7-adf3-d1b26a7eeeb9">StyleWish</span></b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Fusion-Sound-Flyer-by-StyleWish.jpg"><img class="aligncenter  wp-image-979" title="Fusion Sound Flyer by StyleWish" alt="Fusion Sound Flyer by StyleWish" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Fusion-Sound-Flyer-by-StyleWish.jpg" width="600" height="882" /></a></p>\n<!--Ad Injection:bottom--><script type="text/javascript">\r\n    google_ad_client = "ca-pub-0392943078732176";\r\n    google_ad_slot = "7662471229";\r\n    google_ad_width = 468;\r\n    google_ad_height = 15;\r\n</script>\r\n<!-- TDP Link -->\r\n\r\n</script>													</div><!--.post-content box mark-links-->\r\n													<div class="shareit">\r\n																		<!-- Twitter -->\r\n										<span class="share-item twitterbtn">\r\n										<a href="https://twitter.com/share" class="twitter-share-button" data-via="">Tweet</a>\r\n										</span>\r\n																										<!-- GPlus -->\r\n										<span class="share-item gplusbtn">\r\n										<g:plusone size="medium"></g:plusone>\r\n										</span>\r\n																										<!-- Facebook -->\r\n										<span class="share-item facebookbtn">\r\n										<div id="fb-root"></div>\r\n										<div class="fb-like" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div>\r\n										</span>\r\n																										<!--Linkedin -->\r\n										<span class="share-item linkedinbtn">\r\n										<script type="text/javascript" src="http://thedesignpixel.com/files/in.js"></script><script type="in/share" data-url="http://thedesignpixel.com/creatively-designed-retro-art-poster-designs.html" data-counter="right"></script>\r\n										</span>\r\n																										<!-- Stumble -->\r\n										<span class="share-item stumblebtn">\r\n										<su:badge layout="1"></su:badge>\r\n										<script type="text/javascript"> \r\n										(function() { \r\n										var li = document.createElement(''script''); li.type = ''text/javascript''; li.async = true; \r\n										li.src = window.location.protocol + ''//platform.stumbleupon.com/1/widgets.js''; \r\n										var s = document.getElementsByTagName(''script'')[0]; s.parentNode.insertBefore(li, s); \r\n										})(); \r\n										</script>\r\n										</span>\r\n																										<!-- Pinterest -->\r\n										<span class="share-item pinbtn">\r\n										<a href="http://pinterest.com/pin/create/button/?url=http://thedesignpixel.com/creatively-designed-retro-art-poster-designs.html&amp;media=http://thedesignpixel.com/wp-content/uploads/2014/04/Blues-Spirit-And-Soul-Flyer-Template-by-NoryAch.jpg&amp;description=20%20Creatively%20Designed%20Retro%20Art%20Poster%20Designs" class="pin-it-button" count-layout="horizontal">Pin It</a>\r\n										<script type="text/javascript" src="http://thedesignpixel.com/files/js/pinit.js"></script>\r\n										</span>\r\n															</div>\r\n						<!--Shareit-->\r\n													<div class="tags"><span class="tagtext">Tags:</span><a href="http://thedesignpixel.com/tag/inspiration/" rel="tag">Inspiration</a>, <a href="http://thedesignpixel.com/tag/photoshop/" rel="tag">Photoshop</a></div>\r\n																		<div class="intercept">\r\n							<div class="Intercept-1">\r\n								<div class="IPLeft">\r\n																			<div class="bottomad">\r\n											<script type="text/javascript">\r\n    google_ad_client = "ca-pub-0392943078732176";\r\n    google_ad_slot = "1464930820";\r\n    google_ad_width = 336;\r\n    google_ad_height = 280;\r\n</script>\r\n<!-- TDP Content D -->\r\n\r\n</script>										</div>\r\n										<span>Advertisement</span>\r\n																	</div>\r\n								<div class="IPRight">\r\n																			<div class="related-posts">\r\n											<h5>Related Posts</h5><ul>											<li class="">\r\n												<a rel="nofollow" class="relatedthumb" href="http://thedesignpixel.com/creative-examples-of-animated-web-designs-for-inspiration/" rel="bookmark" title="25+ Creative Examples of Animated Web Designs for Inspiration">\r\n													25+ Creative Examples of Animated Web Designs for In...												</a>\r\n												<span class=''navtext''>By designpixel</span>\r\n											</li>\r\n																						<li class="">\r\n												<a rel="nofollow" class="relatedthumb" href="http://thedesignpixel.com/apple-inspired-photoshop-tutorials/" rel="bookmark" title="35+ Apple Inspired Photoshop Tutorials">\r\n													35+ Apple Inspired Photoshop Tutorials												</a>\r\n												<span class=''navtext''>By designpixel</span>\r\n											</li>\r\n																						<li class="last">\r\n												<a rel="nofollow" class="relatedthumb" href="http://thedesignpixel.com/essential-ui-design-tools-resources-for-web-designers/" rel="bookmark" title="45 Essential UI Design Tools &#038; Resources for Web Designers">\r\n													45 Essential UI Design Tools &#038; Resources for We...												</a>\r\n												<span class=''navtext''>By designpixel</span>\r\n											</li>\r\n											</ul>										</div><!-- .related-posts -->\r\n																	</div>\r\n								<div class="clear"></div>\r\n							</div>\r\n						</div>									\r\n					</div><!--.g post-->\r\n					<!-- If comments are open, but there are no comments. -->\n<div id="respond" class="box m-t-6">\n	<h3>Leave a Reply</h3> \n	<div class="cancel-comment-reply">\n		<small><a rel="nofollow" id="cancel-comment-reply-link" href="http://thedesignpixel.com/creatively-designed-retro-art-poster-designs/#respond" style="display:none;">Click here to cancel reply.</a></small>\n	</div>\n			<form action="http://thedesignpixel.com" method="post" id="commentform">\n							<label for="author"><small>Name</small></label>\n				<p><input type="text" name="author" id="author" value="" size="28" tabindex="1" aria-required=''true'' /></p>\n				<div class="clear"></div>\n				<label for="email"><small>Email</small></label>\n				<p><input type="text" name="email" id="email" value="" size="28" tabindex="2" aria-required=''true'' /></p>\n				<div class="clear"></div>\n				<label for="url"><small>Website</small></label>\n				<p><input type="text" name="url" id="url" value="" size="28" tabindex="3" /></p>\n						<div class="clear"></div>\n			<label for="url"><small>Comment</small></label>\n			<p><textarea name="comment" id="comment" cols="100%" rows="8" tabindex="4"></textarea></p>\n			<input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" class="medium skin button"/>\n			<div class="clear"></div> \n			<input type=''hidden'' name=''comment_post_ID'' value=''959'' id=''comment_post_ID'' />\n<input type=''hidden'' name=''comment_parent'' id=''comment_parent'' value=''0'' />\n			<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="e1e9576f30" /></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_comments" id="subscribe_comments" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" /> <label class="subscribe-label" id="subscribe-label" for="subscribe_comments">Notify me of follow-up comments by email.</label></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" /> <label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog">Notify me of new posts by email.</label></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="222"/></p>		</form>\n	</div>\n							</div>\r\n		</article>\r\n		<aside class="sidebar c-4-12">\n	<div id="sidebars" class="g">\n		<div class="sidebar">\n			<ul class="sidebar_list">\n				<li id="widget_text" class="widget widget-sidebar">			<div class="textwidget"><p><script type="text/javascript"><!--\ngoogle_ad_client = "ca-pub-0392943078732176";\n/* TDP */\ngoogle_ad_slot = "9576953627";\ngoogle_ad_width = 300;\ngoogle_ad_height = 250;\n//-->\n</script><br />\n\n</script></p>\n</div>\n		</li><li id="social-profile-icons" class="widget widget-sidebar"><div class="social-profile-icons"><ul class=""><li class="social-facebook"><a title="Facebook" href="https://www.facebook.com/TheDesignPixel" target="_blank">Facebook</a></li><li class="social-gplus"><a title="Google+" href="https://www.google.com/+Thedesignpixel" target="_blank">Google+</a></li><li class="social-pinterest"><a title="Pinterest" href="http://www.pinterest.com/thedesignpixel/" target="_blank">Pinterest</a></li><li class="social-rss"><a title="RSS" href="http://feeds.feedburner.com/TheDesignPixel" target="_blank">RSS</a></li><li class="social-twitter"><a title="Twitter" href="https://twitter.com/TheDesignPixel" target="_blank">Twitter</a></li></ul></div></li><li id="widget_search" class="widget widget-sidebar"><form method="get" id="searchform" class="search-form" action="http://thedesignpixel.com" _lpchecked="1">\n	<fieldset> \n		<input type="text" name="s" id="s" value="Search this Site..." onfocus="if(this.value==''Search this Site...'')this.value='''';" x-webkit-speech onwebkitspeechchange="transcribe(this.value)"> \n		<input id="search-image" class="sbutton" type="image" src="../wp-content/themes/minimalist/images/search.png" style="border:0; vertical-align: top;">\n	</fieldset>\n</form></li><li id="mts_pp" class="widget widget-sidebar">		<!-- BEGIN WIDGET -->\n		<div class="pp-wrapper">\n			\n			<h3>Popular Posts</h3>\n			<ul class="popular-posts">\n																	\n						<li >\n																					<a href=''http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-600x200.jpg" alt="50 Useful Photoshop Logo Design Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/'' title=''50 Useful Photoshop Logo Design Tutorials'' class=''popular-title''>50 Useful Photoshop Logo Design Tutorials</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-free-responsive-blogger-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-180x180.jpg" alt="45+ Best Free Responsive Blogger Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-responsive-blogger-templates/'' title=''45+ Best Free Responsive Blogger Templates'' class=''popular-title''>45+ Best Free Responsive Blogger Templates</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Blue-Coming-Soon-Page-600x200.jpg" alt="35+ Free Coming Soon and Under Construction Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/'' title=''35+ Free Coming Soon and Under Construction Templates'' class=''popular-title''>35+ Free Coming Soon and Under Construction Templates</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/free-useful-photoshop-plugins/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Css3ps-180x180.jpg" alt="15 Free &#038; Useful Photoshop Plugins"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-useful-photoshop-plugins/'' title=''15 Free &#038; Useful Photoshop Plugins'' class=''popular-title''>15 Free &#038; Useful Photoshop Plugins</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/The-Weathertron-600x200.jpg" alt="25+ Responsive Mobile App Landing Pages for Inspiration"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/'' title=''25+ Responsive Mobile App Landing Pages for Inspiration'' class=''popular-title''>25+ Responsive Mobile App Landing Pages for Inspiration</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-free-wireframing-tools-for-designers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Axure-RP-180x180.jpg" alt="8 Best Free Wireframing Tools for Designers"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-wireframing-tools-for-designers/'' title=''8 Best Free Wireframing Tools for Designers'' class=''popular-title''>8 Best Free Wireframing Tools for Designers</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-600x200.jpg" alt="20 Most Useful 3D Text Effect Photoshop Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/'' title=''20 Most Useful 3D Text Effect Photoshop Tutorials'' class=''popular-title''>20 Most Useful 3D Text Effect Photoshop Tutorials</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/useful-cheat-sheets-designers-developers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-180x180.jpg" alt="65+ Useful Cheat Sheets for Designers and Developers"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/useful-cheat-sheets-designers-developers/'' title=''65+ Useful Cheat Sheets for Designers and Developers'' class=''popular-title''>65+ Useful Cheat Sheets for Designers and Developers</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/12/Nvaccess-180x180.jpg" alt="12 Free Text To Speech Voice Conversion Tools"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/'' title=''12 Free Text To Speech Voice Conversion Tools'' class=''popular-title''>12 Free Text To Speech Voice Conversion Tools</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-free-wordpress-magazine-themes/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Great-600x200.jpg" alt="20 Best Free WordPress Magazine Themes"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-wordpress-magazine-themes/'' title=''20 Best Free WordPress Magazine Themes'' class=''popular-title''>20 Best Free WordPress Magazine Themes</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/best-most-addictive-html5-games/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Luxahoy-180x180.jpg" alt="35+ Best Most Addictive HTML5 Games"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-most-addictive-html5-games/'' title=''35+ Best Most Addictive HTML5 Games'' class=''popular-title''>35+ Best Most Addictive HTML5 Games</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-remote-desktop-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Logmein-180x180.jpg" alt="8 Best Remote Desktop Tools"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-remote-desktop-tools/'' title=''8 Best Remote Desktop Tools'' class=''popular-title''>8 Best Remote Desktop Tools</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/paper-textures-backgrounds/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/32-Wrinkled-Paper-Textures-180x180.jpg" alt="35+ Paper Textures and Backgrounds You’ll Love"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/paper-textures-backgrounds/'' title=''35+ Paper Textures and Backgrounds You’ll Love'' class=''popular-title''>35+ Paper Textures and Backgrounds You’ll Love</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-data-visualization-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Polymaps-180x180.jpg" alt="35+ Best Data Visualization Tools"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-data-visualization-tools/'' title=''35+ Best Data Visualization Tools'' class=''popular-title''>35+ Best Data Visualization Tools</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/creative-404-error-page-designs-for-inspiration/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Dribble-180x180.png" alt="50+ Creative 404 Error Page Designs for Inspiration"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/creative-404-error-page-designs-for-inspiration/'' title=''50+ Creative 404 Error Page Designs for Inspiration'' class=''popular-title''>50+ Creative 404 Error Page Designs for Inspiration</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-responsive-magento-themes/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Zonda-Premium-Responsive-Magento-Theme-180x180.jpg" alt="65+ Best Responsive Magento Themes"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-responsive-magento-themes/'' title=''65+ Best Responsive Magento Themes'' class=''popular-title''>65+ Best Responsive Magento Themes</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/useful-project-management-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Planzone-180x180.jpg" alt="40 Useful Project Management Tools"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/useful-project-management-tools/'' title=''40 Useful Project Management Tools'' class=''popular-title''>40 Useful Project Management Tools</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/excellent-adobe-indesign-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Speed-up-your-InDesign-layouts-180x180.jpg" alt="25+ Excellent Adobe InDesign Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/excellent-adobe-indesign-tutorials/'' title=''25+ Excellent Adobe InDesign Tutorials'' class=''popular-title''>25+ Excellent Adobe InDesign Tutorials</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/best-print-ready-psd-flyer-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Coyote-Night-Flyer-Template-180x180.jpg" alt="30 Best Print Ready PSD Flyer Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-print-ready-psd-flyer-templates/'' title=''30 Best Print Ready PSD Flyer Templates'' class=''popular-title''>30 Best Print Ready PSD Flyer Templates</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-premium-responsive-wordpress-themes/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-180x180.jpg" alt="50+ Best Premium Responsive WordPress Themes of 2014"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-premium-responsive-wordpress-themes/'' title=''50+ Best Premium Responsive WordPress Themes of 2014'' class=''popular-title''>50+ Best Premium Responsive WordPress Themes of 2014</a>\n						</li>\n					\n														<ul>\n		</div>\n		<!-- END WIDGET -->\n		</li><li id="widget_facebook_likebox" class="widget widget-sidebar"><iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FTheDesignPixel&amp;width=300&amp;height=412&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;show_border=true&amp;header=false&amp;force_wall=false" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 300px;  height: 412px; background: #fff"></iframe></li><li id="widget_text" class="widget widget-sidebar">			<div class="textwidget"><p><!-- Place this tag where you want the widget to render. --></p>\n<div class="g-page" data-width="290" data-href="https://plus.google.com/116834064471293661453" data-layout="landscape" data-rel="publisher"></div>\n<p><!-- Place this tag after the last widget tag. --><br />\n<script type="text/javascript">\n  (function() {\n    var po = document.createElement(''script''); po.type = ''text/javascript''; po.async = true;\n    po.src = ''https://apis.google.com/js/platform.js'';\n    var s = document.getElementsByTagName(''script'')[0]; s.parentNode.insertBefore(po, s);\n  })();\n</script></p>\n</div>\n		</li>			</ul>\n		</div>\n	</div><!--sidebars-->\n</aside>		</div><!--#page-->\n	</div><!--.container-->\n</div>\n', 'creatively designed retro art poster designs', '', 'publish', 'closed', 'closed', '', 'creatively-designed-retro-art-poster-designs', '', '', '2017-04-11 13:16:24', '2017-04-11 13:16:24', '', 0, 'http://thedesignpixel.com/creatively-designed-retro-art-poster-designs/', 0, 'page', '', 0);
INSERT INTO `wp_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(123, 1, '2017-04-11 13:16:25', '2017-04-11 13:16:25', '  \n<div class="main-wrapper">\n<div id="page">\n<div class="main-content cblayout">\n<div id="content" class="content-area single-content-area">\n<div class="content content-single ">\n<div class="breadcrumbs">\n<a href="http://thedesignpixel.com"> <i class="fa fa-home"></i>Home</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a> &bull; <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a>&nbsp;&nbsp;/&nbsp;&nbsp;25+ Easy-to-Follow Motion Graphics Tutorials </div>\n<div class="single-content">\n<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">\n<div id="post-1078" class="post-box">\n<div class="post-meta-top"> <div class="post-cats uppercase">\n<span>\n<a href="http://thedesignpixel.com/category/graphics/" title="View all posts in Graphics">Graphics</a> </span>\n</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <header>\n<h1 class="title single-title">25+ Easy-to-Follow Motion Graphics Tutorials</h1>\n<div class="post-meta-left">\n<div class="post-meta">\n<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>\n</div> </div> </header> \n<div class="post-inner">\n<div class="post-content single-post-content">\n<div class="single-post-ad">\n \n<center><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-9519362928933155" data-ad-slot="8554605828"></ins></center>\n<script>\r\n(adsbygoogle = window.adsbygoogle || []).push({});\r\n</script> </div>\n<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 possible. A basic definition being, Motion graphics are graphics that use Video footage, or Animation to create an illusion of rotation or motion, and also use audio combined, generally in multimedia projects and other uses mentioned above. This is the most common frame to frame animation and video footage method being utilized around in today&rsquo;s online and offline world.</p>\n<p>That Samsung or Apple animated logo, we get to see as soon as we turn on our Mobile phones, is also an example of very basic Motion graphics.</p>\n<p>Now, discussing about their development and design, these are not so easy to develop by yourself, and hiring a designer to design them for you customized on your means is not as cheap as you expect. And, if you are working on your startup, or your multimedia project, you must already be on a low budget, and getting to pay a designer won&rsquo;t be an easy task for you.</p>\n<p>Developing them may be a tough job, if you try it yourself, but with step by step procedures and tutorials, it becomes a job as easy as having a piece of cake, to develop them, with the softwares, that every particular tutorial requires. Out of the hundreds of motion graphics tutorials available on the web, here are some of the handpicked tutorials, with each step mentioned clearly and in an elaborated manner, clearing up the things, and letting you design the particular motion graphic you need easily and wisely. Use these, save your time, money, and learn something new in the easy way! Best of luck!\n</p>\n<h3><span style="text-decoration: underline;"><em><strong>25+ Easy-to-Follow Motion Graphics Tutorials</strong></em></span>:</h3>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/kandi-runner-animate-a-vector-game-sprite-walk-cycle/"><b>Game Sprite Walk Cycle</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Game-Sprite-Walk-Cycle.jpg"><img class="aligncenter size-full wp-image-1079" title="Game Sprite Walk Cycle" alt="Game Sprite Walk Cycle" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Game-Sprite-Walk-Cycle.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1079" title="Game Sprite Walk Cycle" alt="Game Sprite Walk Cycle" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Game-Sprite-Walk-Cycle.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/how-to-create-cartoon-smoke-using-trapcode-particular/"><b>Create Cartoon Smoke</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Create-Cartoon-Smoke.jpg"><img class="aligncenter  wp-image-1080" title="Create Cartoon Smoke" alt="Create Cartoon Smoke" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Create-Cartoon-Smoke.jpg" width="600" height="375"><noscript><img class="aligncenter  wp-image-1080" title="Create Cartoon Smoke" alt="Create Cartoon Smoke" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Create-Cartoon-Smoke.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/quick-tip-creating-an-app-walkthrough-in-after-effects/"><b>Mobile App <span class="GINGER_SOFATWARE_mark" id="23539f88-22c1-4b58-98c8-72d8595b2b0f">Walkthrough</span></b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Mobile-App-Walkthrough.jpg"><img class="aligncenter size-full wp-image-1081" title="Mobile App Walkthrough" alt="Mobile App Walkthrough" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Mobile-App-Walkthrough.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1081" title="Mobile App Walkthrough" alt="Mobile App Walkthrough" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Mobile-App-Walkthrough.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/how-to-create-a-parallaxing-background-without-a-3d-camera/"><b>Create a Parallaxing Background</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Create-a-Parallaxing-Background.jpg"><img class="aligncenter size-full wp-image-1082" title="Create a Parallaxing Background" alt="Create a Parallaxing Background" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Create-a-Parallaxing-Background.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1082" title="Create a Parallaxing Background" alt="Create a Parallaxing Background" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Create-a-Parallaxing-Background.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/selective-shadows-using-photoshop-to-after-effects/"><b>Selective Shadows</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Selective-Shadows.jpg"><img class="aligncenter size-full wp-image-1083" title="Selective Shadows" alt="Selective Shadows" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Selective-Shadows.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1083" title="Selective Shadows" alt="Selective Shadows" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Selective-Shadows.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/create-a-clean-flying-strokes-text-reveal/"><b>Clean Text Reveal</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Clean-Text-Reveal.jpg"><img class="aligncenter size-full wp-image-1084" title="Clean Text Reveal" alt="Clean Text Reveal" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Clean-Text-Reveal.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1084" title="Clean Text Reveal" alt="Clean Text Reveal" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Clean-Text-Reveal.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/a-look-at-the-different-ways-to-overshoot-motion/"><b>How to Overshoot Motion</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/How-to-Overshoot-Motion.jpg"><img class="aligncenter size-full wp-image-1085" title="How to Overshoot Motion" alt="How to Overshoot Motion" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/How-to-Overshoot-Motion.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1085" title="How to Overshoot Motion" alt="How to Overshoot Motion" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/How-to-Overshoot-Motion.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/animate-flowing-text-from-a-page-to-a-phone-without-a-particle-emitter/"><b>Animate Text Flowing Effect</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Animate-Text-Flowing-Effect.jpg"><img class="aligncenter  wp-image-1086" title="Animate Text Flowing Effect" alt="Animate Text Flowing Effect" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Animate-Text-Flowing-Effect.jpg" width="600" height="375"><noscript><img class="aligncenter  wp-image-1086" title="Animate Text Flowing Effect" alt="Animate Text Flowing Effect" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Animate-Text-Flowing-Effect.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/create-a-fish-bowl-filling-with-refractive-water/"><b>Fish Bowl Filling with Water</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Fish-Bowl-Filling-with-Water.jpg"><img class="aligncenter size-full wp-image-1087" title="Fish Bowl Filling with Water" alt="Fish Bowl Filling with Water" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Fish-Bowl-Filling-with-Water.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1087" title="Fish Bowl Filling with Water" alt="Fish Bowl Filling with Water" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Fish-Bowl-Filling-with-Water.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/the-fastest-way-to-accomplish-stop-motion-in-after-effects/"><b>Stop Motion in After Effects</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Stop-Motion-in-After-Effects.jpg"><img class="aligncenter size-full wp-image-1088" title="Stop Motion in After Effects" alt="Stop Motion in After Effects" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Stop-Motion-in-After-Effects.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1088" title="Stop Motion in After Effects" alt="Stop Motion in After Effects" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Stop-Motion-in-After-Effects.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/how-to-create-photo-realistic-branded-product-mockups/"><b>Realistic Product <span class="GINGER_SOFATWARE_mark" id="b6d91dee-1efa-4df6-82d7-9fe2695c6ab5">Mockups</span></b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Realistic-Product-Mockups.jpg"><img class="aligncenter size-full wp-image-1089" title="Realistic Product Mockups" alt="Realistic Product Mockups" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Realistic-Product-Mockups.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1089" title="Realistic Product Mockups" alt="Realistic Product Mockups" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Realistic-Product-Mockups.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/design-a-triangular-time-displacement-transition/"><b>Text Displacement Transition</b></a></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Text-Displacement-Transition.jpg"><img class="aligncenter size-full wp-image-1090" alt="Text Displacement Transition" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Text-Displacement-Transition.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1090" alt="Text Displacement Transition" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Text-Displacement-Transition.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/use-a-3d-model-to-create-a-monochromatic-logo-animation/"><b>Monochromatic Logo Animation</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Monochromatic-Logo-Animation.jpg"><img class="aligncenter size-full wp-image-1091" title="Monochromatic Logo Animation" alt="Monochromatic Logo Animation" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Monochromatic-Logo-Animation.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1091" title="Monochromatic Logo Animation" alt="Monochromatic Logo Animation" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Monochromatic-Logo-Animation.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/create-a-powerful-groundbreaking-logo-reveal-ae-part/"><b>Groundbreaking Logo Reveal</b></a></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Groundbreaking-Logo-Reveal.jpg"><img class="aligncenter size-full wp-image-1092" alt="Groundbreaking Logo Reveal" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Groundbreaking-Logo-Reveal.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1092" alt="Groundbreaking Logo Reveal" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Groundbreaking-Logo-Reveal.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/writing-with-colored-sand/"><b>Writing with Colored Sand</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Writing-with-Colored-Sand.jpg"><img class="aligncenter size-full wp-image-1093" title="Writing with Colored Sand" alt="Writing with Colored Sand" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Writing-with-Colored-Sand.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1093" title="Writing with Colored Sand" alt="Writing with Colored Sand" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Writing-with-Colored-Sand.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/create-an-animated-split-flap-clock/"><b>Split Flap Clock Effect</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Split-Flap-Clock-Effect.jpg"><img class="aligncenter  wp-image-1094" title="Split Flap Clock Effect" alt="Split Flap Clock Effect" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Split-Flap-Clock-Effect.jpg" width="600" height="375"><noscript><img class="aligncenter  wp-image-1094" title="Split Flap Clock Effect" alt="Split Flap Clock Effect" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Split-Flap-Clock-Effect.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/quick-tip-create-a-simple-typewriter-animation/"><b>Create a Simple Typewriter Animation</b></a></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Create-a-Simple-Typewriter-Animation.jpg"><img class="aligncenter size-full wp-image-1095" alt="Create a Simple Typewriter Animation" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Create-a-Simple-Typewriter-Animation.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1095" alt="Create a Simple Typewriter Animation" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Create-a-Simple-Typewriter-Animation.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/make-a-chalkboard-style-scribble-and-smudge/"><b>Chalkboard-Style Scribbles</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Chalkboard-Style-Scribbles.jpg"><img class="aligncenter size-full wp-image-1096" title="Chalkboard-Style Scribbles" alt="Chalkboard-Style Scribbles" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Chalkboard-Style-Scribbles.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1096" title="Chalkboard-Style Scribbles" alt="Chalkboard-Style Scribbles" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Chalkboard-Style-Scribbles.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/how-to-re-create-the-retro-tron-lightcyle-game/"><b>Tron Lightcycle Animation</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Tron-Lightcycle-Animation.jpg"><img class="aligncenter size-full wp-image-1097" title="Tron Lightcycle Animation" alt="Tron Lightcycle Animation" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Tron-Lightcycle-Animation.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1097" title="Tron Lightcycle Animation" alt="Tron Lightcycle Animation" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Tron-Lightcycle-Animation.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/crumpled-paper-logo-reveal-with-mir/"><b>Crumpled Paper Logo Reveal</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Crumpled-Paper-Logo-Reveal.jpg"><img class="aligncenter size-full wp-image-1098" title="Crumpled Paper Logo Reveal" alt="Crumpled Paper Logo Reveal" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Crumpled-Paper-Logo-Reveal.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1098" title="Crumpled Paper Logo Reveal" alt="Crumpled Paper Logo Reveal" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Crumpled-Paper-Logo-Reveal.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/quick-tip-a-fast-and-easy-tv-turn-off-effect/"><b>Television Turn-off Effect</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Television-Turn-off-Effect.jpg"><img class="aligncenter size-full wp-image-1099" title="Television Turn-off Effect" alt="Television Turn-off Effect" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Television-Turn-off-Effect.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1099" title="Television Turn-off Effect" alt="Television Turn-off Effect" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Television-Turn-off-Effect.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/build-a-shattering-cinematic-title-opener/"><b>Shattering Cinematic Title</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Shattering-Cinematic-Title.jpg"><img class="aligncenter size-full wp-image-1100" title="Shattering Cinematic Title" alt="Shattering Cinematic Title" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Shattering-Cinematic-Title.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1100" title="Shattering Cinematic Title" alt="Shattering Cinematic Title" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Shattering-Cinematic-Title.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/how-to-create-a-seamless-infinite-white-backdrop/"><b>Infinite White Backdrop</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Infinite-White-Backdrop.jpg"><img class="aligncenter size-full wp-image-1101" title="Infinite White Backdrop" alt="Infinite White Backdrop" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Infinite-White-Backdrop.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1101" title="Infinite White Backdrop" alt="Infinite White Backdrop" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Infinite-White-Backdrop.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/sink-you-logo-into-the-floor/"><b>Sunken Text Effect</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Sunken-Text-Effect.jpg"><img class="aligncenter size-full wp-image-1102" title="Sunken Text Effect" alt="Sunken Text Effect" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Sunken-Text-Effect.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1102" title="Sunken Text Effect" alt="Sunken Text Effect" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Sunken-Text-Effect.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/crash-dummy-character-rigging-using-newton/"><b>Crash Test Dummy</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Crash-Test-Dummy.jpg"><img class="aligncenter size-full wp-image-1103" title="Crash Test Dummy Motion Graphics Tutorials" alt="Crash Test Dummy Motion Graphics Tutorials" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Crash-Test-Dummy.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1103" title="Crash Test Dummy Motion Graphics Tutorials" alt="Crash Test Dummy Motion Graphics Tutorials" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Crash-Test-Dummy.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/how-to-create-a-simple-animated-speedometer/"><b>Simple Animated Speedometer</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Simple-Animated-Speedometer.jpg"><img class="aligncenter size-full wp-image-1104" title="Simple Animated Speedometer" alt="Simple Animated Speedometer" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Simple-Animated-Speedometer.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1104" title="Simple Animated Speedometer" alt="Simple Animated Speedometer" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Simple-Animated-Speedometer.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/building-an-iphone-in-after-effects/"><b>Build an iPhone in After Effects</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Build-an-iPhone-in-After-Effects.jpg"><img class="aligncenter size-full wp-image-1105" title="Build an iPhone in After Effects" alt="Build an iPhone in After Effects" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Build-an-iPhone-in-After-Effects.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1105" title="Build an iPhone in After Effects" alt="Build an iPhone in After Effects" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Build-an-iPhone-in-After-Effects.jpg" width="600" height="375"></noscript></a></p>\n<p><a href="http://ae.tutsplus.com/tutorials/motion-graphics/time-remapped-mock-tv-show-opener/"><b>Mock TV Show Opener</b></a></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Mock-TV-Show-Opener.jpg"><img class="aligncenter size-full wp-image-1106" title="Mock TV Show Opener" alt="Mock TV Show Opener" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Mock-TV-Show-Opener.jpg" width="600" height="375"><noscript><img class="aligncenter size-full wp-image-1106" title="Mock TV Show Opener" alt="Mock TV Show Opener" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Mock-TV-Show-Opener.jpg" width="600" height="375"></noscript></a></p>\n<div class="crp_related "><h3>You may also like</h3><ul><li><a href="http://thedesignpixel.com/best-photoshop-print-design-tutorials/"><img 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/Create-a-vibrant-colorful-alcohol-product-Ad-150x150.jpg" alt="35+ Best Photoshop Print Design Tutorials" title="35+ Best Photoshop Print Design Tutorials" width="150" height="150" class="crp_thumb crp_featured"/><noscript></noscript></a><a href="http://thedesignpixel.com/best-photoshop-print-design-tutorials/" class="crp_title">35+ Best Photoshop Print Design Tutorials</a></li><li><a href="http://thedesignpixel.com/useful-tutorials-for-developing-html5-web-browser-games/"><img 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-150x150.jpg" alt="30 Useful Tutorials for Developing HTML5 Web Browser Games" title="30 Useful Tutorials for Developing HTML5 Web Browser Games" width="150" height="150" class="crp_thumb crp_featured"/><noscript></noscript></a><a href="http://thedesignpixel.com/useful-tutorials-for-developing-html5-web-browser-games/" class="crp_title">30 Useful Tutorials for Developing HTML5 Web Browser Games</a></li><li><a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/"><img 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-150x150.jpg" alt="20 Most Useful 3D Text Effect Photoshop Tutorials" title="20 Most Useful 3D Text Effect Photoshop Tutorials" width="150" height="150" class="crp_thumb crp_featured"/><noscript></noscript></a><a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/" class="crp_title">20 Most Useful 3D Text Effect Photoshop Tutorials</a></li><li><a href="http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/"><img 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-150x150.jpg" alt="50 Useful Photoshop Logo Design Tutorials" title="50 Useful Photoshop Logo Design Tutorials" width="150" height="150" class="crp_thumb crp_featured"/><noscript></noscript></a><a href="http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/" class="crp_title">50 Useful Photoshop Logo Design Tutorials</a></li><li><a href="http://thedesignpixel.com/fresh-useful-css3-tutorials-techniques/"><img 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-150x150.jpg" alt="45+ Fresh &#038; Useful CSS3 Tutorials &#038; Techniques" title="45+ Fresh &#038; Useful CSS3 Tutorials &#038; Techniques" width="150" height="150" class="crp_thumb crp_featured"/><noscript></noscript></a><a href="http://thedesignpixel.com/fresh-useful-css3-tutorials-techniques/" class="crp_title">45+ Fresh &#038; Useful CSS3 Tutorials &#038; Techniques</a></li><li><a href="http://thedesignpixel.com/best-html5-animation-tools/"><img 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/Mugeda-150x150.jpg" alt="20 Best HTML5 Animation Tools" title="20 Best HTML5 Animation Tools" width="150" height="150" class="crp_thumb crp_featured"/><noscript></noscript></a><a href="http://thedesignpixel.com/best-html5-animation-tools/" class="crp_title">20 Best HTML5 Animation Tools</a></li></ul><div class="crp_clear"></div></div>\n</div> \n</div> \n</div> \n</article> </div> \n<div style="clear:both"></div>\n<div id="comments" class="comments-area">\n<div id="respond" style="width: 0;height: 0;clear: both;margin: 0;padding: 0;"></div>\n<h3 id="wc-comment-header">Leave a Reply</h3>\n<div id="wpcomm" class="wpdiscuz_unauth">\n<div class="wc-comment-bar">\n<p class="wc-comment-title">\nBe the First to Comment! </p>\n<div style="clear:both"></div>\n</div>\n<div class="wc_social_plugin_wrapper">\n</div>\n<div class="wc-form-wrapper wc-main-form-wrapper" id=''wc-main-form-wrapper-0_0''>\n<div class="wpdiscuz-comment-message" style="display: block;"></div>\n<form class="wc_comm_form wc_main_comm_form" method="post" action="">\n<div class="wc-field-comment">\n<div class="wc-field-avatararea">\n<img alt='''' src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://2.gravatar.com/avatar/?s=48&#038;d=mm&#038;r=g" srcset=''http://1.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48''/><noscript><img alt='''' src="http://thedesignpixel.com/files/avatar/_s_48_amp_d_mm_amp_r_g.jpg" srcset=''http://1.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48''/></noscript> </div>\n<div class="wpdiscuz-item wc-field-textarea">\n<textarea placeholder="Start the discussion" required="required" name="wc_comment" class="wc_comment wc_field_input"></textarea>\n</div>\n<div style="clear:both"></div>\n</div>\n<div class="wc-form-footer" style="display: none;">\n<div class="wc-author-data">\n<div class="wc-field-name wpdiscuz-item">\n<input type="text" placeholder="Name" value="" required="required" name="wc_name" class="wc_name wc_field_input">\n</div>\n<div class="wc-field-email wpdiscuz-item">\n<input type="email" placeholder="Email" value="" name="wc_email" class="wc_email wc_field_input email">\n</div>\n<div style="clear:both"></div>\n</div>\n<div class="wc-form-submit">\n<div class="wc-field-captcha wpdiscuz-item">\n<input type="text" maxlength="5" value="" required="required" name="wc_captcha" class="wc_field_input wc_field_captcha">\n<span class="wc-label wc-captcha-label">\n<a class="wpdiscuz-nofollow" href="#" rel="nofollow">\n\n</a>\n<a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow">\n<img class="" alt="Error" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png">\n</a>\n<input type="hidden" id="LdXA3f32898c1d37335f1c39301cf15688049c9727ae66b1fc360b582c7c21e2b122e" class="wpdiscuz-cnonce" name="cnonce" value="LdXA3f32898c1d37335f1c39301cf15688049c9727ae66b1fc360b582c7c21e2b122e"/>\n</span>\n<span class="captcha_msg">Please insert the code above to comment</span>\n</div>\n<div class="wc-field-submit">\n<div class="wc-field-website wpdiscuz-item">\n<input type="url" placeholder="WebSite URL" value="" name="wc_website" class="wc_website wc_field_input">\n</div>\n<div class="wc_notification_checkboxes" style="display:block">\n<input id="wc_notification_new_comment-0_0" class="wc_notification_new_comment-0_0" value="comment" type="checkbox" name="wpdiscuz_notification_type"/> <label class="wc-label-comment-notify" for="wc_notification_new_comment-0_0">Notify of new replies to this comment</label><br/>\n</div>\n<input type="button" class="wc_comm_submit button alt" value="Post Comment" name="submit">\n</div>\n<div style="clear:both"></div>\n</div>\n</div>\n<input type="hidden" id="wpdiscuz_comment_form_nonce" name="wpdiscuz_comment_form_nonce" value="8ab4ee6912"/><input type="hidden" name="_wp_http_referer" value="/easy-to-follow-motion-graphics-tutorials.html"/> <input type="hidden" value="0_0" name="wpdiscuz_unique_id">\n</form>\n</div>\n<div id="wpdiscuz_hidden_secondary_form" style="display: none;">\n<div class="wc-form-wrapper wc-secondary-form-wrapper" id=''wc-secondary-form-wrapper-wpdiscuzuniqueid'' style="display: none;">\n<div class="wpdiscuz-comment-message" style="display: block;"></div>\n<div class="wc-secondary-forms-social-content"></div>\n<form class="wc_comm_form wc-secondary-form-wrapper" method="post" action="">\n<div class="wc-field-comment">\n<div class="wc-field-avatararea">\n<img alt='''' src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://1.gravatar.com/avatar/?s=48&#038;d=mm&#038;r=g" srcset=''http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48''/><noscript><img alt='''' src="http://thedesignpixel.com/files/avatar/_s_48_amp_d_mm_amp_r_g.jpg" srcset=''http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48''/></noscript> </div>\n<div class="wpdiscuz-item wc-field-textarea">\n<textarea placeholder="Join the discussion" required="required" name="wc_comment" class="wc_comment wc_field_input"></textarea>\n</div>\n<div style="clear:both"></div>\n</div>\n<div class="wc-form-footer" style="display: none;">\n<div class="wc-author-data">\n<div class="wc-field-name wpdiscuz-item">\n<input type="text" placeholder="Name" value="" required="required" name="wc_name" class="wc_name wc_field_input">\n</div>\n<div class="wc-field-email wpdiscuz-item">\n<input type="email" placeholder="Email" value="" name="wc_email" class="wc_email wc_field_input email">\n</div>\n<div style="clear:both"></div>\n</div>\n<div class="wc-form-submit">\n<div class="wc-field-captcha wpdiscuz-item">\n<input type="text" maxlength="5" value="" required="required" name="wc_captcha" class="wc_field_input wc_field_captcha">\n<span class="wc-label wc-captcha-label">\n<a class="wpdiscuz-nofollow" href="#" rel="nofollow">\n\n</a>\n<a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow">\n<img class="" alt="Error" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png">\n</a>\n<input type="hidden" id="Ev3YX76abed749bdfc80685ae4ce1b48d53786654eb022f7be30b0aa27a253796e04a" class="wpdiscuz-cnonce" name="cnonce" value="Ev3YX76abed749bdfc80685ae4ce1b48d53786654eb022f7be30b0aa27a253796e04a"/>\n</span>\n<span class="captcha_msg">Please insert the code above to comment</span>\n</div>\n<div class="wc-field-submit">\n<div class="wc-field-website wpdiscuz-item">\n<input type="url" placeholder="WebSite URL" value="" name="wc_website" class="wc_website wc_field_input">\n</div>\n<div class="wc_notification_checkboxes" style="display:block">\n<input id="wc_notification_new_comment-wpdiscuzuniqueid" class="wc_notification_new_comment-wpdiscuzuniqueid" value="comment" type="checkbox" name="wpdiscuz_notification_type"/> <label class="wc-label-comment-notify" for="wc_notification_new_comment-wpdiscuzuniqueid">Notify of new replies to this comment</label><br/>\n</div>\n<input type="button" class="wc_comm_submit button alt" value="Post Comment" name="submit">\n</div>\n<div style="clear:both"></div>\n</div>\n</div>\n<input type="hidden" id="wpdiscuz_comment_form_nonce" name="wpdiscuz_comment_form_nonce" value="8ab4ee6912"/><input type="hidden" name="_wp_http_referer" value="/easy-to-follow-motion-graphics-tutorials.html"/> <input type="hidden" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id">\n</form>\n</div>\n</div>\n<hr>\n<div id="wcThreadWrapper" class="wc-thread-wrapper">\n<div class="wpdiscuz-comment-pagination">\n</div>\n</div>\n<div style="clear:both"></div>\n</div>\n</div>\n<div class="wpdiscuz-loading-bar wpdiscuz-loading-bar-unauth"><img src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/loading.gif"/></div>\n</div>\n</div>\n<aside class="sidebar">\n<div id="sidebar">\n<div class="widget sidebar-widget widget_bpxl_category_widget"><h3 class="widget-title uppercase"><span><i class="fa fa-clock-o"></i>Recent Posts</span></h3>  \n<div class="category-posts-widget category_posts">\n<ul class="category-posts">\n<li>\n<div class="thumbnail">\n<a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/free-stunning-website-templates/''>\n<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 wp-post-image" alt="About"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/About-65x65.jpg" class="attachment-widgetthumb wp-post-image" alt="About"/></noscript> <div class="fhover"></div>\n</a>\n</div>\n<div class="info">\n<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>\n<span class="meta">\n<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>\n</span>\n</div>\n</li>\n<li>\n<div class="thumbnail">\n<a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/20-fresh-photoshop-text-effects-for-web-designers/''>\n<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 wp-post-image" alt="Plump Text Effect"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/07/Plump-Text-Effect-65x65.jpg" class="attachment-widgetthumb wp-post-image" alt="Plump Text Effect"/></noscript> <div class="fhover"></div>\n</a>\n</div>\n<div class="info">\n<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>\n<span class="meta">\n<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>\n</span>\n</div>\n</li>\n<li>\n<div class="thumbnail">\n<a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/35-free-responsive-wordpress-themes-for-2015/''>\n<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 wp-post-image" alt="Arcade Basic"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/07/Arcade-Basic-65x65.jpg" class="attachment-widgetthumb wp-post-image" alt="Arcade Basic"/></noscript> <div class="fhover"></div>\n</a>\n</div>\n<div class="info">\n<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>\n<span class="meta">\n<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>\n</span>\n</div>\n</li>\n<li>\n<div class="thumbnail">\n<a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/creative-svg-animation-tutorials/''>\n<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/Export-from-Photoshop-to-SVG-65x65.jpg" class="attachment-widgetthumb wp-post-image" alt="Export from Photoshop to SVG"/><noscript></noscript> <div class="fhover"></div>\n</a>\n</div>\n<div class="info">\n<span class="widgettitle"><a href="http://thedesignpixel.com/creative-svg-animation-tutorials/" title="10 Creative SVG Animation Tutorials">10 Creative SVG Animation Tutorials</a></span>\n<span class="meta">\n<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/creative-svg-animation-tutorials/#respond" class="comments-link">0</a></span>\n</span>\n</div>\n</li>\n<li>\n<div class="thumbnail">\n<a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/minimalist-interior-design-wordpress-themes/''>\n<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/Minimalist-Interior-Design-WordPress-Themes-65x65.jpg" class="attachment-widgetthumb wp-post-image" alt="Minimalist Interior Design WordPress Themes"/><noscript></noscript> <div class="fhover"></div>\n</a>\n</div>\n<div class="info">\n<span class="widgettitle"><a href="http://thedesignpixel.com/minimalist-interior-design-wordpress-themes/" title="30 Minimalist Interior Design WordPress Themes That Will Lead You to Success">30 Minimalist Interior Design WordPress Themes That Will Lead You to Success</a></span>\n<span class="meta">\n<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/minimalist-interior-design-wordpress-themes/#respond" class="comments-link">0</a></span>\n</span>\n</div>\n</li>\n</ul>\n</div>\n \n</div> </div>\n</aside> </div> \n</div> \n</div> \n', 'easy to follow motion graphics tutorials', '', 'publish', 'closed', 'closed', '', 'easy-to-follow-motion-graphics-tutorials', '', '', '2017-04-11 13:16:25', '2017-04-11 13:16:25', '', 0, 'http://thedesignpixel.com/easy-to-follow-motion-graphics-tutorials/', 0, 'page', '', 0);
INSERT INTO `wp_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(124, 1, '2017-04-11 13:16:28', '2017-04-11 13:16:28', '<div class="main-wrapper"><div id="page"><div class="main-content cblayout"><div id="content" class="content-area single-content-area"><div class="content content-single "><div class="breadcrumbs"> <a href="http://thedesignpixel.com"> <i class="fa fa-home"></i>Home</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a href="http://thedesignpixel.com/category/coding/" rel="category tag">Coding</a> &bull; <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a> &bull; <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a>&nbsp;&nbsp;/&nbsp;&nbsp;10 Excellent Easy to Follow PSD to HTML CSS Tutorials</div><div class="single-content"><article class="post-770 post type-post status-publish format-standard has-post-thumbnail hentry category-coding category-design category-tutorials tag-css tag-development tag-html 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><header><h1 class="title single-title">10 Excellent Easy to Follow PSD to HTML CSS Tutorials</h1><div class="post-meta-left"><div class="post-meta"> <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/development/" rel="tag">Development</a>, <a href="http://thedesignpixel.com/tag/html/" rel="tag">HTML</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-inner"><div class="post-content single-post-content"><div class="single-post-ad"><div id="bsap_1305000" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div></div> <script>AmpedSense.OptimizeAdSpot(''AP''); AmpedSense.OptimizeAdSpot(''IL''); AmpedSense.OptimizeAdSpot(''IR'');</script><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 brilliant looking designs and concepts, however, replicating it on a website can be really a tough ask.</p><script>AmpedSense.OptimizeAdSpot(''PL''); AmpedSense.OptimizeAdSpot(''PC''); AmpedSense.OptimizeAdSpot(''PR'');</script> <p>It makes sense to finalize the design and layout that&rsquo;s made on Photoshop as it&rsquo;s easier to modify things on the design than on an actual website. Making a design in Photoshop also helps customer get a feel of how the website would look when it&rsquo;s ready hence doing pre production of a website easier that going back and forth to a customer during the development stages of a website.</p><p>So, You have made a website layout in Photoshop that the customer likes, now comes the difficult part. Making an exact website looking at the layout is nearly impossible, hence the need for tools and tutorials that makes this easier.</p><p>The day is not far when things you do in Photoshop would be converted to a Responsive design that can be used in HTML. Till today it sounds like a possibility, however, is actually a distant reality. In this article we are trying to bridge this gap between concept and reality.</p><p>We have made a list of 10 Excellent Easy to Follow PSD to <span class="GINGER_SOFATWARE_mark" id="a9a5a8aa-88db-4e3f-a0f4-eb4471494262"><span class="GINGER_SOFATWARE_mark" id="bffdedd6-8a33-4a6f-a70a-a540c60bcf67">HTML CSS</span></span> Tutorials, for those designers who have not mastered the process of converting a design into a fully coded website. These are highly useful and extremely elaborate tutorials on PSD to HTML conversion.</p><p>So, What are you waiting for guys take some time out and dig in to become a pro at PSD to HTML Conversion. However, remember that these tutorials can get you the best results if they are followed religiously.</p><h3><span style="text-decoration: underline;"><em><strong>10 Excellent Easy to Follow PSD to <span class="GINGER_SOFATWARE_mark" id="feaf61f6-cc6c-46f6-b9d9-0715bc073684"><span class="GINGER_SOFATWARE_mark" id="19672f62-b63a-4161-965c-9f37a7497fb7">HTML CSS</span></span> Tutorials:</strong></em></span></h3><p><strong><a href="http://www.1stwebdesigner.com/wordpress/psd-to-html-tutorial-code-photoshop/">PSD to HTML Tutorial: Code a Photoshop File to a Working Website</a></strong></p><script>AmpedSense.OptimizeAdSpot(''1L''); AmpedSense.OptimizeAdSpot(''1C''); AmpedSense.OptimizeAdSpot(''1R'');</script> <p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/PSD-to-HTML-Tutorial-Code-a-Photoshop-File-to-a-Working-Website.jpg"><img class="aligncenter size-full wp-image-771" title="PSD to HTML Tutorial Code a Photoshop File to a Working Website" alt="PSD to HTML Tutorial Code a Photoshop File to a Working Website" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/PSD-to-HTML-Tutorial-Code-a-Photoshop-File-to-a-Working-Website.jpg" width="600" height="780" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/PSD-to-HTML-Tutorial-Code-a-Photoshop-File-to-a-Working-Website.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/PSD-to-HTML-Tutorial-Code-a-Photoshop-File-to-a-Working-Website-231x300.jpg 231w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-771" title="PSD to HTML Tutorial Code a Photoshop File to a Working Website" alt="PSD to HTML Tutorial Code a Photoshop File to a Working Website" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/PSD-to-HTML-Tutorial-Code-a-Photoshop-File-to-a-Working-Website.jpg" width="600" height="780" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/PSD-to-HTML-Tutorial-Code-a-Photoshop-File-to-a-Working-Website.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/PSD-to-HTML-Tutorial-Code-a-Photoshop-File-to-a-Working-Website-231x300.jpg 231w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p><p><strong><a href="http://line25.com/tutorials/how-to-code-a-stylish-portfolio-design-in-html-and-css">How to Code a Stylish Portfolio Design in HTML/CSS</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/How-to-Code-a-Stylish-Portfolio-Design-in-HTML-CSS.jpg"><img class="aligncenter size-full wp-image-772" title="How to Code a Stylish Portfolio Design in HTML CSS" alt="How to Code a Stylish Portfolio Design in HTML CSS" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/How-to-Code-a-Stylish-Portfolio-Design-in-HTML-CSS.jpg" width="600" height="337" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/How-to-Code-a-Stylish-Portfolio-Design-in-HTML-CSS.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/How-to-Code-a-Stylish-Portfolio-Design-in-HTML-CSS-300x169.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-772" title="How to Code a Stylish Portfolio Design in HTML CSS" alt="How to Code a Stylish Portfolio Design in HTML CSS" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/How-to-Code-a-Stylish-Portfolio-Design-in-HTML-CSS.jpg" width="600" height="337" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/How-to-Code-a-Stylish-Portfolio-Design-in-HTML-CSS.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/How-to-Code-a-Stylish-Portfolio-Design-in-HTML-CSS-300x169.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p><p><strong><a href="http://wegraphics.net/blog/tutorials/designing-a-highly-professional-website-from-the-sketch-to-the-code/">Designing a Highly Professional Website, From the Sketch to the Code</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code.jpg"><img class="aligncenter size-full wp-image-773" title="Designing a Highly Professional Website, From the Sketch to the Code" alt="Designing a Highly Professional Website, From the Sketch to the Code" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code.jpg" width="600" height="751" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code-240x300.jpg 240w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-773" title="Designing a Highly Professional Website, From the Sketch to the Code" alt="Designing a Highly Professional Website, From the Sketch to the Code" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code.jpg" width="600" height="751" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Designing-a-Highly-Professional-Website-From-the-Sketch-to-the-Code-240x300.jpg 240w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p><p><strong><a href="http://www.tuttoaster.com/code-up-an-awesome-minimal-web-design-from-psd-to-xhtml-css/">Code an Awesome Minimal Design from PSD to XHTML &amp; CSS</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Code-an-Awesome-Minimal-Design-from-PSD-to-XHTML-CSS.jpg"><img class="aligncenter size-full wp-image-774" title="Code an Awesome Minimal Design from PSD to XHTML &amp; CSS" alt="Code an Awesome Minimal Design from PSD to XHTML &amp; CSS" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Code-an-Awesome-Minimal-Design-from-PSD-to-XHTML-CSS.jpg" width="600" height="642" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Code-an-Awesome-Minimal-Design-from-PSD-to-XHTML-CSS.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Code-an-Awesome-Minimal-Design-from-PSD-to-XHTML-CSS-280x300.jpg 280w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-774" title="Code an Awesome Minimal Design from PSD to XHTML &amp; CSS" alt="Code an Awesome Minimal Design from PSD to XHTML &amp; CSS" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Code-an-Awesome-Minimal-Design-from-PSD-to-XHTML-CSS.jpg" width="600" height="642" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Code-an-Awesome-Minimal-Design-from-PSD-to-XHTML-CSS.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Code-an-Awesome-Minimal-Design-from-PSD-to-XHTML-CSS-280x300.jpg 280w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p><script>AmpedSense.OptimizeAdSpot(''2L''); AmpedSense.OptimizeAdSpot(''2C''); AmpedSense.OptimizeAdSpot(''2R'');</script> <p><strong><a href="http://www.photoshop-plus.co.uk/2011/03/22/sleek-coming-soon-page-design/">Sleek Coming Soon Page Design</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Sleek-Coming-Soon-Page-Design.jpg"><img class="aligncenter size-full wp-image-775" title="Sleek Coming Soon Page Design PSD to HTML CSS Tutorials" alt="Sleek Coming Soon Page Design PSD to HTML CSS Tutorials" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Sleek-Coming-Soon-Page-Design.jpg" width="600" height="442" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Sleek-Coming-Soon-Page-Design.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Sleek-Coming-Soon-Page-Design-300x221.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-775" title="Sleek Coming Soon Page Design PSD to HTML CSS Tutorials" alt="Sleek Coming Soon Page Design PSD to HTML CSS Tutorials" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Sleek-Coming-Soon-Page-Design.jpg" width="600" height="442" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Sleek-Coming-Soon-Page-Design.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Sleek-Coming-Soon-Page-Design-300x221.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p><p><strong><a href="http://sixrevisions.com/tutorials/web-development-tutorials/psdhtml-conversion-code-a-clean-business-website-design/">PSD/HTML Conversion: Code a Clean Business Website Design</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Code-a-Clean-Business-Website-Design.png"><img class="aligncenter  wp-image-776" title="Code a Clean Business Website Design" alt="Code a Clean Business Website Design" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Code-a-Clean-Business-Website-Design.png" width="600" height="818" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Code-a-Clean-Business-Website-Design.png 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Code-a-Clean-Business-Website-Design-220x300.png 220w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter  wp-image-776" title="Code a Clean Business Website Design" alt="Code a Clean Business Website Design" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Code-a-Clean-Business-Website-Design.png" width="600" height="818" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Code-a-Clean-Business-Website-Design.png 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Code-a-Clean-Business-Website-Design-220x300.png 220w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p><p><strong><a href="http://net.tutsplus.com/tutorials/site-builds/convert-a-warm-cheerful-web-design-to-html-and-css/">Convert a Warm, Cheerful Web Design to HTML and CSS</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Convert-a-Warm-Cheerful-Web-Design-to-HTML-and-CSS.jpg"><img class="aligncenter size-full wp-image-777" title="Convert a Warm, Cheerful Web Design to HTML and CSS" alt="Convert a Warm, Cheerful Web Design to HTML and CSS" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Convert-a-Warm-Cheerful-Web-Design-to-HTML-and-CSS.jpg" width="600" height="1068" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Convert-a-Warm-Cheerful-Web-Design-to-HTML-and-CSS.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Convert-a-Warm-Cheerful-Web-Design-to-HTML-and-CSS-169x300.jpg 169w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Convert-a-Warm-Cheerful-Web-Design-to-HTML-and-CSS-575x1024.jpg 575w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-777" title="Convert a Warm, Cheerful Web Design to HTML and CSS" alt="Convert a Warm, Cheerful Web Design to HTML and CSS" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Convert-a-Warm-Cheerful-Web-Design-to-HTML-and-CSS.jpg" width="600" height="1068" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Convert-a-Warm-Cheerful-Web-Design-to-HTML-and-CSS.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Convert-a-Warm-Cheerful-Web-Design-to-HTML-and-CSS-169x300.jpg 169w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Convert-a-Warm-Cheerful-Web-Design-to-HTML-and-CSS-575x1024.jpg 575w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p><script>AmpedSense.OptimizeAdSpot(''3L''); AmpedSense.OptimizeAdSpot(''3C''); AmpedSense.OptimizeAdSpot(''3R'');</script> <p><strong><a href="http://wegraphics.net/blog/tutorials/converting-a-clean-magazine-style-psd-template-to-htmlcss/">Converting a Clean Magazine Style PSD Template to HTML/CSS</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Converting-a-Clean-Magazine-Style-PSD-Template-to-HTML-CSS.jpg"><img class="aligncenter size-full wp-image-778" title="Converting a Clean Magazine Style PSD Template to HTML CSS" alt="Converting a Clean Magazine Style PSD Template to HTML CSS" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Converting-a-Clean-Magazine-Style-PSD-Template-to-HTML-CSS.jpg" width="600" height="1051" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Converting-a-Clean-Magazine-Style-PSD-Template-to-HTML-CSS.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Converting-a-Clean-Magazine-Style-PSD-Template-to-HTML-CSS-171x300.jpg 171w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Converting-a-Clean-Magazine-Style-PSD-Template-to-HTML-CSS-585x1024.jpg 585w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-778" title="Converting a Clean Magazine Style PSD Template to HTML CSS" alt="Converting a Clean Magazine Style PSD Template to HTML CSS" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Converting-a-Clean-Magazine-Style-PSD-Template-to-HTML-CSS.jpg" width="600" height="1051" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Converting-a-Clean-Magazine-Style-PSD-Template-to-HTML-CSS.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Converting-a-Clean-Magazine-Style-PSD-Template-to-HTML-CSS-171x300.jpg 171w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Converting-a-Clean-Magazine-Style-PSD-Template-to-HTML-CSS-585x1024.jpg 585w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p><p><strong><a href="http://devisefunction.com/2010/05/17/psd-to-xhtml-simple-cloudy-portfolio-layout/" target="_blank">Simple &amp; Cloudy Portfolio Layout</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Simple-Cloudy-Portfolio-Layout.jpg"><img class="aligncenter size-full wp-image-779" title="Simple &amp; Cloudy Portfolio Layout" alt="Simple &amp; Cloudy Portfolio Layout" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Simple-Cloudy-Portfolio-Layout.jpg" width="600" height="337" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Simple-Cloudy-Portfolio-Layout.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Simple-Cloudy-Portfolio-Layout-300x169.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-779" title="Simple &amp; Cloudy Portfolio Layout" alt="Simple &amp; Cloudy Portfolio Layout" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Simple-Cloudy-Portfolio-Layout.jpg" width="600" height="337" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Simple-Cloudy-Portfolio-Layout.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Simple-Cloudy-Portfolio-Layout-300x169.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p><p><strong><a href="http://www.1stwebdesigner.com/css/psd-html-landing-page-tutorial/">Convert Your Product Landing Page From PSD to HTML</a></strong></p><p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Convert-Your-Product-Landing-Page-From-PSD-to-HTML.jpg"><img class="aligncenter size-full wp-image-780" title="Convert Your Product Landing Page From PSD to HTML" alt="Convert Your Product Landing Page From PSD to HTML" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Convert-Your-Product-Landing-Page-From-PSD-to-HTML.jpg" width="600" height="697" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Convert-Your-Product-Landing-Page-From-PSD-to-HTML.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Convert-Your-Product-Landing-Page-From-PSD-to-HTML-258x300.jpg 258w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-780" title="Convert Your Product Landing Page From PSD to HTML" alt="Convert Your Product Landing Page From PSD to HTML" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Convert-Your-Product-Landing-Page-From-PSD-to-HTML.jpg" width="600" height="697" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Convert-Your-Product-Landing-Page-From-PSD-to-HTML.jpg 600w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Convert-Your-Product-Landing-Page-From-PSD-to-HTML-258x300.jpg 258w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p> <script>AmpedSense.OptimizeAdSpot(''BP'')</script> </div></div></div></article></div><div class="wpdiscuz_top_clearing"></div><div id="comments" class="comments-area"><div id="respond" style="width: 0;height: 0;clear: both;margin: 0;padding: 0;"></div><h3 id="wc-comment-header">Leave a Reply</h3><div id="wpcomm" class="wpdiscuz_unauth"><div class="wc-comment-bar"><p class="wc-comment-title"> Be the First to Comment!</p><div class="wpdiscuz_clear"></div></div><div class="wc_social_plugin_wrapper"></div><div class="wc-form-wrapper wc-main-form-wrapper"  id=''wc-main-form-wrapper-0_0'' ><div class="wpdiscuz-comment-message" style="display: block;"></div><form class="wc_comm_form wc_main_comm_form" method="post" action="" enctype="multipart/form-data"><div class="wc-field-comment"><div class="wc-field-avatararea"> <img alt=''avatar'' src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://0.gravatar.com/avatar/?s=48&#038;d=mm&#038;r=g" srcset=''http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48'' /><noscript><img alt=''avatar'' src="http://thedesignpixel.com/files/avatar/_s_48_amp_d_mm_amp_r_g.jpg" srcset=''http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48'' /></noscript></div><div class="wpdiscuz-item wc-field-textarea" ><div class="wpdiscuz-textarea-wrap "><textarea id="wc-textarea-0_0"   placeholder="Start the discussion" required name="wc_comment" class="wc_comment wc_field_input"></textarea></div></div><div class="clearfix"></div></div><div class="wc-form-footer"  style="display: none;"><div class="wc-author-data"><div class="wc-field-name wpdiscuz-item"> <input type="text" data-validate-length-range="3,50" maxlength="50" placeholder="Name" value="" required="required" name="wc_name" class="wc_name wc_field_input" /></div><div class="wc-field-email wpdiscuz-item"> <input type="email" placeholder="Email" value=""  name="wc_email"  class="wc_email wc_field_input email" /></div><div class="wc-field-website wpdiscuz-item"> <input type="url" placeholder="WebSite URL" value="" name="wc_website" class="wc_website wc_field_input"></div><div class="clearfix"></div></div><div class="wc-form-submit"><div class="wc-field-captcha wpdiscuz-item"><div class="wc-captcha-input"> <input type="text" maxlength="5" value="" required="required" name="wc_captcha"  class="wc_field_input wc_field_captcha" placeholder="Code" title="Insert the CAPTCHA code"></div><div class="wc-label wc-captcha-label"> <a class="wpdiscuz-nofollow" href="#" rel="nofollow"></a><a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow"><img  alt="refresh" class="" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a> <input type="hidden" id="M282520da703d6ab70583105aa8af4e5d1937ba6cca4f11dd85eab884c36e92b45586" class="wpdiscuz-cnonce" name="cnonce" value="M282520da703d6ab70583105aa8af4e5d1937ba6cca4f11dd85eab884c36e92b45586" /></div><div class="clearfix"></div></div><div class="wc-field-submit"><div class="wc_notification_checkboxes" style="display:block"> <input id="wc_notification_new_comment-0_0" class="wc_notification_new_comment-0_0" value="comment"  type="checkbox" name="wpdiscuz_notification_type" /> <label class="wc-label-comment-notify" for="wc_notification_new_comment-0_0">Notify of new replies to this comment</label><br /></div> <input type="button" class="wc_comm_submit button alt"  value="Post Comment" name="submit"></div><div class="clearfix"></div></div><div class="clearfix"></div></div><div class="clearfix"></div> <input type="hidden" class="wpdiscuz_unique_id" value="0_0" name="wpdiscuz_unique_id"></form></div><div id="wpdiscuz_hidden_secondary_form" style="display: none;"><div class="wc-form-wrapper wc-secondary-form-wrapper"  id=''wc-secondary-form-wrapper-wpdiscuzuniqueid''  style="display: none;" ><div class="wpdiscuz-comment-message" style="display: block;"></div><div class="wc-secondary-forms-social-content"></div><form class="wc_comm_form wc-secondary-form-wrapper" method="post" action="" enctype="multipart/form-data"><div class="wc-field-comment"><div class="wc-field-avatararea"> <img alt=''avatar'' src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://2.gravatar.com/avatar/?s=48&#038;d=mm&#038;r=g" srcset=''http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48'' /><noscript><img alt=''avatar'' src="http://thedesignpixel.com/files/avatar/_s_48_amp_d_mm_amp_r_g.jpg" srcset=''http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48'' /></noscript></div><div class="wpdiscuz-item wc-field-textarea" ><div class="wpdiscuz-textarea-wrap "><textarea id="wc-textarea-wpdiscuzuniqueid"   placeholder="Join the discussion" required name="wc_comment" class="wc_comment wc_field_input"></textarea></div></div><div class="clearfix"></div></div><div class="wc-form-footer"  style="display: none;"><div class="wc-author-data"><div class="wc-field-name wpdiscuz-item"> <input type="text" data-validate-length-range="3,50" maxlength="50" placeholder="Name" value="" required="required" name="wc_name" class="wc_name wc_field_input" /></div><div class="wc-field-email wpdiscuz-item"> <input type="email" placeholder="Email" value=""  name="wc_email"  class="wc_email wc_field_input email" /></div><div class="wc-field-website wpdiscuz-item"> <input type="url" placeholder="WebSite URL" value="" name="wc_website" class="wc_website wc_field_input"></div><div class="clearfix"></div></div><div class="wc-form-submit"><div class="wc-field-captcha wpdiscuz-item"><div class="wc-captcha-input"> <input type="text" maxlength="5" value="" required="required" name="wc_captcha"  class="wc_field_input wc_field_captcha" placeholder="Code" title="Insert the CAPTCHA code"></div><div class="wc-label wc-captcha-label"> <a class="wpdiscuz-nofollow" href="#" rel="nofollow"></a><a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow"><img  alt="refresh" class="" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a> <input type="hidden" id="8NYRFd3937028bb9c5d40a0c076bc910d08f4192c1e68ecbff4aaeca4bf4d7f878b23" class="wpdiscuz-cnonce" name="cnonce" value="8NYRFd3937028bb9c5d40a0c076bc910d08f4192c1e68ecbff4aaeca4bf4d7f878b23" /></div><div class="clearfix"></div></div><div class="wc-field-submit"><div class="wc_notification_checkboxes" style="display:block"> <input id="wc_notification_new_comment-wpdiscuzuniqueid" class="wc_notification_new_comment-wpdiscuzuniqueid" value="comment"  type="checkbox" name="wpdiscuz_notification_type" /> <label class="wc-label-comment-notify" for="wc_notification_new_comment-wpdiscuzuniqueid">Notify of new replies to this comment</label><br /></div> <input type="button" class="wc_comm_submit button alt"  value="Post Comment" name="submit"></div><div class="clearfix"></div></div><div class="clearfix"></div></div><div class="clearfix"></div> <input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id"></form></div></div><hr><div id="wcThreadWrapper" class="wc-thread-wrapper"><div class="wpdiscuz-comment-pagination"></div></div><div class="wpdiscuz_clear"></div></div></div><div class="wpdiscuz-loading-bar wpdiscuz-loading-bar-unauth"><img class="wpdiscuz-loading-bar-img" alt="wpDiscuz" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/loading.gif" width="32" height="25" /></div></div></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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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" >6</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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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-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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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/resources/" rel="category tag">Resources</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/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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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/resources/" rel="category tag">Resources</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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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/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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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/best-premium-responsive-wordpress-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/2014/08/Vellum-best-wordpress-theme-february-2014-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Vellum-best-wordpress-theme-february-2014" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-200x200.jpg 200w" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Vellum-best-wordpress-theme-february-2014" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-200x200.jpg 200w" 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-premium-responsive-wordpress-themes/" title="50+ Best Premium Responsive WordPress Themes of 2014">50+ Best Premium Responsive WordPress Themes of 2014</a></span> <span class="meta"> <span class="widget-cats"><i class="fa fa-folder-o"></i> <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/best-premium-responsive-wordpress-themes/#comments" class="comments-link" >2</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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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/resources/" rel="category tag">Resources</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/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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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/useful-cheat-sheets-designers-developers/''> <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/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Ultimate HTML5 Cheatsheat [Infographic]" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-200x200.jpg 200w" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Ultimate HTML5 Cheatsheat [Infographic]" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-200x200.jpg 200w" 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-cheat-sheets-designers-developers/" title="65+ Useful Cheat Sheets for Designers and Developers">65+ Useful Cheat Sheets for Designers and Developers</a></span> <span class="meta"> <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/coding/" rel="category tag">Coding</a>, <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-cheat-sheets-designers-developers/#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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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/most-useful-3d-text-effect-photoshop-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/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-65x65.jpg" class="attachment-widgetthumb size-widgetthumb 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-65x65.jpg 65w, 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" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-65x65.jpg" class="attachment-widgetthumb size-widgetthumb 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-65x65.jpg 65w, 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" sizes="(max-width: 65px) 100vw, 65px" /></noscript><div class="fhover"></div> </a></div><div class="info"> <span class="widgettitle"><a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/" title="20 Most Useful 3D Text Effect Photoshop Tutorials">20 Most Useful 3D Text Effect Photoshop Tutorials</a></span> <span class="meta"> <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/most-useful-3d-text-effect-photoshop-tutorials/#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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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>, <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-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/free-css-jquery-tabs-plugin-and-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/03/jquery-plugins-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="jquery-plugins" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-65x65.jpg 65w, 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" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/jquery-plugins-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="jquery-plugins" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-65x65.jpg 65w, 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" 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-css-jquery-tabs-plugin-and-tutorials/" title="15 Free CSS jQuery Tabs Plugin And Tutorials">15 Free CSS jQuery Tabs Plugin And Tutorials</a></span> <span class="meta"> <span class="widget-cats"><i class="fa fa-folder-o"></i> <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/free-css-jquery-tabs-plugin-and-tutorials/#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-wordpress-magazine-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/2014/03/Great-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Great" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-200x200.jpg 200w" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Great-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Great" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-200x200.jpg 200w" 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-wordpress-magazine-themes/" title="20 Best Free WordPress Magazine Themes">20 Best Free WordPress Magazine Themes</a></span> <span class="meta"> <span class="widget-cats"><i class="fa fa-folder-o"></i> <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/best-free-wordpress-magazine-themes/#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/premium-bootstrap-wordpress-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/2016/04/carwash-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="carwash featured" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/04/carwash-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/carwash-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/carwash-200x200.png 200w" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2016/04/carwash-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="carwash featured" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/04/carwash-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/carwash-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/carwash-200x200.png 200w" sizes="(max-width: 65px) 100vw, 65px" /></noscript><div class="fhover"></div> </a></div><div class="info"> <span class="widgettitle"><a href="http://thedesignpixel.com/premium-bootstrap-wordpress-themes/" title="10 Premium Bootstrap WordPress Themes">10 Premium Bootstrap WordPress Themes</a></span> <span class="meta"> <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/premium-bootstrap-wordpress-themes/#respond" class="comments-link" >0</a></span> </span></div></li><li><div class="thumbnail"> <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/best-woocommerce-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/2016/04/6-gear-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="6 gear" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/04/6-gear-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/6-gear-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/6-gear-200x200.jpg 200w" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2016/04/6-gear-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="6 gear" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/04/6-gear-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/6-gear-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/6-gear-200x200.jpg 200w" 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-woocommerce-themes/" title="20+ Best WooCommerce Themes">20+ Best WooCommerce Themes</a></span> <span class="meta"> <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/best-woocommerce-themes/#respond" class="comments-link" >0</a></span> </span></div></li><li><div class="thumbnail"> <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/10-quality-wordpress-artistic-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/2016/04/Creative-cover-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Creative cover" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/04/Creative-cover-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/Creative-cover-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/Creative-cover-200x200.png 200w" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2016/04/Creative-cover-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Creative cover" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/04/Creative-cover-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/Creative-cover-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/Creative-cover-200x200.png 200w" sizes="(max-width: 65px) 100vw, 65px" /></noscript><div class="fhover"></div> </a></div><div class="info"> <span class="widgettitle"><a href="http://thedesignpixel.com/10-quality-wordpress-artistic-themes/" title="10 Quality WordPress Artistic Themes">10 Quality WordPress Artistic Themes</a></span> <span class="meta"> <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/10-quality-wordpress-artistic-themes/#respond" class="comments-link" >0</a></span> </span></div></li><li><div class="thumbnail"> <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/stylish-photography-wordpress-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/2016/04/Style-Park-WordPress-Theme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Style Park WordPress Theme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/04/Style-Park-WordPress-Theme-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/Style-Park-WordPress-Theme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/Style-Park-WordPress-Theme-200x200.jpg 200w" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2016/04/Style-Park-WordPress-Theme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Style Park WordPress Theme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/04/Style-Park-WordPress-Theme-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/Style-Park-WordPress-Theme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/04/Style-Park-WordPress-Theme-200x200.jpg 200w" sizes="(max-width: 65px) 100vw, 65px" /></noscript><div class="fhover"></div> </a></div><div class="info"> <span class="widgettitle"><a href="http://thedesignpixel.com/stylish-photography-wordpress-themes/" title="15+ Stylish Photography WordPress Themes">15+ Stylish Photography WordPress Themes</a></span> <span class="meta"> <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/stylish-photography-wordpress-themes/#respond" class="comments-link" >0</a></span> </span></div></li><li><div class="thumbnail"> <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/use-docker-run-apps-now/''> <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/2016/03/docker-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="docker-logo" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-200x200.png 200w" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2016/03/docker-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="docker-logo" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-200x200.png 200w" sizes="(max-width: 65px) 100vw, 65px" /></noscript><div class="fhover"></div> </a></div><div class="info"> <span class="widgettitle"><a href="http://thedesignpixel.com/use-docker-run-apps-now/" title="Why You Should Use Docker to Run Apps Now">Why You Should Use Docker to Run Apps Now</a></span> <span class="meta"> <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/use-docker-run-apps-now/#respond" class="comments-link" >0</a></span> </span></div></li><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-65x65.png 65w, 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.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-65x65.png 65w, 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.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"> <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/roundups/" rel="category tag">Roundups</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/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-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-295x300.jpg 295w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About.jpg 430w" 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-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-295x300.jpg 295w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About.jpg 430w" 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"> <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>, <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/free-stunning-website-templates/#comments" class="comments-link" >1</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-65x65.png 65w, 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.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-65x65.png 65w, 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.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"> <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-65x65.png 65w, 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.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-65x65.png 65w, 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.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"> <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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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/resources/" rel="category tag">Resources</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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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/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/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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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-65x65.jpg 65w, 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" 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-65x65.jpg 65w, 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" 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"> <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></ul></div></div></div></div></aside></div></div></div>', 'easy to follow psd to html css tutorials', '', 'publish', 'closed', 'closed', '', 'easy-to-follow-psd-to-html-css-tutorials', '', '', '2017-04-11 13:16:28', '2017-04-11 13:16:28', '', 0, 'http://thedesignpixel.com/easy-to-follow-psd-to-html-css-tutorials/', 0, 'page', '', 0);
INSERT INTO `wp_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(125, 1, '2017-04-11 13:16:29', '2017-04-11 13:16:29', '\r\n<div class="main-container"><div id="page" class="single">\n	<div class="content">\n		<article class="article">\n			<div id="content_box" >\n									<div id="post-588" class="g post post-588 type-post status-publish format-standard has-post-thumbnail hentry category-design category-resources tag-tools tag-ui-design tag-ux-design cat-3-id cat-1-id has_thumb">\n													<div class="breadcrumb"><a href="http://thedesignpixel.com" rel="nofollow">Home</a>&nbsp;&nbsp;&#187;&nbsp;&nbsp;<a href="http://thedesignpixel.com/category/design/" rel="nofollow">Design</a> &bull; <a href="http://thedesignpixel.com/category/resources/" rel="nofollow">Resources</a> &nbsp;&nbsp;&#187;&nbsp;&nbsp; 45 Essential UI Design Tools &#038; Resources for Web Designers</div>\n												<header>\n							<h1 class="title">45 Essential UI Design Tools &#038; Resources for Web Designers</h1>\n															<div class="post-info">\n										<span class="theauthor">Posted by <a rel="nofollow" href="http://thedesignpixel.com/author/admin/" title="Posts by designpixel" rel="author">designpixel</a></span>\n										\n										<span class="thecategory">In <a href="http://thedesignpixel.com/category/design/" rel="nofollow">Design</a>, <a href="http://thedesignpixel.com/category/resources/" rel="nofollow">Resources</a></span>\n										<span class="thecomment"><a href="http://thedesignpixel.com/essential-ui-design-tools-resources-for-web-designers/#comments"> No comments</a></span>\n								</div>\n													</header><!--.headline_area-->\n						<div class="post-content box mark-links">\n																								<div class="topad">\n										<!-- BuySellAds Zone Code -->\r\n<div id="bsap_1300900" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div>\r\n<!-- End BuySellAds Zone Code -->									</div>\n																						<p>A smart web developer is not the one who codes the best websites; he is one who knows to use the best tools available to get the job done.  At times one needs inspiration to create a smart working website.</p>\n<p>With advancements in the internet technologies it has become completely impossible to know each and every User Interface Design Tools &amp; Resources for Web Designers. Every day there are new tools that are released in the market and we need to constantly update ourselves with the best and latest internet development technologies. Having said that there are some wise ones who always keeps a list that help him make interesting website.</p>\n<p>The success of web applications and websites depends on how well designed the User Interface is. Generally, it is pretty difficult to design the User Interface at the initial stages, however if you have some basic and essential UI design tools then they work like a spoon for someone who is eating food. “You can get your job done without getting the Hands dirty”.</p>\n<p>If you want to make elegant and unique website and have been looking for the best of the class UI Design Tools &amp; Resources you have landed at the right place. We have done extensive research and found some of the most happening UI Design Tools available for web developers and designers. These tools are selected by a team of Developers who have tried and tested these tools for usability across all web development platforms.</p>\n<p>Using the list of Essential UI Design Tools &amp; Resources for Web Designers will save you a lot of time as well as get your project done conveniently. We hope you like the compilation we created for you and if we have missed something feel free to comment below and we would gladly add them to the list.</p>\n<h3><strong>45 Essential UI Design Tools &amp; Resources for Web Designers:</strong></h3>\n<p><strong><a href="http://www.fillerati.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="106dfe35-6bf8-40d1-bcdf-9f2c616ef9ee"><span class="GINGER_SOFATWARE_mark" id="3b1c37c7-9efb-413b-9ce9-c19d472fe414">Fillerati</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Fillerati.jpg"><img class="aligncenter size-full wp-image-589" title="Fillerati" alt="Fillerati" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Fillerati.jpg" width="600" height="499" /></a></p>\n<p><strong><a href="http://fivesecondtest.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="0c447b0a-f2e4-4491-97ea-4b665ab07d4e"><span class="GINGER_SOFATWARE_mark" id="a59f1d3f-0e1b-44e8-972e-755c45652909">Fivesecondtest</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Fivesecondtest.jpg"><img class="aligncenter size-full wp-image-590" title="Fivesecondtest" alt="Fivesecondtest" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Fivesecondtest.jpg" width="600" height="490" /></a></p>\n<p><strong><a href="http://guideguide.me/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="f6002c1b-4e7c-4221-bc39-ba3cc2ce1540"><span class="GINGER_SOFATWARE_mark" id="c0cefd77-41f7-461c-800f-fb81aa4567c4">GuideGuide</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/GuideGuide.jpg"><img class="aligncenter size-full wp-image-591" title="GuideGuide" alt="GuideGuide" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/GuideGuide.jpg" width="600" height="439" /></a></p>\n<p><strong><a href="http://www.mockflow.com/signup/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="444b4c23-5077-454a-8707-46a148ce9cbc"><span class="GINGER_SOFATWARE_mark" id="bb4ebbd7-9af3-40cc-865f-64aefa46465d">MockFlow</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/MockFlow.jpg"><img class="aligncenter size-full wp-image-592" title="MockFlow" alt="MockFlow" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/MockFlow.jpg" width="600" height="350" /></a></p>\n<p><strong><a href="http://kuler.adobe.com/" target="_blank">Adobe Kuler</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Adobe-Kuler.jpg"><img class="aligncenter size-full wp-image-593" title="Adobe Kuler" alt="Adobe Kuler" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Adobe-Kuler.jpg" width="600" height="391" /></a></p>\n<p><strong><a href="http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html#foreground.space.trim=1&amp;foreground.space.pad=0&amp;foreColor=33b5e5%2C0&amp;crop=0&amp;backgroundShape=bevel&amp;backColor=ffffff%2C100" target="_blank">Android Asset Studio</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Android-Asset-Studio.jpg"><img class="aligncenter size-full wp-image-594" title="Android Asset Studio" alt="Android Asset Studio" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Android-Asset-Studio.jpg" width="600" height="503" /></a></p>\n<p><strong><a href="http://speckyboy.com/2013/11/28/flow-mobile-app-landing-page-template-psd/" target="_blank">Flow – Mobile App Landing Page Template</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Flow-_E2_80_93-Mobile-App-Landing-Page-Template.jpg"><img class="aligncenter size-full wp-image-595" title="Flow – Mobile App Landing Page Template" alt="Flow – Mobile App Landing Page Template" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Flow-_E2_80_93-Mobile-App-Landing-Page-Template.jpg" width="600" height="539" /></a></p>\n<p><strong><a href="http://www.webalys.com/design-interface-application-framework.php" target="_blank">User Interface Design Framework</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/User-Interface-Design-Framework.jpg"><img class="aligncenter size-full wp-image-596" title="User Interface Design Framework" alt="User Interface Design Framework" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/User-Interface-Design-Framework.jpg" width="600" height="488" /></a></p>\n<p><strong><a href="http://speckyboy.com/2013/10/28/ero-widget-ui-kit/" target="_blank">The Ero Widget UI Kit</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/The-Ero-Widget-UI-Kit.jpg"><img class="aligncenter size-full wp-image-597" title="The Ero Widget UI Kit" alt="The Ero Widget UI Kit" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/The-Ero-Widget-UI-Kit.jpg" width="600" height="441" /></a></p>\n<p><strong><a href="http://konigi.com/tools/wireframe-magnets-diy-kit" target="_blank">DIY Kit</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/DIY-Kit.jpg"><img class="aligncenter size-full wp-image-598" title="DIY Kit" alt="DIY Kit" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/DIY-Kit.jpg" width="600" height="461" /></a></p>\n<p><strong><a href="http://speckyboy.com/2014/01/07/freebie-white-stripes-ui-kit-psd/" target="_blank">The White Stripes UI Kit</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/The-White-Stripes-UI-Kit.jpg"><img class="aligncenter size-full wp-image-599" title="The White Stripes UI Kit" alt="The White Stripes UI Kit" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/The-White-Stripes-UI-Kit.jpg" width="600" height="544" /></a></p>\n<p><strong><a href="http://www.gliffy.com/index-f.php" target="_blank">Gliffy</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Gliffy.jpg"><img class="aligncenter size-full wp-image-600" title="Gliffy" alt="Gliffy" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Gliffy.jpg" width="600" height="543" /></a></p>\n<p><strong><a href="http://livepipe.net/" target="_blank">LivePipe UI</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/LivePipe-UI.jpg"><img class="aligncenter size-full wp-image-601" title="LivePipe UI" alt="LivePipe UI" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/LivePipe-UI.jpg" width="600" height="473" /></a></p>\n<p><strong><a href="http://real99.deviantart.com/art/Small-GUI-Pack-169182381" target="_blank">Small GUI Pack</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Small-GUI-Pack.jpg"><img class="aligncenter size-full wp-image-602" title="Small GUI Pack" alt="Small GUI Pack" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Small-GUI-Pack.jpg" width="600" height="398" /></a></p>\n<p><strong><a href="http://www.webdesignshock.com/free-photoshop-android-interface-gui/" target="_blank">Android UI Elements Set</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Android-UI-Elements-Set.jpg"><img class="aligncenter size-full wp-image-603" title="Android UI Elements Set" alt="Android UI Elements Set" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Android-UI-Elements-Set.jpg" width="600" height="540" /></a></p>\n<p><strong><a href="http://pencil.evolus.vn/Default.html" target="_blank">The Pencil Project</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/The-Pencil-Project.jpg"><img class="aligncenter size-full wp-image-604" title="The Pencil Project" alt="The Pencil Project" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/The-Pencil-Project.jpg" width="600" height="428" /></a></p>\n<p><strong><a href="http://iplotz.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="8cc85e7f-ed7e-4566-b407-a7d984de46da"><span class="GINGER_SOFATWARE_mark" id="9b82286c-d9c8-449f-a8cd-05bca9ec7ce4">iPlotz</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/iPlotz.jpg"><img class="aligncenter size-full wp-image-605" title="iPlotz" alt="iPlotz" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/iPlotz.jpg" width="600" height="426" /></a></p>\n<p><strong><a href="http://www.editablegrid.net/en" target="_blank"><span class="GINGER_SOFATWARE_mark" id="1a8dda30-e0b0-4442-84ae-739bd7be7883"><span class="GINGER_SOFATWARE_mark" id="19a7ab1d-8d60-4d77-8939-4107e3b87e73">Editable</span></span> Grid</a></strong></p>\n<p><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Editable-Grid.jpg"><img class="aligncenter size-full wp-image-606" alt="Editable Grid" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Editable-Grid.jpg" width="600" height="481" /></a></p>\n<p><strong><a href="http://scripty2.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="1a20d802-5abd-4ad6-8aff-7745fc8b554b"><span class="GINGER_SOFATWARE_mark" id="7957cfd4-f870-4ba7-9fc6-64a46ea0b660">Scripty</span></span> 2</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Scripty-2.jpg"><img class="aligncenter size-full wp-image-607" title="Scripty 2" alt="Scripty 2" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Scripty-2.jpg" width="600" height="430" /></a></p>\n<p><strong><a href="http://www.zkoss.org/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="3e7bac9d-ba94-4c91-81eb-1c224699834b"><span class="GINGER_SOFATWARE_mark" id="a09a6fc6-dd2c-4bdb-aab9-50e9e173f93a">ZKoss</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/ZKoss.jpg"><img class="aligncenter size-full wp-image-608" title="ZKoss" alt="ZKoss" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/ZKoss.jpg" width="600" height="493" /></a></p>\n<p><strong><a href="http://dojotoolkit.org/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="6c769dc2-c653-4b6f-bc35-fbeced99fbbf"><span class="GINGER_SOFATWARE_mark" id="105d010e-f1fa-4a24-80cf-631aa14c1b73">Dojo</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Dojo.jpg"><img class="aligncenter size-full wp-image-609" title="Dojo" alt="Dojo" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Dojo.jpg" width="600" height="470" /></a></p>\n<p><strong><a href="http://www.designervista.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="9c945a3e-416d-4734-a7f0-f3a2cd1abdff"><span class="GINGER_SOFATWARE_mark" id="0de117ff-4d23-4167-93d9-fe3e453ca95c">DesignerVista</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/DesignerVista.jpg"><img class="aligncenter size-full wp-image-610" title="DesignerVista" alt="DesignerVista" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/DesignerVista.jpg" width="600" height="430" /></a></p>\n<p><strong><a href="http://www.napkee.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="93ff5da0-284e-45a5-8c0f-2f0ec4370718"><span class="GINGER_SOFATWARE_mark" id="cdc96315-ac9c-4cec-8125-fadfdc9315a9">Napkee</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Napkee.jpg"><img class="aligncenter size-full wp-image-611" title="Napkee" alt="Napkee" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Napkee.jpg" width="600" height="448" /></a></p>\n<p><strong><a href="http://iphonemockup.lkmc.ch/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="89bbc166-909f-4120-9e50-717ff4ab1dc4"><span class="GINGER_SOFATWARE_mark" id="91cc0830-5d40-4450-aba5-675416c10e3e">iPhone</span></span> Mockup</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/iPhone-Mockup.jpg"><img class="aligncenter size-full wp-image-612" title="iPhone Mockup" alt="iPhone Mockup" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/iPhone-Mockup.jpg" width="600" height="483" /></a></p>\n<p><strong><a href="http://databene.org/eclipse-stencil.html" target="_blank">Eclipse Stencil for OmniGraffle</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Eclipse-Stencil-for-OmniGraffle.jpg"><img class="aligncenter size-full wp-image-613" title="Eclipse Stencil for OmniGraffle" alt="Eclipse Stencil for OmniGraffle" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Eclipse-Stencil-for-OmniGraffle.jpg" width="600" height="443" /></a></p>\n<p><strong><a href="http://www.webdesignshock.com/mac-interface/" target="_blank">OSX Leopard GUI Set</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/OSX-Leopard-GUI-Set.jpg"><img class="aligncenter size-full wp-image-614" title="OSX Leopard GUI Set" alt="OSX Leopard GUI Set" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/OSX-Leopard-GUI-Set.jpg" width="600" height="466" /></a></p>\n<p><strong><a href="http://dhtmlx.com/" target="_blank">DHTMLX</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/DHTMLX.jpg"><img class="aligncenter size-full wp-image-615" title="DHTMLX" alt="DHTMLX" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/DHTMLX.jpg" width="600" height="538" /></a></p>\n<p><strong><a href="http://echo.nextapp.com/site/" target="_blank">Echo 3</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Echo-3.jpg"><img class="aligncenter size-full wp-image-616" title="Echo 3" alt="Echo 3" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Echo-3.jpg" width="600" height="448" /></a></p>\n<p><strong><a href="http://www.lumzy.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="d44d9a6a-15d6-40d4-aa06-4723d0d9ca71"><span class="GINGER_SOFATWARE_mark" id="673dbbbf-0d91-4c57-be86-93545bba5809">Lumzy</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Lumzy.jpg"><img class="aligncenter size-full wp-image-617" title="Lumzy" alt="Lumzy" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Lumzy.jpg" width="600" height="461" /></a></p>\n<p><strong><a href="https://gomockingbird.com/" target="_blank">Go Mockingbird</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Go-Mockingbird.jpg"><img class="aligncenter size-full wp-image-618" title="Go Mockingbird" alt="Go Mockingbird" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Go-Mockingbird.jpg" width="600" height="471" /></a></p>\n<p><strong><a href="http://www.foreui.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="08054e15-74cf-426f-82b7-766945b2d891"><span class="GINGER_SOFATWARE_mark" id="dcbe565f-1655-4891-a644-1aba5ea0b931">ForeUI</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/ForeUI.jpg"><img class="aligncenter size-full wp-image-619" title="ForeUI" alt="ForeUI" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/ForeUI.jpg" width="600" height="503" /></a></p>\n<p><strong><a href="http://patternry.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="94950f3a-e2dc-4bb1-9723-a435db9fd9ac"><span class="GINGER_SOFATWARE_mark" id="bc87da29-a6be-4a81-8b93-5ec98127e336">Patternry</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Patternry.jpg"><img class="aligncenter size-full wp-image-620" title="Patternry" alt="Patternry" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Patternry.jpg" width="600" height="460" /></a></p>\n<p><strong><a href="http://www.hotgloo.com/" target="_blank">Hot Gloo</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Hot-Gloo.jpg"><img class="aligncenter size-full wp-image-621" title="Hot Gloo" alt="Hot Gloo" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Hot-Gloo.jpg" width="600" height="437" /></a></p>\n<p><strong><a href="http://miniajax.com/" target="_blank">Mini Ajax</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Mini-Ajax.jpg"><img class="aligncenter size-full wp-image-622" title="Mini Ajax" alt="Mini Ajax" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Mini-Ajax.jpg" width="600" height="513" /></a></p>\n<p><strong><a href="https://cacoo.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="1b5b8ea4-b502-4492-a300-5a70465d741c"><span class="GINGER_SOFATWARE_mark" id="f7b7864d-9e7a-4717-bf99-69eca166f6ce">Cacoo</span></span></a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Cacoo.jpg"><img class="aligncenter size-full wp-image-623" title="Cacoo" alt="Cacoo" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Cacoo.jpg" width="600" height="293" /></a></p>\n<p><strong><a href="http://placehold.it/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="2abea2c3-9633-487d-85a8-59ddbdc31325"><span class="GINGER_SOFATWARE_mark" id="1966c96e-e985-4610-9ab6-d8f0deeae38d">Placehold</span></span><span class="GINGER_SOFATWARE_mark" id="0b3948b4-e25d-4910-981d-950f52e54d29"><span class="GINGER_SOFATWARE_mark" id="697299d8-a36d-4289-bf99-e580f873238d">.</span></span>it</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Placehold.it_.jpg"><img class="aligncenter size-full wp-image-624" title="Placehold.it" alt="Placehold.it" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Placehold.it_.jpg" width="600" height="440" /></a></p>\n<p><strong><a href="http://ui-patterns.com/" target="_blank">Pattern References and Libraries</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Pattern-References-and-Libraries.jpg"><img class="aligncenter size-full wp-image-625" title="Pattern References and Libraries" alt="Pattern References and Libraries" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Pattern-References-and-Libraries.jpg" width="600" height="490" /></a></p>\n<p><strong><a href="http://qtip2.com/" target="_blank">qTip2</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/qTip2.jpg"><img class="aligncenter size-full wp-image-626" title="qTip2" alt="qTip2" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/qTip2.jpg" width="600" height="430" /></a></p>\n<p><strong><a href="http://wireframesketcher.com/" target="_blank"><span class="GINGER_SOFATWARE_mark" id="0c8bbe95-1cf3-4e49-9eec-c662a8b79483"><span class="GINGER_SOFATWARE_mark" id="223e6d68-a868-4f1b-92d6-e775c297f9a5">Wireframe</span></span> Sketcher</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Wireframe-Sketcher.jpg"><img class="aligncenter size-full wp-image-627" title="Wireframe Sketcher" alt="Wireframe Sketcher" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Wireframe-Sketcher.jpg" width="600" height="430" /></a></p>\n<p><strong><a href="http://sunilbjoshi.deviantart.com/art/Freebies-Clean-and-Usable-UI-Kit-308294356" target="_blank">Clean and Usable UI Kit</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Clean-and-Usable-UI-Kit.jpg"><img class="aligncenter size-full wp-image-628" title="Clean and Usable UI Kit" alt="Clean and Usable UI Kit" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Clean-and-Usable-UI-Kit.jpg" width="600" height="437" /></a></p>\n<p><strong><a href="http://smaxh.deviantart.com/art/Blue-UI-Touch-Kit-253276056" target="_blank">Blue <span class="GINGER_SOFATWARE_mark" id="a9ca807c-ba62-49c7-b0af-df6cd5b37568"><span class="GINGER_SOFATWARE_mark" id="c9478fe4-fa17-4cfb-9c64-a8a360ce2f9a">UI Touch</span></span> Kit</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Blue-UI-Touch-Kit.jpg"><img class="aligncenter size-full wp-image-629" title="Blue UI Touch Kit" alt="Blue UI Touch Kit" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Blue-UI-Touch-Kit.jpg" width="600" height="433" /></a></p>\n<p><strong><a href="http://patterntap.com/" target="_blank">Pattern Tap</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Pattern-Tap.jpg"><img class="aligncenter size-full wp-image-630" title="Pattern Tap" alt="Pattern Tap" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Pattern-Tap.jpg" width="600" height="434" /></a></p>\n<p><strong><a href="http://unify.eightshapes.com/" target="_blank">EightShapes Unify</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/EightShapes-Unify.jpg"><img class="aligncenter size-full wp-image-631" title="EightShapes Unify" alt="EightShapes Unify" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/EightShapes-Unify.jpg" width="600" height="382" /></a></p>\n<p><strong><a href="http://www.conceptfeedback.com/" target="_blank">Concept Feedback</a></strong></p>\n<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Concept-Feedback.jpg"><img class="aligncenter size-full wp-image-632" title="Concept Feedback" alt="Concept Feedback" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Concept-Feedback.jpg" width="600" height="411" /></a></p>\n<p><strong> </strong></p>\n<p>&nbsp;</p>\n													</div><!--.post-content box mark-links-->\n													<div class="shareit">\n																		<!-- Twitter -->\n										<span class="share-item twitterbtn">\n										<a href="https://twitter.com/share" class="twitter-share-button" data-via="">Tweet</a>\n										</span>\n																										<!-- GPlus -->\n										<span class="share-item gplusbtn">\n										<g:plusone size="medium"></g:plusone>\n										</span>\n																										<!-- Facebook -->\n										<span class="share-item facebookbtn">\n										<div id="fb-root"></div>\n										<div class="fb-like" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div>\n										</span>\n																										<!--Linkedin -->\n										<span class="share-item linkedinbtn">\n										<script type="text/javascript" src="http://thedesignpixel.com/files/in.js"></script><script type="in/share" data-url="http://www.thedesignpixel.com/essential-ui-design-tools-resources-for-web-designers.html" data-counter="right"></script>\n										</span>\n																										<!-- Stumble -->\n										<span class="share-item stumblebtn">\n										<su:badge layout="1"></su:badge>\n										<script type="text/javascript"> \n										(function() { \n										var li = document.createElement(''script''); li.type = ''text/javascript''; li.async = true; \n										li.src = window.location.protocol + ''//platform.stumbleupon.com/1/widgets.js''; \n										var s = document.getElementsByTagName(''script'')[0]; s.parentNode.insertBefore(li, s); \n										})(); \n										</script>\n										</span>\n																										<!-- Pinterest -->\n										<span class="share-item pinbtn">\n										<a href="http://pinterest.com/pin/create/button/?url=http://www.thedesignpixel.com/essential-ui-design-tools-resources-for-web-designers.html&amp;media=http://www.thedesignpixel.com/wp-content/uploads/2014/03/Android-UI-Elements-Set.jpg&amp;description=45%20Essential%20UI%20Design%20Tools%20&amp;%20Resources%20for%20Web%20Designers" class="pin-it-button" count-layout="horizontal">Pin It</a>\n										<script type="text/javascript" src="http://thedesignpixel.com/files/js/pinit.js"></script>\n										</span>\n															</div>\n						<!--Shareit-->\n													<div class="tags"><span class="tagtext">Tags:</span><a href="http://thedesignpixel.com/tag/tools/" rel="tag">Tools</a>, <a href="http://thedesignpixel.com/tag/ui-design/" rel="tag">UI Design</a>, <a href="http://thedesignpixel.com/tag/ux-design/" rel="tag">UX Design</a></div>\n																		<div class="intercept">\n							<div class="Intercept-1">\n								<div class="IPLeft">\n																	</div>\n								<div class="IPRight">\n																			<div class="related-posts">\n											<h5>Related Posts</h5><ul>											<li class="">\n												<a rel="nofollow" class="relatedthumb" href="http://thedesignpixel.com/30-stylish-wordpress-themes-with-pretty-backgrounds/" rel="bookmark" title="30 Stylish WordPress Themes With Pretty Backgrounds">\n													30 Stylish WordPress Themes With Pretty Backgrounds												</a>\n												<span class=''navtext''>By Ward Stanton</span>\n											</li>\n																						<li class="">\n												<a rel="nofollow" class="relatedthumb" href="http://thedesignpixel.com/free-and-premium-wordpress-coming-soon-themes/" rel="bookmark" title="20+ Free and Premium WordPress Coming Soon Themes">\n													20+ Free and Premium WordPress Coming Soon Themes												</a>\n												<span class=''navtext''>By Ward Stanton</span>\n											</li>\n																						<li class="last">\n												<a rel="nofollow" class="relatedthumb" href="http://thedesignpixel.com/choosing-the-web-host-for-your-website/" rel="bookmark" title="Important Things to Know Before Choosing the Web Host for Your Website">\n													Important Things to Know Before Choosing the Web Hos...												</a>\n												<span class=''navtext''>By Ward Stanton</span>\n											</li>\n											</ul>										</div><!-- .related-posts -->\n																	</div>\n								<div class="clear"></div>\n							</div>\n						</div>									\n					</div><!--.g post-->\n					<!-- If comments are open, but there are no comments. -->\n<div id="respond" class="box m-t-6">\n	<h3>Leave a Reply</h3> \n	<div class="cancel-comment-reply">\n		<small><a rel="nofollow" id="cancel-comment-reply-link" href="http://thedesignpixel.com/essential-ui-design-tools-resources-for-web-designers/#respond" style="display:none;">Click here to cancel reply.</a></small>\n	</div>\n			<form action="http://thedesignpixel.com" method="post" id="commentform">\n							<label for="author"><small>Name</small></label>\n				<p><input type="text" name="author" id="author" value="" size="28" tabindex="1" aria-required=''true'' /></p>\n				<div class="clear"></div>\n				<label for="email"><small>Email</small></label>\n				<p><input type="text" name="email" id="email" value="" size="28" tabindex="2" aria-required=''true'' /></p>\n				<div class="clear"></div>\n				<label for="url"><small>Website</small></label>\n				<p><input type="text" name="url" id="url" value="" size="28" tabindex="3" /></p>\n						<div class="clear"></div>\n			<label for="url"><small>Comment</small></label>\n			<p><textarea name="comment" id="comment" cols="100%" rows="8" tabindex="4"></textarea></p>\n			<input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" class="medium skin button"/>\n			<div class="clear"></div> \n			<input type=''hidden'' name=''comment_post_ID'' value=''588'' id=''comment_post_ID'' />\n<input type=''hidden'' name=''comment_parent'' id=''comment_parent'' value=''0'' />\n			<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="05d50e75b0" /></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_comments" id="subscribe_comments" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" /> <label class="subscribe-label" id="subscribe-label" for="subscribe_comments">Notify me of follow-up comments by email.</label></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" /> <label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog">Notify me of new posts by email.</label></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="147"/></p>		</form>\n	</div>\n							</div>\n		</article>\n		<aside class="sidebar c-4-12">\n	<div id="sidebars" class="g">\n		<div class="sidebar">\n			<ul class="sidebar_list">\n				<li id="widget_text" class="widget widget-sidebar">			<div class="textwidget"><!-- BuySellAds Zone Code -->\r\n<div id="bsap_1300901" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div>\r\n<!-- End BuySellAds Zone Code --></div>\n		</li><li id="social-profile-icons" class="widget widget-sidebar"><div class="social-profile-icons"><ul class=""><li class="social-facebook"><a title="Facebook" href="https://www.facebook.com/TheDesignPixel" target="_blank">Facebook</a></li><li class="social-gplus"><a title="Google+" href="https://www.google.com/+Thedesignpixel" target="_blank">Google+</a></li><li class="social-pinterest"><a title="Pinterest" href="http://www.pinterest.com/thedesignpixel/" target="_blank">Pinterest</a></li><li class="social-rss"><a title="RSS" href="http://feeds.feedburner.com/TheDesignPixel" target="_blank">RSS</a></li><li class="social-twitter"><a title="Twitter" href="https://twitter.com/TheDesignPixel" target="_blank">Twitter</a></li></ul></div></li><li id="widget_search" class="widget widget-sidebar"><form method="get" id="searchform" class="search-form" action="http://thedesignpixel.com" _lpchecked="1">\n	<fieldset> \n		<input type="text" name="s" id="s" value="Search this Site..." onfocus="if(this.value==''Search this Site...'')this.value='''';" x-webkit-speech onwebkitspeechchange="transcribe(this.value)"> \n		<input id="search-image" class="sbutton" type="image" src="../wp-content/themes/minimalist/images/search.png" style="border:0; vertical-align: top;">\n	</fieldset>\n</form></li><li id="widget_text" class="widget widget-sidebar">			<div class="textwidget"><p><!-- BuySellAds Zone Code --></p>\n<div id="bsap_1300899" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div>\n<p><!-- End BuySellAds Zone Code --></p>\n</div>\n		</li><li id="mts_pp" class="widget widget-sidebar">		<!-- BEGIN WIDGET -->\n		<div class="pp-wrapper">\n			\n			<h3>Popular Posts</h3>\n			<ul class="popular-posts">\n																	\n						<li >\n																					<a href=''http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-600x200.jpg" alt="50 Useful Photoshop Logo Design Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/'' title=''50 Useful Photoshop Logo Design Tutorials'' class=''popular-title''>50 Useful Photoshop Logo Design Tutorials</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-free-responsive-blogger-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-180x180.jpg" alt="45+ Best Free Responsive Blogger Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-responsive-blogger-templates/'' title=''45+ Best Free Responsive Blogger Templates'' class=''popular-title''>45+ Best Free Responsive Blogger Templates</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/best-free-wordpress-magazine-themes/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Great-600x200.jpg" alt="20 Best Free WordPress Magazine Themes"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-wordpress-magazine-themes/'' title=''20 Best Free WordPress Magazine Themes'' class=''popular-title''>20 Best Free WordPress Magazine Themes</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/free-responsive-html5-css3-website-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-180x180.jpg" alt="145+ Free Responsive HTML5 CSS3 Website Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-responsive-html5-css3-website-templates/'' title=''145+ Free Responsive HTML5 CSS3 Website Templates'' class=''popular-title''>145+ Free Responsive HTML5 CSS3 Website Templates</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/The-Weathertron-600x200.jpg" alt="25+ Responsive Mobile App Landing Pages for Inspiration"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/responsive-mobile-app-landing-pages-for-inspiration/'' title=''25+ Responsive Mobile App Landing Pages for Inspiration'' class=''popular-title''>25+ Responsive Mobile App Landing Pages for Inspiration</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Blue-Coming-Soon-Page-600x200.jpg" alt="35+ Free Coming Soon and Under Construction Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/'' title=''35+ Free Coming Soon and Under Construction Templates'' class=''popular-title''>35+ Free Coming Soon and Under Construction Templates</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/12/Nvaccess-180x180.jpg" alt="12 Free Text To Speech Voice Conversion Tools"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/'' title=''12 Free Text To Speech Voice Conversion Tools'' class=''popular-title''>12 Free Text To Speech Voice Conversion Tools</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/free-useful-photoshop-plugins/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Css3ps-180x180.jpg" alt="15 Free &#038; Useful Photoshop Plugins"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-useful-photoshop-plugins/'' title=''15 Free &#038; Useful Photoshop Plugins'' class=''popular-title''>15 Free &#038; Useful Photoshop Plugins</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/useful-cheat-sheets-designers-developers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-180x180.jpg" alt="65+ Useful Cheat Sheets for Designers and Developers"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/useful-cheat-sheets-designers-developers/'' title=''65+ Useful Cheat Sheets for Designers and Developers'' class=''popular-title''>65+ Useful Cheat Sheets for Designers and Developers</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-free-wireframing-tools-for-designers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Axure-RP-180x180.jpg" alt="8 Best Free Wireframing Tools for Designers"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-wireframing-tools-for-designers/'' title=''8 Best Free Wireframing Tools for Designers'' class=''popular-title''>8 Best Free Wireframing Tools for Designers</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/free-responsive-education-html-web-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/12/Knowledge-180x180.jpg" alt="15+ Free Responsive Education HTML Web Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-responsive-education-html-web-templates/'' title=''15+ Free Responsive Education HTML Web Templates'' class=''popular-title''>15+ Free Responsive Education HTML Web Templates</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/EllaTheme-180x180.jpg" alt="20 Premium Responsive and Mobile Website  Templates"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/'' title=''20 Premium Responsive and Mobile Website  Templates'' class=''popular-title''>20 Premium Responsive and Mobile Website  Templates</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/jquery-plugins-600x200.jpg" alt="15 Free CSS jQuery Tabs Plugin And Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/'' title=''15 Free CSS jQuery Tabs Plugin And Tutorials'' class=''popular-title''>15 Free CSS jQuery Tabs Plugin And Tutorials</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-600x200.jpg" alt="20 Most Useful 3D Text Effect Photoshop Tutorials"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/'' title=''20 Most Useful 3D Text Effect Photoshop Tutorials'' class=''popular-title''>20 Most Useful 3D Text Effect Photoshop Tutorials</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/best-ruby-on-rails-cms-content-management-systems/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Webiva-180x180.png" alt="13 Best Ruby On Rails CMS (Content Management Systems)"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-ruby-on-rails-cms-content-management-systems/'' title=''13 Best Ruby On Rails CMS (Content Management Systems)'' class=''popular-title''>13 Best Ruby On Rails CMS (Content Management Systems)</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-php-frameworks-for-web-developers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Phalcon-180x180.png" alt="20 Best PHP Frameworks for Web Developers"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-php-frameworks-for-web-developers/'' title=''20 Best PHP Frameworks for Web Developers'' class=''popular-title''>20 Best PHP Frameworks for Web Developers</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/8-best-sites-watch-clt20-live-streaming-online-free/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Watch-CLT20-Live-Streaming-Online-180x180.jpg" alt="8 Best Sites to Watch CLT20 Live Streaming Online Free"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/8-best-sites-watch-clt20-live-streaming-online-free/'' title=''8 Best Sites to Watch CLT20 Live Streaming Online Free'' class=''popular-title''>8 Best Sites to Watch CLT20 Live Streaming Online Free</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-wordpress-landing-page-themes/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/FlatBook-_E2_80_93-Flat-Ebook-Selling-Landing-WordPress-Theme-180x180.jpg" alt="15+ Best WordPress Landing Page Themes"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-wordpress-landing-page-themes/'' title=''15+ Best WordPress Landing Page Themes'' class=''popular-title''>15+ Best WordPress Landing Page Themes</a>\n						</li>\n					\n												\n						<li >\n																					<a href=''http://thedesignpixel.com/best-free-server-network-monitoring-tools/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Pandora-FMS-180x180.jpg" alt="13 Best Free Server &#038; Network Monitoring Tools"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-free-server-network-monitoring-tools/'' title=''13 Best Free Server &#038; Network Monitoring Tools'' class=''popular-title''>13 Best Free Server &#038; Network Monitoring Tools</a>\n						</li>\n					\n												\n						<li class="last">\n																					<a href=''http://thedesignpixel.com/best-php-libraries-web-developers/'' rel=''nofollow''><img src="http://thedesignpixel.com/files/wp-content/uploads/2014/09/Requests-180x180.jpeg" alt="25 Best PHP Libraries for Web Developers"  width=''125'' height=''125'' class="wp-post-image" /></a>\n							\n														<a href=''http://thedesignpixel.com/best-php-libraries-web-developers/'' title=''25 Best PHP Libraries for Web Developers'' class=''popular-title''>25 Best PHP Libraries for Web Developers</a>\n						</li>\n					\n														<ul>\n		</div>\n		<!-- END WIDGET -->\n		</li><li id="widget_facebook_likebox" class="widget widget-sidebar"><iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FTheDesignPixel&amp;width=300&amp;height=412&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;show_border=true&amp;header=false&amp;force_wall=false" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 300px;  height: 412px; background: #fff"></iframe></li><li id="widget_text" class="widget widget-sidebar">			<div class="textwidget"><p><!-- Place this tag where you want the widget to render. --></p>\n<div class="g-page" data-width="290" data-href="https://plus.google.com/116834064471293661453" data-layout="landscape" data-rel="publisher"></div>\n<p><!-- Place this tag after the last widget tag. --><br />\n<script type="text/javascript">\n  (function() {\n    var po = document.createElement(''script''); po.type = ''text/javascript''; po.async = true;\n    po.src = ''https://apis.google.com/js/platform.js'';\n    var s = document.getElementsByTagName(''script'')[0]; s.parentNode.insertBefore(po, s);\n  })();\n</script></p>\n</div>\n		</li>			</ul>\n		</div>\n	</div><!--sidebars-->\n</aside>		</div><!--#page-->\r\n	</div><!--.container-->\r\n</div>\r\n', 'essential ui design tools resources for web designers', '', 'publish', 'closed', 'closed', '', 'essential-ui-design-tools-resources-for-web-designers', '', '', '2017-04-11 13:16:29', '2017-04-11 13:16:29', '', 0, 'http://thedesignpixel.com/essential-ui-design-tools-resources-for-web-designers/', 0, 'page', '', 0);
INSERT INTO `wp_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(126, 1, '2017-04-11 13:16:31', '2017-04-11 13:16:31', '                				<!-- END HEADER -->\r\n                <div class="main-wrapper">\r\n	<div id="page">\r\n		<div class="main-content cblayout">\r\n			<div id="content" class="content-area single-content-area">\r\n				<div class="content content-single ">\r\n                                                <div class="breadcrumbs">\r\n                                <a href="http://thedesignpixel.com"> <i class="fa fa-home"></i>Home</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a> &bull; <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a>&nbsp;&nbsp;/&nbsp;&nbsp;25+ Excellent Adobe InDesign Tutorials                            </div>\r\n				        <div class="single-content">\n    <article class="post-2161 post type-post status-publish format-standard has-post-thumbnail hentry category-graphics category-tutorials tag-adobe">\r\n	<div id="post-2161" class="post-box">\r\n                        <div class="post-meta-top">                        <div class="post-cats uppercase">\r\n                            <span>\r\n                            <a href="http://thedesignpixel.com/category/graphics/" title="View all posts in Graphics" >Graphics</a>                             </span>\r\n                        </div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span>                </div>            <header>\r\n                <h1 class="title single-title">25+ Excellent Adobe InDesign Tutorials</h1>\r\n                <div class="post-meta-left">\r\n    <div class="post-meta">\r\n								<span class="post-tags"><i class="fa fa-tag"></i> <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/excellent-adobe-indesign-tutorials/#respond" class="comments-link" >Leave a Comment</a></span>\r\n						</div><!--.post-meta--></div>            </header><!--.header-->\r\n                    <div class="post-inner">\r\n            <div class="post-content single-post-content">\r\n                                    <div class="single-post-ad">\r\n                        <!-- BuySellAds Zone Code -->\r\n<div id="bsap_1305000" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div>\r\n<!-- End BuySellAds Zone Code -->                    </div>\r\n                \r\n                <p>There are a lot of desktop publishing tools available to be used, which allow us to work with a lot of cool features and functions, and the major users of these softwares are people working in print media, advertising, etc., or basically graphic designers using it in cases of simple and not so complex designs, for designing some common graphical applications like flyers, pamphlets, brochures, easy banners, etc. InDesign is also a great D T P tool, DTP stands for Desktop publishing tools, providing a lot of features and extensive options to its users, and has been developed and marketed by Adobe Corporation.</p>\n<p>According to the recent surveys, it came to the verdict, that with the highly competitive market, and the increase in demand, InDesign has become a very common and widely used tool by most of the designers, and they have preferred it for most of their work, including some of the complex designing tasks. InDesign came up with its latest addition to the version library as InDesign CC, in January 2014, and has been getting a great hype, because of the competitive pricing and wonderful and extensive features.</p>\n<p><strong>You May Like:</strong><br />\n<strong><a title="25+ Best Photoshop Wallpaper Tutorials" href="http://thedesignpixel.com/best-photoshop-wallpaper-tutorials/" rel="bookmark">25+ Best Photoshop Wallpaper Tutorials</a></strong><br />\n<strong> <a title="25 Best Adobe Dreamweaver CS6 Tutorials for Web Designers" href="http://thedesignpixel.com/best-adobe-dreamweaver-cs6-tutorials-for-web-designers/" rel="bookmark">25 Best Adobe Dreamweaver CS6 Tutorials for Web Designers</a></strong><br />\n<strong> <a title="105+ Useful Adobe Illustrator Tutorials Every Designer Should Checkout" href="http://thedesignpixel.com/useful-adobe-illustrator-tutorials/" rel="bookmark">105+ Useful Adobe Illustrator Tutorials Every Designer Should Checkout</a></strong></p>\n<p>InDesign has a collection of tools and palettes, that need a proper understanding and practice to be used. Considering the fact, that, just like Photoshop tutorials, the online bloggers, also came up with a lot of InDesign tutorials. These InDesign tutorials are great for learning new designs, and designing something new and creative, flaunting it, and impressing others with your design. There are a lot of templates for basic requirements like flyers, etc., available, and we have prepared a collection of the most widely used Adobe InDesign Tutorials, which are not only extensible, but very easy!\n</p>\n<h3><strong><span style="text-decoration: underline;"><em>25+ Excellent Adobe InDesign Tutorials</em></span>:</strong></h3>\n<p><strong><a href="http://vector.tutsplus.com/sessions/beginners-guides-to-indesign/?search_index=1">Beginners Guide to InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2162" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Beginners-Guide-to-InDesign.jpg" alt="Beginners Guide to InDesign" width="600" height="327" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Beginners-Guide-to-InDesign-300x164.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Beginners-Guide-to-InDesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/tools-tips/quick-tip-how-to-create-a-text-wrap-in-indesign/?search_index=2">Quick Tip: How to Create a Text Wrap in InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2163" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-How-to-Create-a-Text-Wrap-in-InDesign.jpg" alt="Quick Tip How to Create a Text Wrap in InDesign" width="600" height="327" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-How-to-Create-a-Text-Wrap-in-InDesign-300x164.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-How-to-Create-a-Text-Wrap-in-InDesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/tools-tips/quick-tip-how-to-fix-corrupt-indesign-files/?search_index=4">Quick Tip: How to Fix Corrupt InDesign Files</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2164" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-How-to-Fix-Corrupt-InDesign-Files.jpg" alt="Quick Tip How to Fix Corrupt InDesign Files" width="600" height="327" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-How-to-Fix-Corrupt-InDesign-Files-300x164.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-How-to-Fix-Corrupt-InDesign-Files.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/design-a-print-ready-ad-in-adobe-indesign/">Design a Print-ready Ad in Adobe InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2165" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Design-a-Print-ready-Ad-in-Adobe-InDesign.jpg" alt="Design a Print-ready Ad in Adobe InDesign" width="600" height="709" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Design-a-Print-ready-Ad-in-Adobe-InDesign-254x300.jpg 254w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Design-a-Print-ready-Ad-in-Adobe-InDesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://www.computerarts.co.uk/tutorials/speed-your-indesign-layouts">Speed up your InDesign layouts</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2166" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Speed-up-your-InDesign-layouts.jpg" alt="Speed up your InDesign layouts" width="600" height="371" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Speed-up-your-InDesign-layouts-300x186.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Speed-up-your-InDesign-layouts.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/quick-tip-designing-a-basic-letterhead-with-indesign-cs5/">Quick Tip: Designing a Basic Letterhead with InDesign CS5</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2167" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-Designing-a-Basic-Letterhead-with-InDesign-CS5.jpg" alt="Quick Tip Designing a Basic Letterhead with InDesign CS5" width="600" height="600" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-Designing-a-Basic-Letterhead-with-InDesign-CS5-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-Designing-a-Basic-Letterhead-with-InDesign-CS5-300x300.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-Designing-a-Basic-Letterhead-with-InDesign-CS5-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-Designing-a-Basic-Letterhead-with-InDesign-CS5-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-Designing-a-Basic-Letterhead-with-InDesign-CS5.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/quick-tip-creating-a-tri-fold-template-in-indesign-cs5/">Quick Tip: Creating a Tri-fold template in InDesign CS5</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2168" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-Creating-a-Tri-fold-template-in-InDesign-CS5.jpg" alt="Quick Tip Creating a Tri-fold template in InDesign CS5" width="600" height="536" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-Creating-a-Tri-fold-template-in-InDesign-CS5-300x268.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Tip-Creating-a-Tri-fold-template-in-InDesign-CS5.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://www.computerarts.co.uk/tutorials/column-grid-poster-design-made-neat-and-easy">Column-grid poster design made neat and easy</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2169" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Column-grid-poster-design-made-neat-and-easy.jpg" alt="Column-grid poster design made neat and easy" width="600" height="371" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Column-grid-poster-design-made-neat-and-easy-300x186.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Column-grid-poster-design-made-neat-and-easy.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/how-to-make-an-a5-print-ready-leaflet-indesign-cs5/">Make an A5 Print Ready Leaflet InDesign CS5</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2170" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Make-an-A5-Print-Ready-Leaflet-InDesign-CS5.jpg" alt="Make an A5 Print Ready Leaflet InDesign CS5" width="600" height="429" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Make-an-A5-Print-Ready-Leaflet-InDesign-CS5-300x215.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Make-an-A5-Print-Ready-Leaflet-InDesign-CS5.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/how-to-create-a-music-magazine-cover-in-indesign/">How to Create a Music Magazine Cover in InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2171" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-a-Music-Magazine-Cover-in-InDesign.jpg" alt="How to Create a Music Magazine Cover in InDesign" width="600" height="775" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-a-Music-Magazine-Cover-in-InDesign-232x300.jpg 232w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-a-Music-Magazine-Cover-in-InDesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/quick-tip-how-to-impose-business-cards-for-digital-printing-with-indesign/">How to Impose Business Cards for Digital Printing with InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2172" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/How-to-Impose-Business-Cards-for-Digital-Printing-with-InDesign.jpg" alt="How to Impose Business Cards for Digital Printing with InDesign" width="600" height="284" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Impose-Business-Cards-for-Digital-Printing-with-InDesign-300x142.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Impose-Business-Cards-for-Digital-Printing-with-InDesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://www.computerarts.co.uk/tutorials/create-striking-exhibition-poster">Create a striking exhibition poster</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2173" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Create-a-striking-exhibition-poster.jpg" alt="Create a striking exhibition poster" width="600" height="371" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Create-a-striking-exhibition-poster-300x186.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Create-a-striking-exhibition-poster.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/create-a-quick-one-page-portfolio-in-indesign/">Create a Quick One Page Portfolio in InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2174" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Create-a-Quick-One-Page-Portfolio-in-InDesign.jpg" alt="Create a Quick One Page Portfolio in InDesign" width="600" height="940"><noscript></noscript></a></p>\n<p><strong><a href="http://www.computerarts.co.uk/tutorials/design-distinctive-monotone-layouts">Design distinctive monotone layouts</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2175" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Design-distinctive-monotone-layouts.jpg" alt="Design distinctive monotone layouts" width="600" height="371" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Design-distinctive-monotone-layouts-300x186.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Design-distinctive-monotone-layouts.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://www.computerarts.co.uk/tutorials/use-glyphs-create-striking-typographic-poster-indesign">Use glyphs to create a striking typographic poster in InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2176" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Use-glyphs-to-create-a-striking-typographic-poster-in-InDesign.png" alt="Use glyphs to create a striking typographic poster in InDesign" width="600" height="371" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Use-glyphs-to-create-a-striking-typographic-poster-in-InDesign-300x186.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Use-glyphs-to-create-a-striking-typographic-poster-in-InDesign.png 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://www.computerarts.co.uk/tutorials/create-newsprint-publication">Create a newsprint publication</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2177" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Create-a-newsprint-publication.jpg" alt="Create a newsprint publication" width="600" height="371" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Create-a-newsprint-publication-300x186.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Create-a-newsprint-publication.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/quick-tip-working-with-text-wrap-and-fit-content-options-in-adobe-indesign/">Working with Text Wrap and Fit Content Options in Adobe InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2178" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Working-with-Text-Wrap-and-Fit-Content-Options-in-Adobe-InDesign.jpg" alt="Working with Text Wrap and Fit Content Options in Adobe InDesign" width="600" height="389" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Working-with-Text-Wrap-and-Fit-Content-Options-in-Adobe-InDesign-300x195.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Working-with-Text-Wrap-and-Fit-Content-Options-in-Adobe-InDesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://designertoday.com/Tutorials/InDesign/4627/Type.Reflection.InDesign.CS2.Tutorial.aspx">Type Reflection Indesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2179" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Type-Reflection-Indesign.jpg" alt="Type Reflection Indesign" width="600" height="346" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Type-Reflection-Indesign-300x173.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Type-Reflection-Indesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/text-effects/quick-tip-creating-a-custom-text-box-using-type-and-indesign/">Creating a Custom Text Box <span id="5c2fce83-f417-4319-8f71-7ba4c2c53b62" class="GINGER_SOFATWARE_mark"><span id="beac6af4-af7d-428f-8cfb-a02f89b9d00b" class="GINGER_SOFATWARE_mark"><span id="98e627e6-3407-4f70-9757-1b0d19d2efa9" class="GINGER_SOFATWARE_mark"><span id="33f315f0-384d-46bf-8ce5-f3d788006a88" class="GINGER_SOFATWARE_mark">using</span></span></span></span> Type and InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2180" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Creating-a-Custom-Text-Box-using-Type-and-InDesign.jpg" alt="Creating a Custom Text Box using Type and InDesign" width="600" height="485" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Creating-a-Custom-Text-Box-using-Type-and-InDesign-300x243.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Creating-a-Custom-Text-Box-using-Type-and-InDesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/articles/news/design-a-print-ready-accordion-fold-document-in-adobe-indesign-vector-tutorial/">Design a Print-Ready Accordion Fold Document</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2181" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Design-a-Print-Ready-Accordion-Fold-Document.jpg" alt="Design a Print-Ready Accordion Fold Document" width="600" height="693" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Design-a-Print-Ready-Accordion-Fold-Document-260x300.jpg 260w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Design-a-Print-Ready-Accordion-Fold-Document.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://www.computerarts.co.uk/tutorials/design-simple-index-indesign">Design a simple index with InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2182" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Design-a-simple-index-with-InDesign.jpg" alt="Design a simple index with InDesign" width="600" height="476" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Design-a-simple-index-with-InDesign-300x238.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Design-a-simple-index-with-InDesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/how-to-create-a-professional-magazine-layout/">How to Create a Professional Magazine Layout</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2183" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-a-Professional-Magazine-Layout.jpg" alt="How to Create a Professional Magazine Layout" width="600" height="425" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-a-Professional-Magazine-Layout-300x213.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-a-Professional-Magazine-Layout.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/quick-tip-quick-masking-with-the-pen-tool-in-indesign/">Quick Masking with the Pen Tool</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2184" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Quick-Masking-with-the-Pen-Tool.jpg" alt="Quick Masking with the Pen Tool" width="600" height="428" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Masking-with-the-Pen-Tool-300x214.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Quick-Masking-with-the-Pen-Tool.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/quick-tip-create-a-gift-voucher-in-indesign/">Create a Gift Voucher in InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2185" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Create-a-Gift-Voucher-in-InDesign.jpg" alt="Create a Gift Voucher in InDesign" width="600" height="283" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Create-a-Gift-Voucher-in-InDesign-300x142.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Create-a-Gift-Voucher-in-InDesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/articles/techniques/adobe-indesign-cs5-advanced-typography-and-special-characters/">Adobe InDesign CS5, Advanced Typography and Special Characters</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2186" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Adobe-InDesign-CS5-Advanced-Typography-and-Special-Characters.jpg" alt="Adobe InDesign CS5, Advanced Typography and Special Characters" width="600" height="112" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Adobe-InDesign-CS5-Advanced-Typography-and-Special-Characters-300x56.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Adobe-InDesign-CS5-Advanced-Typography-and-Special-Characters.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://vector.tutsplus.com/tutorials/designing/quick-tip-how-to-create-mixed-ink-swatches-with-indesign/">How to Create Mixed Ink Swatches with InDesign</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2187" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-Mixed-Ink-Swatches-with-InDesign.jpg" alt="How to Create Mixed Ink Swatches with InDesign" width="600" height="600" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-Mixed-Ink-Swatches-with-InDesign-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-Mixed-Ink-Swatches-with-InDesign-300x300.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-Mixed-Ink-Swatches-with-InDesign-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-Mixed-Ink-Swatches-with-InDesign-65x65.jpg 65w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/How-to-Create-Mixed-Ink-Swatches-with-InDesign.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n<p><strong><a href="http://www.computerarts.co.uk/tutorials/create-impactful-slab-serif-poster">Create an <span id="8bdc390c-85cc-4a24-8ee3-b0970f131f6d" class="GINGER_SOFATWARE_mark"><span id="2fb075e7-dce6-4c1e-9f96-846c775e2c5f" class="GINGER_SOFATWARE_mark"><span id="7b6270ce-9d00-4e8e-8545-766b4f161756" class="GINGER_SOFATWARE_mark">impactful</span></span></span> slab-serif poster</a></strong></p>\n<p><a href="#"><img class="aligncenter size-full wp-image-2188" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/07/Create-an-impactful-slab-serif-poster.jpg" alt="Create an impactful slab-serif poster" width="600" height="328" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Create-an-impactful-slab-serif-poster-300x164.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Create-an-impactful-slab-serif-poster.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript></noscript></a></p>\n\r\n                                    <div class="single-post-ad">\r\n                        <div id="contentad116044"></div>\r\n<script type="text/javascript">\r\n    (function(d) {\r\n        var params =\r\n        {\r\n            id: "d66769d0-f5de-4d8e-bbd7-fa317dd7d53b",\r\n            d:  "dGhlZGVzaWducGl4ZWwuY29t",\r\n            wid: "116044",\r\n            cb: (new Date()).getTime()\r\n        };\r\n\r\n        var qs=[];\r\n        for(var key in params) qs.push(key+''=''+encodeURIComponent(params[key]));\r\n        var s = d.createElement(''script'');s.type=''text/javascript'';s.async=true;\r\n        var p = ''https:'' == document.location.protocol ? ''https'' : ''http'';\r\n        s.src = p + "://api.content.ad/Scripts/widget2.aspx?" + qs.join(''&'');\r\n        d.getElementById("contentad116044").appendChild(s);\r\n    })(document);\r\n</script>                    </div>\r\n                \r\n                            </div><!--.single-post-content-->\r\n        </div><!--.post-inner-->\r\n			</div><!--.post excerpt-->\r\n</article><!--.post-box--></div><!--.single-content-->\r\n    <div class="wpdiscuz_top_clearing"></div>\r\n                    <div id="comments" class="comments-area">\r\n                    <div id="respond" style="width: 0;height: 0;clear: both;margin: 0;padding: 0;"></div>\r\n                            <h3 id="wc-comment-header">Leave a Reply</h3>\r\n                <div id="wpcomm" class="wpdiscuz_unauth">\r\n                            <div class="wc-comment-bar">\r\n                    <p class="wc-comment-title">\r\n                        Be the First to Comment!                    </p>\r\n                    <div class="wpdiscuz_clear"></div>\r\n                </div>\r\n                                    <div class="wc_social_plugin_wrapper">\r\n                            </div>\r\n                                <div class="wc-form-wrapper wc-main-form-wrapper"  id=''wc-main-form-wrapper-0_0'' >\r\n            <div class="wpdiscuz-comment-message" style="display: block;"></div>\r\n                                        <form class="wc_comm_form wc_main_comm_form" method="post" action="" enctype="multipart/form-data">\r\n                    <div class="wc-field-comment">\r\n                                                                                <div class="wc-field-avatararea">\r\n                                <img alt=''avatar'' src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://2.gravatar.com/avatar/?s=48&#038;d=mm&#038;r=g" srcset=''http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48'' /><noscript><img alt=''avatar'' src="http://thedesignpixel.com/files/avatar/_s_48_amp_d_mm_amp_r_g.jpg" srcset=''http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48'' /></noscript>                            </div>\r\n                                                <div class="wpdiscuz-item wc-field-textarea" >\r\n                            <div class="wpdiscuz-textarea-wrap ">\r\n                                <textarea id="wc-textarea-0_0"   placeholder="Start the discussion" required name="wc_comment" class="wc_comment wc_field_input"></textarea>\r\n                                                                                            </div>\r\n                        </div>\r\n                        <div class="clearfix"></div>\r\n                    </div>\r\n                    <div class="wc-form-footer"  style="display: none;">                        \r\n                                                                                <div class="wc-author-data">\r\n                                <div class="wc-field-name wpdiscuz-item">\r\n                                    <input type="text" data-validate-length-range="3,50" maxlength="50" placeholder="Name" value="" required="required" name="wc_name" class="wc_name wc_field_input" />\r\n                                </div>\r\n                                <div class="wc-field-email wpdiscuz-item">\r\n                                    <input type="email" placeholder="Email" value=""  name="wc_email"  class="wc_email wc_field_input email" />\r\n                                </div>\r\n                                                                    <div class="wc-field-website wpdiscuz-item">\r\n                                        <input type="url" placeholder="WebSite URL" value="" name="wc_website" class="wc_website wc_field_input">\r\n                                    </div>\r\n                                                                <div class="clearfix"></div>\r\n                            </div>\r\n                                                <div class="wc-form-submit">\r\n                                            <div class="wc-field-captcha wpdiscuz-item">\r\n                    <div class="wc-captcha-input">\r\n                        <input type="text" maxlength="5" value="" required="required" name="wc_captcha"  class="wc_field_input wc_field_captcha" placeholder="Code" title="Insert the CAPTCHA code">\r\n                    </div>\r\n                    <div class="wc-label wc-captcha-label">\r\n                                                <a class="wpdiscuz-nofollow" href="#" rel="nofollow"></a><a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow"><img  alt="refresh" class="" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a>\r\n                        <input type="hidden" id="xJZA7ec7b204318d3118a614b7b8fab388de1ae7ca40f3036d52a055352df6363eff3" class="wpdiscuz-cnonce" name="cnonce" value="xJZA7ec7b204318d3118a614b7b8fab388de1ae7ca40f3036d52a055352df6363eff3" />\r\n                    </div>\r\n                    <div class="clearfix"></div>\r\n                </div>\r\n                                            <div class="wc-field-submit">\r\n                                                                                                            <div class="wc_notification_checkboxes" style="display:block">\r\n                                                                                            <input id="wc_notification_new_comment-0_0" class="wc_notification_new_comment-0_0" value="comment"  type="checkbox" name="wpdiscuz_notification_type" /> <label class="wc-label-comment-notify" for="wc_notification_new_comment-0_0">Notify of new replies to this comment</label><br />\r\n                                                                                        </div>\r\n                                                                                                    <input type="button" class="wc_comm_submit button alt"  value="Post Comment" name="submit">\r\n                            </div>\r\n                            <div class="clearfix"></div>\r\n                        </div>\r\n                        <div class="clearfix"></div>\r\n                    </div>\r\n                    <div class="clearfix"></div>\r\n                    <input type="hidden" class="wpdiscuz_unique_id" value="0_0" name="wpdiscuz_unique_id">\r\n                </form>\r\n                    </div>\r\n                    <div id="wpdiscuz_hidden_secondary_form" style="display: none;">\r\n                        <div class="wc-form-wrapper wc-secondary-form-wrapper"  id=''wc-secondary-form-wrapper-wpdiscuzuniqueid''  style="display: none;" >\r\n            <div class="wpdiscuz-comment-message" style="display: block;"></div>\r\n                            <div class="wc-secondary-forms-social-content"></div>\r\n                                        <form class="wc_comm_form wc-secondary-form-wrapper" method="post" action="" enctype="multipart/form-data">\r\n                    <div class="wc-field-comment">\r\n                                                                                <div class="wc-field-avatararea">\r\n                                <img alt=''avatar'' src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://1.gravatar.com/avatar/?s=48&#038;d=mm&#038;r=g" srcset=''http://2.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48'' /><noscript><img alt=''avatar'' src="http://thedesignpixel.com/files/avatar/_s_48_amp_d_mm_amp_r_g.jpg" srcset=''http://2.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x'' class=''avatar avatar-48 photo avatar-default'' height=''48'' width=''48'' /></noscript>                            </div>\r\n                                                <div class="wpdiscuz-item wc-field-textarea" >\r\n                            <div class="wpdiscuz-textarea-wrap ">\r\n                                <textarea id="wc-textarea-wpdiscuzuniqueid"   placeholder="Join the discussion" required name="wc_comment" class="wc_comment wc_field_input"></textarea>\r\n                                                                                            </div>\r\n                        </div>\r\n                        <div class="clearfix"></div>\r\n                    </div>\r\n                    <div class="wc-form-footer"  style="display: none;">                        \r\n                                                                                <div class="wc-author-data">\r\n                                <div class="wc-field-name wpdiscuz-item">\r\n                                    <input type="text" data-validate-length-range="3,50" maxlength="50" placeholder="Name" value="" required="required" name="wc_name" class="wc_name wc_field_input" />\r\n                                </div>\r\n                                <div class="wc-field-email wpdiscuz-item">\r\n                                    <input type="email" placeholder="Email" value=""  name="wc_email"  class="wc_email wc_field_input email" />\r\n                                </div>\r\n                                                                    <div class="wc-field-website wpdiscuz-item">\r\n                                        <input type="url" placeholder="WebSite URL" value="" name="wc_website" class="wc_website wc_field_input">\r\n                                    </div>\r\n                                                                <div class="clearfix"></div>\r\n                            </div>\r\n                                                <div class="wc-form-submit">\r\n                                            <div class="wc-field-captcha wpdiscuz-item">\r\n                    <div class="wc-captcha-input">\r\n                        <input type="text" maxlength="5" value="" required="required" name="wc_captcha"  class="wc_field_input wc_field_captcha" placeholder="Code" title="Insert the CAPTCHA code">\r\n                    </div>\r\n                    <div class="wc-label wc-captcha-label">\r\n                                                <a class="wpdiscuz-nofollow" href="#" rel="nofollow"></a><a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow"><img  alt="refresh" class="" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a>\r\n                        <input type="hidden" id="nwHxQ94597ee9c66c62f5683c712608fd273ca22b065ebf7223468eb953a6102e1c51" class="wpdiscuz-cnonce" name="cnonce" value="nwHxQ94597ee9c66c62f5683c712608fd273ca22b065ebf7223468eb953a6102e1c51" />\r\n                    </div>\r\n                    <div class="clearfix"></div>\r\n                </div>\r\n                                            <div class="wc-field-submit">\r\n                                                                                                            <div class="wc_notification_checkboxes" style="display:block">\r\n                                                                                            <input id="wc_notification_new_comment-wpdiscuzuniqueid" class="wc_notification_new_comment-wpdiscuzuniqueid" value="comment"  type="checkbox" name="wpdiscuz_notification_type" /> <label class="wc-label-comment-notify" for="wc_notification_new_comment-wpdiscuzuniqueid">Notify of new replies to this comment</label><br />\r\n                                                                                        </div>\r\n                                                                                                    <input type="button" class="wc_comm_submit button alt"  value="Post Comment" name="submit">\r\n                            </div>\r\n                            <div class="clearfix"></div>\r\n                        </div>\r\n                        <div class="clearfix"></div>\r\n                    </div>\r\n                    <div class="clearfix"></div>\r\n                    <input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id">\r\n                </form>\r\n                    </div>\r\n                    </div>\r\n                        <hr>\r\n\r\n                        \r\n                \r\n                                <div id="wcThreadWrapper" class="wc-thread-wrapper">\r\n                                    \r\n                    <div class="wpdiscuz-comment-pagination">\r\n                                            </div>\r\n                </div>\r\n                <div class="wpdiscuz_clear"></div>\r\n                            </div>\r\n        </div>\r\n        <div class="wpdiscuz-loading-bar wpdiscuz-loading-bar-unauth"><img class="wpdiscuz-loading-bar-img" alt="wpDiscuz" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/loading.gif" width="32" height="25" /></div>\r\n        				</div>\r\n			</div>\r\n			<aside class="sidebar">\r\n	<div id="sidebar">\r\n        		<!-- START WIDGET -->\r\n		<div id="tabs-widget">\r\n			<ul id="tabs">\r\n				<li class="active"><a href="#tab1"><span>Popular</span></a></li>\r\n				<li class="recent-tab"><a href="#tab2"><span>Recent</span></a></li>\r\n			</ul>\r\n			<div id="tabs-content">\r\n				<div id="tab1" class="popular-posts tab-content" style="display: block;">\r\n					<ul>\r\n																			<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-04-19T05:49:32+00:00"><i class="fa fa-clock-o"></i> April 19, 2014</time>\r\n                                                                                                                            <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>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/useful-project-management-tools/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-09-08T05:29:43+00:00"><i class="fa fa-clock-o"></i> September 8, 2014</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/free-responsive-html5-css3-website-templates/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-07-24T05:17:39+00:00"><i class="fa fa-clock-o"></i> July 24, 2014</time>\r\n                                                                                                                            <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/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-04-07T18:57:23+00:00"><i class="fa fa-clock-o"></i> April 7, 2014</time>\r\n                                                                                                                            <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/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-12-15T11:07:43+00:00"><i class="fa fa-clock-o"></i> December 15, 2014</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/best-free-responsive-blogger-templates/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-08-15T15:03:22+00:00"><i class="fa fa-clock-o"></i> August 15, 2014</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/best-premium-responsive-wordpress-themes/''>\r\n                                                <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/Vellum-best-wordpress-theme-february-2014-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Vellum-best-wordpress-theme-february-2014" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-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/Vellum-best-wordpress-theme-february-2014-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Vellum-best-wordpress-theme-february-2014" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px" /></noscript>                                                <div class="fhover"></div>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<span class="widgettitle"><a href="http://thedesignpixel.com/best-premium-responsive-wordpress-themes/" title="50+ Best Premium Responsive WordPress Themes of 2014">50+ Best Premium Responsive WordPress Themes of 2014</a></span>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-08-11T18:37:35+00:00"><i class="fa fa-clock-o"></i> August 11, 2014</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>\r\n                                        																					<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/best-premium-responsive-wordpress-themes/#comments" class="comments-link" >2</a></span>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-01-28T20:57:55+00:00"><i class="fa fa-clock-o"></i> January 28, 2015</time>\r\n                                                                                                                            <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/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/top-best-premium-web-hosting-templates/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-07-20T04:34:20+00:00"><i class="fa fa-clock-o"></i> July 20, 2014</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/useful-cheat-sheets-designers-developers/''>\r\n                                                <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/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Ultimate HTML5 Cheatsheat [Infographic]" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-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/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Ultimate HTML5 Cheatsheat [Infographic]" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px" /></noscript>                                                <div class="fhover"></div>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<span class="widgettitle"><a href="http://thedesignpixel.com/useful-cheat-sheets-designers-developers/" title="65+ Useful Cheat Sheets for Designers and Developers">65+ Useful Cheat Sheets for Designers and Developers</a></span>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-06-19T02:23:46+00:00"><i class="fa fa-clock-o"></i> June 19, 2014</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/coding/" rel="category tag">Coding</a>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/useful-cheat-sheets-designers-developers/#comments" class="comments-link" >1</a></span>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/creative-examples-of-parallax-scrolling-web-designs/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-06-08T13:13:40+00:00"><i class="fa fa-clock-o"></i> June 8, 2014</time>\r\n                                                                                                                            <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>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/''>\r\n                                                <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/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-65x65.jpg" class="attachment-widgetthumb size-widgetthumb 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: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-65x65.jpg" class="attachment-widgetthumb size-widgetthumb 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: 65px) 100vw, 65px" /></noscript>                                                <div class="fhover"></div>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<span class="widgettitle"><a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/" title="20 Most Useful 3D Text Effect Photoshop Tutorials">20 Most Useful 3D Text Effect Photoshop Tutorials</a></span>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-03-10T18:49:30+00:00"><i class="fa fa-clock-o"></i> March 10, 2014</time>\r\n                                                                                                                            <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>\r\n                                        																					<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/#comments" class="comments-link" >1</a></span>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/best-free-wireframing-tools-for-designers/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-06-20T02:12:33+00:00"><i class="fa fa-clock-o"></i> June 20, 2014</time>\r\n                                                                                                                            <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>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/''>\r\n                                                <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/03/jquery-plugins-65x65.jpg" class="attachment-widgetthumb size-widgetthumb 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: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/jquery-plugins-65x65.jpg" class="attachment-widgetthumb size-widgetthumb 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: 65px) 100vw, 65px" /></noscript>                                                <div class="fhover"></div>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<span class="widgettitle"><a href="http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/" title="15 Free CSS jQuery Tabs Plugin And Tutorials">15 Free CSS jQuery Tabs Plugin And Tutorials</a></span>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-03-07T05:41:06+00:00"><i class="fa fa-clock-o"></i> March 7, 2014</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <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>\r\n                                        																					<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/#comments" class="comments-link" >1</a></span>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/best-free-wordpress-magazine-themes/''>\r\n                                                <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/03/Great-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Great" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Great-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Great" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px" /></noscript>                                                <div class="fhover"></div>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<span class="widgettitle"><a href="http://thedesignpixel.com/best-free-wordpress-magazine-themes/" title="20 Best Free WordPress Magazine Themes">20 Best Free WordPress Magazine Themes</a></span>\r\n									<span class="meta">\r\n																				                                            <time datetime="2014-03-03T19:13:22+00:00"><i class="fa fa-clock-o"></i> March 3, 2014</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>\r\n                                        																					<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/best-free-wordpress-magazine-themes/#comments" class="comments-link" >1</a></span>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n																	</ul>\r\n				</div>\r\n				<div id="tab2" class="recent-posts tab-content">\r\n					<ul>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/use-docker-run-apps-now/''>\r\n                                                <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/2016/03/docker-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="docker-logo" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-65x65.png 65w" sizes="(max-width: 65px) 100vw, 65px" /><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2016/03/docker-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="docker-logo" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-65x65.png 65w" sizes="(max-width: 65px) 100vw, 65px" /></noscript>                                                <div class="fhover"></div>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<span class="widgettitle"><a href="http://thedesignpixel.com/use-docker-run-apps-now/" title="Why You Should Use Docker to Run Apps Now">Why You Should Use Docker to Run Apps Now</a></span>\r\n									<span class="meta">\r\n																				                                            <time datetime="2016-03-01T13:19:52+00:00"><i class="fa fa-clock-o"></i> March 1, 2016</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/use-docker-run-apps-now/#respond" class="comments-link" >0</a></span>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/choosing-a-typeface-measuring-content-roi-site-launch-checklist-and-more/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-11-09T13:12:32+00:00"><i class="fa fa-clock-o"></i> November 9, 2015</time>\r\n                                                                                                                            <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/roundups/" rel="category tag">Roundups</a>, <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/free-stunning-website-templates/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-11-02T11:31:37+00:00"><i class="fa fa-clock-o"></i> November 2, 2015</time>\r\n                                                                                                                            <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>, <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>\r\n                                        																					<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-stunning-website-templates/#comments" class="comments-link" >1</a></span>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/version-control-for-wordpress-onboarding-experiences-interpreting-bounce-rate-and-more/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-10-27T11:32:34+00:00"><i class="fa fa-clock-o"></i> October 27, 2015</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/roundups/" rel="category tag">Roundups</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/svg-tools-breadcrumbs-sitelinks/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<span class="widgettitle"><a href="http://thedesignpixel.com/svg-tools-breadcrumbs-sitelinks/" title="SVG Tools, Breadcrumbs, Sitelinks">SVG Tools, Breadcrumbs, Sitelinks</a></span>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-10-20T11:45:28+00:00"><i class="fa fa-clock-o"></i> October 20, 2015</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/roundups/" rel="category tag">Roundups</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/joomla-templates-for-your-current-web-project/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-09-22T10:40:11+00:00"><i class="fa fa-clock-o"></i> September 22, 2015</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/the-importance-of-proactive-server-management/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-08-04T15:22:44+00:00"><i class="fa fa-clock-o"></i> August 4, 2015</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/20-fresh-photoshop-text-effects-for-web-designers/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-07-20T04:59:26+00:00"><i class="fa fa-clock-o"></i> July 20, 2015</time>\r\n                                                                                                                            <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/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/35-free-responsive-wordpress-themes-for-2015/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-07-06T12:53:12+00:00"><i class="fa fa-clock-o"></i> July 6, 2015</time>\r\n                                                                                                                            <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/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/30-stylish-wordpress-themes-with-pretty-backgrounds/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-05-04T20:09:36+00:00"><i class="fa fa-clock-o"></i> May 4, 2015</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/top-20-facebook-layouts-on-the-web/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-05-04T19:31:57+00:00"><i class="fa fa-clock-o"></i> May 4, 2015</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/html5templates/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<span class="widgettitle"><a href="http://thedesignpixel.com/html5templates/" title="30 Stunning &#038; Beautiful HTML5 Templates">30 Stunning &#038; Beautiful HTML5 Templates</a></span>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-03-25T03:55:43+00:00"><i class="fa fa-clock-o"></i> March 25, 2015</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/html5templates/#respond" class="comments-link" >0</a></span>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/cms-blog-templates/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-03-03T19:41:51+00:00"><i class="fa fa-clock-o"></i> March 3, 2015</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/40-new-wordpress-business-themes/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-02-11T05:12:06+00:00"><i class="fa fa-clock-o"></i> February 11, 2015</time>\r\n                                                                                                                            <span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n													<li>\r\n																                                            <div class="thumbnail">\r\n                                            <a class="featured-thumbnail widgetthumb" href=''http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/''>\r\n                                                <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>\r\n                                            </a>\r\n                                        </div>\r\n								    																<div class="info">\r\n									<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>\r\n									<span class="meta">\r\n																				                                            <time datetime="2015-01-28T20:57:55+00:00"><i class="fa fa-clock-o"></i> January 28, 2015</time>\r\n                                                                                                                            <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/resources/" rel="category tag">Resources</a></span>\r\n                                        																					<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>\r\n																			</span>\r\n								</div>\r\n							</li>\r\n											</ul>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<!-- END WIDGET -->\r\n			</div>\r\n</aside>		</div><!--.main-content-->\r\n		</div><!--#page-->\r\n	</div><!--.main-wrapper-->\r\n		', 'excellent adobe indesign tutorials', '', 'publish', 'closed', 'closed', '', 'excellent-adobe-indesign-tutorials', '', '', '2017-04-11 13:16:31', '2017-04-11 13:16:31', '', 0, 'http://thedesignpixel.com/excellent-adobe-indesign-tutorials/', 0, 'page', '', 0);
