<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Propeople Blog</title>
	<atom:link href="http://blog.wearepropeople.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.wearepropeople.com</link>
	<description>Blogging about web design and development</description>
	<lastBuildDate>Fri, 03 Feb 2012 14:16:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Extra events at DrupalCon Denver 2012</title>
		<link>http://blog.wearepropeople.com/extra-events-drupalcon-denver-2012/</link>
		<comments>http://blog.wearepropeople.com/extra-events-drupalcon-denver-2012/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 20:05:08 +0000</pubDate>
		<dc:creator>Corina Ciripitca</dc:creator>
				<category><![CDATA[Drupal]]></category>
		<category><![CDATA[Drupalcon]]></category>

		<guid isPermaLink="false">http://blog.wearepropeople.com/?p=3124</guid>
		<description><![CDATA[If you haven’t signed up for DrupalCon Denver 2012 yet, you should hurry up as it promises to deliver some great training sessions and helpful events that will surely strengthen your interest towards Drupal.]]></description>
			<content:encoded><![CDATA[<p>If you haven’t signed up for DrupalCon Denver 2012 yet, you should hurry up as it promises to deliver some great training sessions and helpful events that will surely strengthen your interest towards Drupal.</p>
<p>This is a short round-up for some of the events that will take place at DrupalCon Denver 2012. Stay tuned and sign up for the event you are interested in.</p>
<h3>Developer Contest: Drupal and Twilio Join Forces for DrupalCon</h3>
<p>As the cloud communication IaaS Twilio is often seen supporting the open source community, this year these guys decided to “join forces” with Drupal at DrupalCon Denver 2012.</p>
<p>What you have to do, is create a Drupal module with Twilio integration and submit your work <a href="https://docs.google.com/spreadsheet/viewform?hl=en_US&amp;formkey=dEVVbTVDNEZfU05vUEV1V2ljMUZSeEE6MQ#gid=0">here</a>, by March 19. Submissions will further be reviewed by Drupal megaminds like lead developer of VoIP Drupal – Leo Burd and co-founder of ChapterThree – Matt Cheney.</p>
<p>The three best projects will be presented by their owners on stage at DrupalCon Denver 2012. But this is not just it! The best submissions will also be rewarded:</p>
<ul>
<li>Third place: Unique Twilio VIP swag</li>
<li>Second place: Kindle Fire and Twilio T-shirt</li>
<li>First Place: Macbook Air and Twilio track jacket.</li>
</ul>
<p>If you don’t have a chance to attend DrupalCon Denver, you can still submit your project and if you get picked as a winner &#8211; receive a Kindle Fire.<br />
<a class="gray" href="http://www.twilio.com/blog/2012/01/developer-contest-drupal-and-twilio-join-forces-for-drupalcon.html" target="_blank">More information about Twilio Developer Contest</a></p>
<h3>Core Conversations at DrupalCon Denver</h3>
<p>“Core conversations” is an event taking place at most of DrupalCon’s, and this year is no exception.</p>
<p>It is the contributors that keep the Drupal community alive and improve it greatly and Core Conversations’ main subject is talking about how you can help in doing that as well. Many of you are contributors, or would like to do that, so in this case this event is exactly where you should be.</p>
<p>You can present your own ideas and be a future contributor, or you could just give tips on how to improve the Drupal core – anything goes as long as you are willing to share.</p>
<p>All you have to do is gather your great ideas and submit a proposal as soon as possible.<br />
<a class="gray" href="http://denver2012.drupal.org/core-conversations" target="_blank">Register for Core Conversations</a></p>
<h3>“Drupal Means Business”</h3>
<p>Moving a business online is utmost important today, as the Internet is covering more space than it did in earlier days, hence making sure you hit a certain target and extending it can be possible if you showcase what you do on the Big Web. This is a business strategy that cannot be ignored and knowing how to invest in it is crucial.</p>
<p>You can find the perfect solution for your business at DrupalCon Denver 2012 at the “Drupal Means Business” event that will take place on Thursday, March 22, 2012. It is the place to meet important Drupal businesses meaning great web development agencies and training companies that can offer you a solution to move your business online, or improve what you already have.</p>
<p>Be there to participate in case studies and learn about today’s best practices within the Drupal community. You will also have the chance to communicate with representatives from different business fields that have already found an advantageous Drupal solution and can share tips or insights with you.<br />
<a class="gray" href="http://denver2012.drupal.org/drupal-means-business" target="_blank">More about Drupal Means Business</a></p>
<h3>CXO – training Drupal business leaders</h3>
<p>Some other good news for Drupal- related companies is the CxO event, taking place at DrupalCon Denver 2012, on March 19<sup>th</sup>.  This one hour event will feature trainings in Marketing, Team Building and Finance, offering the chance for you to learn the best practices that you can adjust for your company.</p>
<p>The training will mostly take in place in the first part of the day; hence leaving the second part of the day dedicated to an open forum where the attendees of CxO will have the chance to mingle and interact, discussing the business challenges they meet and find ways to overcome them.</p>
<p>The event will finish with cocktails and discussions until late at night, so this event promises to deliver productive results and why not, new bonds.<br />
<a class="gray" href="http://denver2012.drupal.org/cxo" target="_blank">More information about CxO</a></p>
<h3>Responsive first: Design and Build a site for all devices</h3>
<p>Being a developer needs lots of time to learn everything there is to be learned and master the code in order to get the best results in short time. Designing for desktop computers only, is old news already; hence responsive design is what comes next – being compatible with desktop widescreens, tablets and mobile devices.</p>
<p>DrupalCon Dever is one of the places where you can learn how to develop your own wireframes, CSS, content strategy and rich media content, all of this from the responsive web design approach.</p>
<p>Organized by the well-known web design company &#8220;Four Kitchens&#8221;, this training promises to deliver not only essential skills on the way to mastering responsive design, but also a fun environment to learn and meet other people with similar interests.</p>
<p>Each attendee will have access to a development site so that he can practice his skills there. It will stay live for 30 days after the training.<br />
<a class="gray" href="http://denver2012.drupal.org/content/responsive-first-design-and-build-site-all-devices" target="_blank">More info about the Responsive first training</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wearepropeople.com/extra-events-drupalcon-denver-2012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Latest &amp; Greatest jQuery Articles</title>
		<link>http://blog.wearepropeople.com/latest-greatest-jquery/</link>
		<comments>http://blog.wearepropeople.com/latest-greatest-jquery/#comments</comments>
		<pubDate>Fri, 16 Dec 2011 16:04:38 +0000</pubDate>
		<dc:creator>Paul Sanduleac</dc:creator>
				<category><![CDATA[Development]]></category>

		<guid isPermaLink="false">http://blog.wearepropeople.com/?p=3094</guid>
		<description><![CDATA[To help you discover its power or learn some new tricks, we compiled this post containing a roundup of the best articles &#038; tutorials related to jQuery written in the past 2 months.]]></description>
			<content:encoded><![CDATA[<p>Thanks to its great features, jQuery is getting more and more attention today. Many developers enjoy using this tool in their everyday workflow.</p>
<p>To help you discover its power or learn some new tricks, we compiled this post containing a roundup of the best articles &#038; tutorials related to jQuery written in the past 2 months.</p>
<div class="separator-double"></div>
<div class="separator"></div>
<h3>How To Create An Image Slider Using Photoshop &#038; JQuery</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/image-slider-photoshop.png"/><br />
&#8220;In this web design tutorial, we will learn to create custom image slider above using Photoshop, which you can preview the final result from here. Not only will we illustrate it in Photoshop, we will also turn it into a functional design by converting it into HTML/CSS and adding jQuery for its awesome sliding effect&#8230;&#8221;<br />
<a class="gray" href="http://www.hongkiat.com/blog/image-slider-photoshop-jquery-nivo-slider/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Item Blur Effect with CSS3 and jQuery</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/item-blur-effect.png"/><br />
&#8220;Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once we hover over them&#8230;&#8221;<br />
<a class="gray" href="http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How to Style iOS Sliding Checkboxes with jQuery</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/ios-sliding-checkboxes.png"/><br />
&#8220;This tutorial is a straightforward walkthrough about how to implement and work with these inputs. Through jQuery we can dynamically create a hidden input field which holds the checked/unchecked position of the slider bar&#8230;&#8221;<br />
<a class="gray" href="http://spyrestudios.com/how-to-style-ios-sliding-checkboxes-with-jquery/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Animate a Custom Dialog Box with CSS3 and jQuery</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/custom-dialog-box.png"/><br />
&#8220;In this short tutorial I’d like to go over the process of building a simple fade-in dialog box. This may contain a signup/login form, input buttons, or even just a message to your visitors&#8230;&#8221;<br />
<a class="gray" href="http://designm.ag/tutorials/animate-a-custom-dialog-box-with-css3-and-jquery/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How To Build A Slideout Feedback Form In jQuery</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/slideout-feedback-form.png"/><br />
&#8220;In this article I am going to show you how you would create a slideout feedback form which using AJAX will send an email to your website admin email address with the feedback from the visitor&#8230;&#8221;<br />
<a class="gray" href="http://www.paulund.co.uk/how-to-build-a-slideout-feedback-form-in-jquery" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Your jQuery: Now With 67% Less Suck</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/your-jquery.png"/><br />
&#8220;Thankfully, there are a few very simple things anyone can add into their jQuery workflow that can clear up a lot of basic problems&#8230;&#8221;<br />
<a class="gray" href="http://24ways.org/2011/your-jquery-now-with-less-suck" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How to Create a Showcase with jQuery</h3>
<p><img class="framed" alt="" width="690" height="190" src=""http://blog.wearepropeople.com/wp-content/uploads/2011/12/showcase.png"/><br />
&#8220;This tutorial will show you how to create such a showcase by utilising jQuery. jQuery makes animation easy. This tutorial will guide you through the setting up of your HTML, CSS and the associated jQuery code to create the showcase&#8230;&#8221;<br />
<a class="gray" href="http://designfestival.com/how-to-create-a-showcase-with-jquery/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Easy CSS3 &#038; jQuery tooltips</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/css3-tooltips.png"/><br />
&#8220;There’s no need to explain what a tooltip is and you already know that using tooltips can help you increase usability. Therefore, in this article we’ll concentrate just on the practical side&#8230;&#8221;<br />
<a class="gray" href="http://www.red-team-design.com/easy-css3-jquery-tooltips" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Beautify Your jQuery Code Using beautify.js</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/beautify-js.png"/><br />
&#8220;It can be very time consuming to make your jQuery code neat and tidy. Fortunately, there are online tools and heaps of plugins that can automate this task for us. I recently had the need to generate JavaScript/jQuery code dynamically and thus it comes through messy and unreadable&#8230;&#8221;<br />
<a class="gray" href="http://www.jquery4u.com/tutorials/beautify-jquery-code-js-beautify/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Typography Effects with CSS3 and jQuery</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/typography-effects.png"/><br />
&#8220;Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery&#8230;&#8221;<br />
<a class="gray" href="http://tympanus.net/codrops/2011/11/28/typography-effects-with-css3-and-jquery/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Useful jQuery Drop Down Menu Scripts</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/drop-down-menu-scripts.png"/><br />
&#8220;The drop down menu is also called as the pull-down menu and it plays a major role in making a website more user-friendly and professional. Though there are various tabs used, the jQuery drop down menu makes the visitors to navigate easily in the websites&#8230;&#8221;<br />
<a class="gray" href="http://designmodo.com/jquery-drop-down-menu/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>10 awesome jQuery snippets</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/10-code-snippets.png"/><br />
&#8220;In this article, I have compiled 10 jQuery snippets that will definitely help you in your daily client-side coding&#8230;&#8221;<br />
<a class="gray" href="http://www.catswhocode.com/blog/10-awesome-jquery-snippets" target="_blank">check it out</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wearepropeople.com/latest-greatest-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Best Web Design and Web Development Articles of November 2011</title>
		<link>http://blog.wearepropeople.com/best-web-design-and-web-development-articles-of-november-2011/</link>
		<comments>http://blog.wearepropeople.com/best-web-design-and-web-development-articles-of-november-2011/#comments</comments>
		<pubDate>Fri, 02 Dec 2011 17:24:37 +0000</pubDate>
		<dc:creator>Paul Sanduleac</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.wearepropeople.com/?p=3068</guid>
		<description><![CDATA[Here is the list of articles written in December 2011 we found interesting and useful. Get the most of them. Enjoy!]]></description>
			<content:encoded><![CDATA[<p>This post contains a roundup of great articles written by various Web Designers and Web Developers in November 2011.</p>
<p>Here is the list of articles written in November 2011 we found interesting and useful. Get the most of them. Enjoy!</p>
<div class="separator-double"></div>
<h2>Web Design</h2>
<div class="separator"></div>
<h3>The use of illustration in web design</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/the-use-of-illustration-in-web-design.png"/><br />
&#8220;Illustration is an incredibly versatile tool that can find many different uses in design. And when it comes to web design we can find an extremely wide variety of implementations&#8230;&#8221;<br />
<a class="gray" href="http://www.webdesignerdepot.com/2011/11/the-use-of-illustration-in-web-design/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>A Guide To PHP Error Messages For Designers</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/a-guide-to-php-errors-designers.png"/><br />
&#8220;From big platforms, such as WordPress, down to small scripts, such as ones to display image galleries or to send forms to email, thousands of script and products are out there written in PHP that can be installed and used even if you don’t know much about PHP yourself&#8230;&#8221;<br />
<a class="gray" href="http://coding.smashingmagazine.com/2011/11/30/a-guide-to-php-error-messages-for-designers/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Create Five Awesome Hover Effects Using CSS Multiple Backgrounds</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/create-five-awesome-hover-effects-multiple-backgrounds.png"/><br />
&#8220;Today we’re going to have all kinds of fun with the CSS multiple backgrounds feature. You’ll learn how to use multiple backgrounds in a simple way and how to go much further by combining the technique with hover actions&#8230;&#8221;<br />
<a class="gray" href="http://designshack.net/articles/css/create-five-awesome-hover-effects-using-css-multiple-backgrounds/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Using Absolute Positioning in CSS</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/using-absolute-positioning-in-css.png"/><br />
&#8220;Once you start to become more experienced with CSS, one concept that will help you greatly is use of the position property, in particular with a value of absolute&#8230;&#8221;<br />
<a class="gray" href="http://www.impressivewebs.com/absolute-position-css/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Designing for the Web: Resolution and Size</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/designing-for-the-web-resolution-and-size.png"/><br />
&#8220;To a graphic designer who hasn’t ventured into web design, it can be a freaky place where suddenly our long used guidebook of print design goes out the window&#8230;&#8221;<br />
<a class="gray" href="http://designfestival.com/designing-for-the-web-resolution-and-size/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Cross-Browser CSS Development Workflow</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/cross-browser-css-development-workflow.png"/><br />
&#8220;Most good developers by now accept the fact that pixel-perfect cross-browser CSS is not only unnecessary, but also totally impossible&#8230;&#8221;<br />
<a class="gray" href="http://www.impressivewebs.com/cross-browser-css-workflow/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Animated Buttons with CSS3</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/animated-buttons-with-css3.png"/><br />
&#8220;The idea is to create some animated link elements with different styles, hover effects and active states&#8230;&#8221;<br />
<a class="gray" href="http://tympanus.net/codrops/2011/11/07/animated-buttons-with-css3/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>CSS3 Transforms: Adding 2D and 3D Effects To Web Pages</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/css3-transforms-adding-3d-effects.png"/><br />
&#8220;Today I want to look at a set of more dynamic changes, namely transforms in CSS3, 2D and 3D&#8230;&#8221;<br />
<a class="gray" href="http://www.vanseodesign.com/css/transforms/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How to Build a Responsive Frankenstein Framework With LESS</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/responsive-frankenstein-framework.png"/><br />
&#8220;Today we’re going to build an ultra-lightweight framework that can be implemented wherever and however you want to achieve complex multi-column layouts in seconds flat&#8230;&#8221;<br />
<a class="gray" href="http://designshack.net/articles/css/how-to-build-a-responsive-frankenstein-framework-with-less/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Screen readers and CSS</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/screen-readers-and-css.png"/><br />
&#8220;A central idea of CSS is that it makes it possible to use correct semantics in the HTML layer while still being able to change the visual appearance of your document&#8230;&#8221;<br />
<a class="gray" href="http://www.456bereastreet.com/archive/201111/screen_readers_and_css/" target="_blank">check it out</a></p>
<div class="separator-double"></div>
<h2>Web Design</h2>
<div class="separator"></div>
<h3>Creating a PHP User Survey: Database Tables and Class File Constructor</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/php-user-survey-database-tables.png"/><br />
&#8220;User surveys can be an extremely effective marketing tool for any business web site. Visitors can make their voices heard on what products, services and information they would like the site to provide&#8230;&#8221;<br />
<a class="gray" href="http://www.developerdrive.com/2011/11/creating-a-php-user-survey-database-tables-and-class-file-constructor/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Set Expire Headers In htaccess</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/set-expire-headers-in-htaccess.png"/><br />
&#8220;As Browsers are going to cache these bits of data you can actually set an expiry so the Browser will know not to cache these anymore&#8230;&#8221;<br />
<a class="gray" href="http://www.paulund.co.uk/set-expire-headers-in-htaccess" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Create a notched current-state nav</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/notched-current-state-nav.png"/><br />
&#8220;Basically there are two main parts to this technique; the punching-the-hole-through-the-nav and the masking-the-hole-to-be-a-triangle. Both techniques couldn’t be simpler&#8230;&#8221;<br />
<a class="gray" href="http://csswizardry.com/2011/11/create-a-notched-current-state-nav/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Bubble Point Tooltips with CSS3 &#038; jQuery</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/bubble-point-tooltips-with-css3-jquery.png"/><br />
&#8220;I needed some tooltips for a thing. In looking around for a little inspiration, I didn&#8217;t have to go further than my dock&#8230;&#8221;<br />
<a class="gray" href="http://css-tricks.com/14950-bubble-point-tooltips-with-css3-jquery/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Create Super Cool Text Effect using CSS3 and Lettering.js</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/fun-with-css-transitions-lettering.png"/><br />
&#8220;In this post we will see how to achieve the title hover effect with a little help of lettering.js and CSS3 transition property&#8230;&#8221;<br />
<a class="gray" href="http://webexpedition18.com/articles/create-super-cool-text-effect-using-css3-and-lettering-js/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Getting Started With jQuery: A Beginner’s Resource Guide</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/jquery-beginnger-resource-guide.png"/><br />
&#8220;jQuery is a free, fast, and concise JavaScript library that allows you to efficiently write cross-browser javascript code to make Ajax requests, animate elements, manipulate the DOM, and do a variety of user interface manipulations&#8230;&#8221;<br />
<a class="gray" href="http://www.noupe.com/design/getting-started-with-jquery-a-beginners-resource-guide.html" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How To Create Web Animations With Paper.js</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/how-to-create-web-animations-paper-js.png"/><br />
&#8220;The canvas element makes it possible to integrate drawings and animations with the rest of your page. You can combine them with text and make animations interactive&#8230;&#8221;<br />
<a class="gray" href="http://coding.smashingmagazine.com/2011/11/21/create-web-animations-with-paperjs/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Developing With The HTML5 Element</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/developing-html5-element.png"/><br />
&#8220;It wasn’t until the release of HTML5 that web developers have had a lightweight solution to playing the video&#8230;&#8221;<br />
<a class="gray" href="http://www.developerdrive.com/2011/11/developing-with-the-html5-element/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How To Make Forms More Usable With HTML5</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/how-to-make-forms-more-usable-with-html5.png"/><br />
&#8220;Forms are how we interact with websites. We use forms to contact site owners, login to applications, reply to comments and so much more&#8230;&#8221;<br />
<a class="gray" href="http://www.vanseodesign.com/web-design/html5-forms/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>jQuery Fancy Switch</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/12/jquery-fancy-switch.png"/><br />
&#8220;I’ve now put together a simple tutorial demonstrating how simple it is to build a switch that triggers two radio buttons in a field set. It also degrades gracefully if JavaScript is disabled just displaying the two radio buttons with labels&#8230;&#8221;<br />
<a class="gray" href="http://papermashup.com/jquery-fancy-switch/" target="_blank">check it out</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wearepropeople.com/best-web-design-and-web-development-articles-of-november-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Propeople sessions for DrupalCon Denver 2012</title>
		<link>http://blog.wearepropeople.com/propeople-sessions-for-drupalcon-denver-2012/</link>
		<comments>http://blog.wearepropeople.com/propeople-sessions-for-drupalcon-denver-2012/#comments</comments>
		<pubDate>Wed, 09 Nov 2011 19:29:44 +0000</pubDate>
		<dc:creator>Paul Sanduleac</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[Drupalcon]]></category>
		<category><![CDATA[drupalcon denver]]></category>

		<guid isPermaLink="false">http://blog.wearepropeople.com/?p=3053</guid>
		<description><![CDATA[DrupalCon Denver 2012 is just around the corner and now is the time to vote for your favorite sessions. Voting on sessions is open until November 14, 2011.]]></description>
			<content:encoded><![CDATA[<p>DrupalCon is a unique opportunity to meet Drupal community leaders, top developers, module maintainers, trainers, potential business partners, and future employees, all in one place.</p>
<p>DrupalCon Denver 2012 is just around the corner and now is the time to vote for your favorite sessions. Voting on sessions is open until November 14, 2011. Log in to the <a href="http://denver2012.drupal.org" target="_blank">DrupalCon Denver 2012</a> website using your Drupal.org account details and vote for Propeople sessions.</p>
<p><img class="aligncenter" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/denver2012.png" alt="DrupalCon Denver 2012" width="690" height="192" /></p>
<h3>The State of Drupal Business</h3>
<p>In this session we will go trough the state of Drupal business, focusing on consulting, development &amp; services. We will discuss topics like:</p>
<ul>
<li>Supply and Demand</li>
<li>Comparison to other CMS Systems</li>
<li>The Size of Companies</li>
<li>Business Models &amp; Strategy</li>
<li>Mergers &amp; Acquisitions</li>
</ul>
<p>The state of Drupal business is no insignificant affair. Drupal has grown beyond a niche. Drupal becomes pervasive and it is transforming how people manage content &amp; information.</p>
<p><a class="gray" href="http://denver2012.drupal.org/program/sessions/state-drupal-business" target="_blank">view session page and vote</a></p>
<h3>Building a community from scratch</h3>
<p>This session will be a structured &#8220;how to&#8221; on building a community from scratch and bring in some insights how Drupal communities–local-, interest-, or vertical-based–are growing and changing. We are looking for insights into what is working, what needs more work and what best-practices are emerging.</p>
<p>This session is for you if you are interested in the nuts and bolts of community, running events, helping yourself and others get the most out of Drupal, or taking Drupal to the rest of the world and showing them what we&#8217;ve got!<br />
<a class="gray" href="http://denver2012.drupal.org/program/sessions/building-community-scratch" target="_blank">view session page and vote</a></p>
<h3>Drupal VS Sharepoint &#8211; or what to use when!?</h3>
<p>By working with organizations that adopted both Drupal and/or SharePoint, I had on several occasions discussions about the differences between the two framework.</p>
<p>Beyond the functionality comparison I want to present typical cases and bring in some insights from the business perspective.</p>
<p>In order to have a realistic view on things I&#8217;ve merged the opinions of leading companies on both sides and evaluated their pro&#8217;s and contra&#8217;s on important points like licensing &amp; support, features &amp; integration, professional services, ecosystems &amp; communities&#8230;<br />
<a class="gray" href="http://denver2012.drupal.org/program/sessions/drupal-vs-sharepoint-or-what-use-when" target="_blank">view session page and vote</a></p>
<h3>SEO? Here comes Drupal! Site Builders and Information Architects, watch out!</h3>
<p>Search Engine Optimization (SEO) helps improving the volume and quality of traffic to your web site from search engines via &#8220;organic&#8221; search results&#8230;<br />
&#8230;yes, we all know how to lookup Google and get some tips on which SEO modules to install and what the key SEO facts are&#8230;</p>
<p>But it&#8217;s not always clear how to set up a successful site architecture for optimal results.<br />
Drupal offers by default a variety of benefits for search engine optimization. However, there are plenty of additional SEO modules, different configurations and architectural strategies for Drupal sites which can further improve the website presence in search results.<br />
The more the information, the more the aspects you should take into account. Most of these aspects are covered by various Drupal modules.<br />
The fourth version of the Drupal SEO session by Ivo Radulovski (<a href="http://wearepropeople.com">Propeople</a>), will provide you with such examples &amp; use cases from the praxis.</p>
<p><a class="gray" href="http://denver2012.drupal.org/program/sessions/seo-here-comes-drupal-site-builders-and-information-architects-watch-out" target="_blank">view session page and vote</a></p>
<h3>Make Drupal fly with Varnish Magic!</h3>
<p>Having the experience of more than 250 developed projects we pledge that Drupal performance can be vastly improved according to the website&#8217;s goals. We want to show how we make Drupal fly!</p>
<p>In this session we plan to show two of our recent projects were where we accomplished a full integration between Drupal and Varnish in order to create the optimal<br />
performance architecture.</p>
<p>The covered key topics include:</p>
<ul>
<li>Drupal setup for scalability.</li>
<li>Integration between Varnish and Drupal</li>
<li>Advanced varnish techniques</li>
<li>ESI</li>
<li>Optimize web pages to make them load faster.</li>
</ul>
<p><a class="gray" href="http://denver2012.drupal.org/program/sessions/make-drupal-fly-varnish-magic" target="_blank">view session page and vote</a></p>
<p>Comment and suggest your favorite DrupalCon London sessions. Don&#8217;t miss a post, subscribe to our <a href="http://feeds.feedburner.com/propeople">RSS feed</a> and <a href="http://twitter.com/propeople">follow us</a> on Twitter.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wearepropeople.com/propeople-sessions-for-drupalcon-denver-2012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best Web Design and Web Development Articles of October 2011</title>
		<link>http://blog.wearepropeople.com/best-web-design-and-web-development-articles-of-october-2011/</link>
		<comments>http://blog.wearepropeople.com/best-web-design-and-web-development-articles-of-october-2011/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 21:25:07 +0000</pubDate>
		<dc:creator>Paul Sanduleac</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[roundup]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.wearepropeople.com/?p=3044</guid>
		<description><![CDATA[This post contains a roundup of great articles written by various Web Designers and Web Developers in October 2011.]]></description>
			<content:encoded><![CDATA[<p>This post contains a roundup of great articles written by various Web Designers and Web Developers in October 2011.</p>
<p>Here is the list of articles written in October 2011 we found interesting and useful. Get the most of them. Enjoy!</p>
<div class="separator-double"></div>
<h2>Web Design</h2>
<div class="separator"></div>
<h3>How to Enhance Your User Targeting for the Mobile Web</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/user-targeting-mobile-web.jpg"/><br />
&#8220;The goal for any web site should be to know your customers in order to deliver to them the most appropriate content&#8230;&#8221;<br />
<a class="gray" href="http://designfestival.com/user-targeting-for-the-mobile-web/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>7 Blog Design Tips from a Content Strategist</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/blog-design-tips-content-strategist.jpg"/><br />
&#8220;As a content specialist, I prefer web designs that support content rather than conflict with or ignore it. Web designers should have a real appreciation of content strategy because it is crucial in launching a successful blog&#8230;&#8221;<br />
<a class="gray" href="http://sixrevisions.com/content-strategy/blog-design-tips-content-strategist/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How To Keep Up To Date As A Designer</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/keep-up-to-date-designer.jpg"/><br />
&#8220;In this world of lightening fast development, professionals can find it hard to keep themselves up-to-date with the latest. Similarly, some designers who wish to stay updated, just don’t really know how to go about it&#8230;&#8221;<br />
<a class="gray" href="http://justcreativedesign.com/2011/10/20/how-to-keep-up-to-date-as-a-designer/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Create a Typography Based Blog Design in Photoshop</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/typography-based-blog-design.jpg"/><br />
&#8220;The WordPress theme we’ll be creating this time is called Typo. It’s a design that’s entirely based on typography to allow the content to shine&#8230;&#8221;<br />
<a class="gray" href="http://line25.com/tutorials/create-a-typography-based-blog-design-in-photoshop" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Five killer ways to break the grid</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/five-killer-ways-to-break-the-grid.jpg"/><br />
&#8220;The grid may be a key element of good web design but you can enhance it by breaking its own rules, says Matthew Smith&#8230;&#8221;<br />
<a class="gray" href="http://www.netmagazine.com/features/five-killer-ways-break-grid" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How to Design a Mobile Responsive Website</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/design-mobile-responsive-website.jpg"/><br />
&#8220;To build a mobile site or not to build a mobile site; this is a question at the forefront of many a discussion. There is, however, another option: responsive web design&#8230;&#8221;<br />
<a class="gray" href="http://www.uxbooth.com/blog/how-to-design-a-mobile-responsive-website/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Improve your responsive design workflow with Sass</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/improve-responsive-design-sass.jpg"/><br />
&#8220;Sass does not just help you maintain your style sheets. It can actually improve your responsive layout workflow and you don&#8217;t even have to worry about the maths&#8230;&#8221;<br />
<a class="gray" href="http://www.netmagazine.com/tutorials/improve-your-responsive-design-workflow-sass" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Are You Solving Design Problems Or Forcing Solutions On Them?</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/solving-design-problems.jpg"/><br />
&#8220;How many times have you been frustrated because you couldn’t make a specific css technique work? Did you spend hours searching for a solution?&#8230;&#8221;<br />
<a class="gray" href="http://www.vanseodesign.com/web-design/forcing-solutions/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Be More Creative through Design Constraints</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/be-more-creative-design-constraints.jpg"/><br />
&#8220;For a lot of designers constraints are kryptonite or a barbed wire fence that is a prison for their design freedom. But design constraints shouldn’t be viewed as problems to be overcome, rather, constraints or restrictions are probably the best tool for creativity&#8230;&#8221;<br />
<a class="gray" href="http://tympanus.net/codrops/2011/10/28/be-more-creative-through-design-constraints/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Do’s and don’ts of call to action pages</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/dos-and-donts-call-to-action-pages.jpg"/><br />
&#8220;Good call to action pages (including landing pages and sales pages) are an important part of any website that either sells or asks visitors to sign up for something&#8230;&#8221;<br />
<a class="gray" href="http://www.webdesignerdepot.com/2011/10/dos-and-donts-of-call-to-action-pages/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How To Add Non-Textual Elements To A Baseline Grid</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/add-non-textual-elements-baseline-grid.jpg"/><br />
&#8220;The basic idea behind a baseline grid is to align elements along the vertical. Mostly this will be text and the baseline unit is the line-height of your text&#8230;&#8221;<br />
<a class="gray" href="http://www.vanseodesign.com/web-design/baseline-grid-non-textual/" target="_blank">check it out</a></p>
<div class="separator-double"></div>
<h2>Web Development</h2>
<div class="separator"></div>
<h3>Beginner’s Tutorial Coding Web Apps with jQuery Mobile</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/coding-web-apps-jquery-mobile.jpg"/><br />
&#8220;The whole jQuery library has grown tremendously in the past couple of years. With open resources such as Git and Github web developers have been creating plugins for even richer effects&#8230;&#8221;<br />
<a class="gray" href="http://spyrestudios.com/beginners-tutorial-coding-web-apps-with-jquery-mobile/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Hoverizr – An in depth view of the jQuery plugin</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/hoverizr.jpg"/><br />
&#8220;As a web designer, from time to time, you may need to make a grayscale image fade into color on mouse over&#8230;&#8221;<br />
<a class="gray" href="http://speckyboy.com/2011/10/19/hoverizr-an-in-depth-view-of-the-jquery-plugin/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>What Is HTML? The Anatomy of an HTML5 Document</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/anatomy-html5.jpg"/><br />
&#8220;Join us today as we move on and take a look at each basic piece of an HTML document. I’ll explain all that stuff at the top of an HTML file that confuses you and outline the basic structure that you’ll follow for creating your own HTML files&#8230;&#8221;<br />
<a class="gray" href="http://designshack.net/articles/html/what-is-html-the-anatomy-of-an-html5-document/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>What Is CSS? Back to Basics</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/what-is-css.jpg"/><br />
&#8220;Cascading Styles Sheets, more commonly referred to as CSS, become the way to style content. Color choices, repeating background textures, shadows, rounded corners and even layout are all the area of CSS&#8230;&#8221;<br />
<a class="gray" href="http://designshack.net/articles/css/what-is-css-back-to-basics/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>The Increasing Importance of APIs in Web Development</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/api-web-development.jpg"/><br />
&#8220;Web APIs have experienced an exponential increase in popularity and usage in the past few years. These days, they’re an important tool for web developers&#8230;&#8221;<br />
<a class="gray" href="http://net.tutsplus.com/articles/news/the-increasing-importance-of-apis-in-web-development/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/create-cute-popup-bar-html5-css3-jquery.jpg"/><br />
&#8220;Today we’ll be creating a bar that pops up at the top of a page, and stays above the content. The popup bar was only tested in Chrome and Safari&#8230;&#8221;<br />
<a class="gray" href="http://spyrestudios.com/how-to-create-a-cute-popup-bar-with-html5-css3-and-jquery/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>A Call for ::nth-everything</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/call-for-nth-everything.jpg"/><br />
&#8220;With CSS3, we have positional pseudo class selectors to help us select specific elements when there are no other distinguishing characteristics other than where it is in the DOM in relation to it&#8217;s siblings&#8230;&#8221;<br />
<a class="gray" href="http://css-tricks.com/14771-a-call-for-nth-everything/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How To Backup Your WordPress Website</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/backup-wordpress.jpg"/><br />
&#8220;Anyone who has had their website hacked or inadvertently changed something they shouldn’t have on their websites database, will know the importance of backing up your live websites on a regular basis&#8230;&#8221;<br />
<a class="gray" href="http://www.noupe.com/wordpress/how-to-backup-your-wordpress-website.html" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>7 Essential JavaScript Typography Resources</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/essential-javascript-resources.jpg"/><br />
&#8220;Open source JavaScript libraries can help you craft responsive web designs (a technique that optimizes webpage layouts for mobile devices), implement fun text effects and more&#8230;&#8221;<br />
<a class="gray" href="http://mashable.com/2011/10/10/javascript-typography/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Creative CSS3 Animation Menus</h3>
<p><img class="framed" alt="" width="690" height="190" src="http://blog.wearepropeople.com/wp-content/uploads/2011/11/creative-css3-menus.jpg"/><br />
&#8221; I’d like to show you some creative menu hover effects in today’s tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations&#8230;&#8221;<br />
<a class="gray" href="http://tympanus.net/codrops/2011/10/24/creative-css3-animation-menus/" target="_blank">check it out</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wearepropeople.com/best-web-design-and-web-development-articles-of-october-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tools and resources for a perfect ecommerce website</title>
		<link>http://blog.wearepropeople.com/tools-and-resources-for-a-perfect-ecommerce-website/</link>
		<comments>http://blog.wearepropeople.com/tools-and-resources-for-a-perfect-ecommerce-website/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 08:56:47 +0000</pubDate>
		<dc:creator>Paul Sanduleac</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[ecommerce]]></category>
		<category><![CDATA[roundup]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.wearepropeople.com/?p=2990</guid>
		<description><![CDATA[In this article, we collected a roundup of tutorials, links, books and podcasts that we hope will be useful for both beginners and professionals in the business of ecommerce.]]></description>
			<content:encoded><![CDATA[<p>Nowadays, online ecommerce becomes a more and more popular source of profit for many. The reason for that is the fact that it provides numerous benefits for both the buyer and the vendor. </p>
<p>In this article, we collected a roundup of tutorials, links, books and podcasts that we hope will be useful for both beginners and professionals in the business of ecommerce.</p>
<div class="separator-double"></div>
<h2>Articles &amp; Tutorials</h2>
<div class="separator"></div>
<h3>Build an ecommerce store with LemonStand (part 1)</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/lemonstand.jpg" alt="" width="690" height="190" /><br />
&#8220;Freelance developer Phil Schalm talks us through the installation and setup of new PHP ecommerce platform LemonStand and explains the basics of building a theme&#8230;&#8221;<br />
<a class="gray" href="http://www.netmagazine.com/tutorials/build-ecommerce-store-lemonstand-part-1" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Infographic: Shopping Cart Abandonment and Tips To Avoid It</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/shopping-cart-abandonment-and-tips-to-avoid-it.jpg" alt="" width="690" height="190" /><br />
&#8220;Shopping cart abandonment remains a major ecommerce concern&#8230;&#8221;<br />
<a class="gray" href="http://monetate.com/2011/10/infographic-shopping-cart-abandonment-and-tips-to-avoid-it/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>5 Best Practices of Facebook eCommerce Stores</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/5-best-practices-of-Facebook-eCommerce-stores.jpg" alt="" width="690" height="190" /><br />
&#8220;Part of the reason that Facebook has outpaced MySpace as the largest, most important social networking site in the world is that Facebook has opened its doors to external programmers&#8230;&#8221;<br />
<a class="gray" href="http://blog.hubspot.com/blog/tabid/6307/bid/25111/5-Best-Practices-of-Facebook-eCommerce-Stores.aspx" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>10 Absentee UX Features on Top e-Commerce Sites</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/10-absentee-ux-features-on-top-ecommerce-sites.jpg" alt="" width="690" height="190" /><br />
&#8220;eCommerce sites are competing for customer attention and loyalty. The user experience features included in a site are the focal points for engaging customers, and can make or break the purchase process&#8230;&#8221;<br />
<a class="gray" href="http://www.uxbooth.com/blog/10-ux-features-missing-on-top-e-commerce-sites/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Why Magento is worth it… for some</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/magento.jpg" alt="" width="690" height="190" /><br />
&#8220;Magento is a powerful ecommerce system with a steep learning curve, aimed at larger ecommerce sites&#8230;&#8221;<br />
<a class="gray" href="http://boagworld.com/reviews/why-magento-is-worth-it-for-some/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>The three pillars of ecommerce design</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/ecommerce-design-.jpg" alt="" width="690" height="190" /><br />
&#8220;Actinic Software&#8217;s CEO Ben Dyer looks at a number of best practice tips and advice for ecommerce merchants, designers and implementers in the areas of the checkout, product pages and customer relations&#8230;&#8221;<br />
<a class="gray" href="http://www.netmagazine.com/features/three-pillars-ecommerce-design" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Psychological Manipulation in eCommerce Design</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/psychological-manipulation-in-ecommerce.jpg" alt="" width="690" height="190" /><br />
&#8220;Web designers and architects use an array of psychological tricks to manipulate users into specific behaviors. What can be learned from these tricks?&#8230;&#8221;<br />
<a class="gray" href="http://www.uxbooth.com/blog/psychological-manipulation-in-ecommerce-design/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>eCommerce Lessons From Your Favorite Stores</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/ecommerce-lessons-from-your-favorite-stores.jpg" alt="" width="690" height="190" /><br />
&#8220;Now, nearly any person or business can buy or sell product online. In this article, we&#8217;ll examine what we can learn from observing our favorite stores in action to make the online experience better&#8230;.&#8221;<br />
<a class="gray" href="http://spyrestudios.com/ecommerce-lessons-from-your-favorite-stores/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Ecommerce: Making the Most of Online Shopping Websites></h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/making-the-most-of-online-shopping-websites.jpg" alt="" width="690" height="190" /><br />
&#8220;Online retail is definitely here to stay but how can you get the most out of your ecommerce site?&#8230;&#8221;<br />
<a class="gray" href="http://www.onextrapixel.com/2011/05/13/ecommerce-making-the-most-of-online-shopping-websites/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>10 Ecommerce Design Tips for Increasing Conversions</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/10-ecommerce-design-tips-for-increasing-converions.jpg" alt="" width="690" height="190" /><br />
&#8220;Here are ten tips on how you can turn visitors into customers and improve your conversion rates by employing simple design techniques&#8230;&#8221;<br />
<a class="gray" href="http://www.webdesignerdepot.com/2010/09/10-ecommerce-design-tips-for-increasing-conversions/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Modern eCommerce Designs (2011)</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/modern-ecommerce-designs.jpg" alt="" width="690" height="190" /><br />
&#8220;After looking around the web what sites caught our eye and which web-pages do we consider are the top 20 ecommerce sites on the web?&#8230;&#8221;<br />
<a class="gray" href="http://www.splashnology.com/article/modern-ecommerce-designs-2011/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h2>Useful Tools &#038; Services</h2>
<h3>WooCommerce for WordPress</h3>
<p>Transform your WordPress website into a thorough-bred online store. Delivering enterprise-level quality &#038; features whilst backed by a name you can trust.<br />
<a class="gray" href="http://www.woothemes.com/woocommerce/" target="_blank">check it out</a></p>
<h3>OpenCart CMS</h3>
<p>A powerful open source shopping cart system that is designed feature rich and user friendly.<br />
<a class="gray" href="http://www.opencart.com/" target="_blank">check it out</a></p>
<h3>CubeCart CMS</h3>
<p>A complete ecommerce shopping cart software solution. With CubeCart you can quickly setup a powerful online store to sell digital or tangible products to new and existing customers globally.<br />
<a class="gray" href="http://www.cubecart.com/" target="_blank">check it out</a></p>
<h3>Drupal e-Commerce Module</h3>
<p>The eCommerce project on Drupal.org. Compatible with Drupal 5 and 6.<br />
<a class="gray" href="http://drupal.org/project/ecommerce" target="_blank">check it out</a></p>
<h3>UberCart for Drupal</h3>
<p>Ubercart is an exciting open source e-commerce shopping cart that fully integrates your online store with Drupal, the leading open source content management system.<br />
<a class="gray" href="http://ubercart.org/" target="_blank">check it out</a></p>
<h3>LiteCommerce</h3>
<p>Lite-commerce is an open-source e-commerce solution that can work both like a Drupal 7 module and as a stand-alone web application.<br />
<a class="gray" href="http://www.litecommerce.com/" target="_blank">check it out</a></p>
<h3>simpleCart(js)</h3>
<p>A simple javascript shopping cart in under 20kb that you can setup in minutes. It&#8217;s lightweight, fast, simple to use, and completely customizable. All you need to know is basic HTML.<br />
<a class="gray" href="http://simplecartjs.com/" target="_blank">check it out</a></p>
<h2>Books</h2>
<div class="separator"></div>
<h3>E-Commerce 2011 (7th edition)</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/51nzPYfDWJL._SL500_AA300_.jpg" width="244"/><br />
This comprehensive, market-leading text emphasizes the three major driving forces behind E-commerce–technology change, business development, and social issues–to provide a coherent conceptual framework for understanding the field.<br />
The seventh edition–including all of the data, figures, and tables in the book–has been updated with the latest marketing and business intelligence available from eMarketer, Pew Internet &#038; American Life Project, Forrester Research, Jupiter Research, Gartner, and other industry sources.
</p>
<p><a class="gray" href="http://www.amazon.com/-Commerce-Pearson-Custom-Business-Resources/dp/0136091199/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Effortless E-Commerce with PHP and MySQL</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/41pXdRPJ6OL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
In this comprehensive guide to creating an e-commerce Web site using PHP and MySQL, renowned author Larry Ullman walks you through every step&#8211;designing the visual interface, creating the database, presenting content, generating an online catalog, managing the shopping cart, handling the order and the payment process, and fulfilling the order&#8211;always with security and best practices emphasized along the way. Even if you&#8217;re an experienced Web developer, you&#8217;re guaranteed to learn something new. The book uses two e-commerce site examples&#8211;one based on selling physical products that require shipping and delayed payment, and another that sells non-physical products to be purchased and delivered instantly&#8211;so you see the widest possible range of e-commerce scenarios.
</p>
<div class="separator"></div>
<p><a class="gray" href="http://www.amazon.com/Effortless--Commerce-MySQL-Larry-Ullman/dp/0321656229/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>E-Business and E-Commerce Management: Strategy, Implementation and Practice</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/51Z4J2WYZzL._SL500_AA300_.jpg" width="244"/><br />
Popular for its cutting edge and contemporary coverage, its international approach and its balance of the technical and managerial topics of central importance to developing an understanding of this subject, this book is ideal for students or practitioners of e-business or e-commerce at any level.
</p>
<p><a class="gray" href="http://www.amazon.com/-Business--Commerce-Management-Strategy-Implementation/dp/0273719602/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Likeable Social Media: How to Delight Your Customers, Create an Irresistible Brand, and Be Generally Amazing on Facebook</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/41NsRk3fkKL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_AA278_PIkin4,BottomRight,-34,22_AA300_SH20_OU01_.jpg" width="244"/><br />
The secret to successful word-of-mouthmarketing on the social web is easy: BE LIKEABLE. A friend‘s recommendation is more powerful than any advertisement. In the world of Facebook,Twitter, and beyond, that recommendation can travel farther—and faster—than ever before. Likeable Social Media helps you harness the power of word-of-mouth marketing to transform your business. Listen to your customers and prospects. Deliver value, excitement, and surprise. And most important, learn how to truly engage your customers and help them spread the word.
</p>
<p><a class="gray" href="http://www.amazon.com/Likeable-Social-Media-Irresistible-ebook/dp/B00511ONPG/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>E-Commerce Guide to SEO, Copywriting, and Social Media</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/515XvSGSlsL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_AA278_PIkin4,BottomRight,-25,22_AA300_SH20_OU01_.jpg" width="244"/><br />
Who Should Read This Book?<br />
- Anyone looking to start an e-commerce site<br />
- Anyone who is tired of overly technical articles and books on SEO, copy writing, social media, and e-commerce<br />
- Anyone who wants to increase sales on their e-commerce site.<br />
- Anyone who is looking to hire a professional to work on their e-commerce site. This book will teach you the questions to ask potential vendors so you won&#8217;t get burned.<br />
- Anyone who has an interest in basic SEO, social media and e-commerce subjects
</p>
<p><a class="gray" href="http://www.amazon.com/-Commerce-Guide-Copywriting-Social-ebook/dp/B00452V990/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Beginning PHP and MySQL E-Commerce: From Novice to Professional, Second Edition</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/51iUk2OTkYL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
In addition to guiding readers through the creation of a complete, working website using sound enterprise development techniques, the authors take care to provide readers with a variety of alternative implementation solutions: for instance readers are shown how to accept payments from both PayPal and credit cards. The book has also been updated to reflect the latest development trends, showing readers how to upgrade their shopping cart using Ajax, integrate with Amazon&#8217;s Web services, and encourage customer feedback through cutting-edge interactive features.
</p>
<p><a class="gray" href="http://www.amazon.com/Beginning-PHP-MySQL--Commerce-Professional/dp/1590598644/" target="_blank">check it out</a></p>
<h2>Podcasts</h2>
<div class="separator"></div>
<h3>eCommerce</h3>
<p>A collection of lectures on eCommerce by Hajrë Hyseni, Business School, University of Hertfordshire.<br />
<a class="gray" href="http://itunes.apple.com/us/itunes-u/ecommerce/id426672278" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Ecommerce Podcast : Hear from Ecommerce Experts and Learn How to Succeed in Online Retailing</h3>
<p>Hear famous and succesful people talking about eCommerce.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/ecommerce-podcast-hear-from/id275738679" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>The eCommerce Minute Podcast</h3>
<p>Got a minute? Listen every workday as Practical eCommerce offers a 60-second tip to improve your ecommerce business.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/the-ecommerce-minute-podcasts/id256274183" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Ecommerce Developer Interviews Podcast</h3>
<p>Ecommerce Developer Interviews is a weekly feature that introduces you to some of ecommerce web developers brightest minds and most successful businesses.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/ecommerce-developer-interviews/id351494101" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Practical eCommerce</h3>
<p>Practical eCommerce provides podcast episodes featuring tips and tricks for online business owners and ecommerce developers, as well as interviews with prominent personalities in the ecommerce community.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/practical-ecommerce-podcasts/id286796778" target="_blank">check it out</a></p>
<div class="separator"></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.wearepropeople.com/tools-and-resources-for-a-perfect-ecommerce-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best Web Design and Web Development Articles of September 2011</title>
		<link>http://blog.wearepropeople.com/best-web-design-and-web-development-articles-of-september-2011/</link>
		<comments>http://blog.wearepropeople.com/best-web-design-and-web-development-articles-of-september-2011/#comments</comments>
		<pubDate>Fri, 07 Oct 2011 05:06:28 +0000</pubDate>
		<dc:creator>Paul Sanduleac</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[roundup]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://blog.wearepropeople.com/?p=2988</guid>
		<description><![CDATA[This post contains a roundup of great articles written by various Web Designers and Web Developers in September 2011.]]></description>
			<content:encoded><![CDATA[<p>This post contains a roundup of great articles written by various Web Designers and Web Developers in September 2011.</p>
<p>Here is the list of articles written in September 2011 we found interesting and useful. Get the most of them. Enjoy!</p>
<div class="separator-double"></div>
<h2>Web Design</h2>
<div class="separator"></div>
<h3>How To UP YOUR GAME as a Web Designer</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/up-your-game-as-a-web-designer.jpg" alt="" width="690" height="190" />&#8220;Designers that make beautiful websites are everywhere. As a designer you need to demonstrate to your potential clients that not only do you create beautiful designs but your designs are carefully crafted marketing tools&#8230;&#8221;<br />
<a class="gray" href="http://justcreativedesign.com/2011/09/16/how-to-up-your-game-as-a-web-designer/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Developing Emphasis in Web Design</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/developing-emphasis-in-web-design.jpg" alt="" width="690" height="190" />&#8220;Simply put, emphasis is creating a focal point that will grab the viewer’s/user’s eye. In web design, it is often referred to as ‘eye-direction’ and if you have ever designed a call to action you know all about emphasis&#8230;&#8221;<br />
<a class="gray" href="http://tympanus.net/codrops/2011/09/30/developing-emphasis-in-web-design/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Responsive Web Design Demystified</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/responsive-web-design-demystified.jpg" alt="" width="690" height="190" />&#8220;Responsive web design is a hot topic these days, especially as websites need to adapt to the growing number of mobile devices with their relatively small screens&#8230;&#8221;<br />
<a class="gray" href="http://www.elated.com/articles/responsive-web-design-demystified/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Keys to Effective Web Design Proposals</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/keys-to-effective-web-design-proposals.jpg" alt="" width="690" height="190" />&#8220;Being able to draft an effective proposal is an essential part of staying busy and keeping money coming in as a freelance designer&#8230;&#8221;<br />
<a class="gray" href="http://vandelaydesign.com/blog/business/keys-to-effective-proposals/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>JavaScript Design Patterns Deconstructed</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/javascript-design-patterns.jpg" alt="" width="690" height="190" />&#8220;All sophisticated design patterns throw up the same fundamental question — is there a concrete advantage to using it&#8230;&#8221;<br />
<a class="gray" href="http://designfestival.com/javascript-design%C2%A0patterns-deconstructed/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Designing Websites to Increase Traffic and Conversion</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/designing-websites-to-increase-traffic-and-conversion.jpg" alt="" width="690" height="190" />&#8221; In this article I will disseminate the qualities that make a website bridge the gap between being visited frequently and one that makes the most out of the traffic that comes its way – ones that turn visitors into customers&#8230;&#8221;<br />
<a class="gray" href="http://www.onextrapixel.com/2011/09/28/designing-websites-to-increase-traffic-and-conversion/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Design for Transcendence</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/design-for-transcendence.jpg" alt="" width="690" height="190" />&#8220;Transcendence is simply a word. We have a shared understanding of it, but the context that resonates with me is when design goes beyond ordinary limits&#8230;&#8221;<br />
<a class="gray" href="" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Well Designed Threaded Comments Sections in Webpages</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/well-designed-threaded-comments.jpg" alt="" width="690" height="190" />&#8220;Comments are an important part to any website community. Within the comments section visitors of your website may share their ideas, thoughts, and related links on topic with your content&#8230;&#8221;<br />
<a class="gray" href="http://designm.ag/designer-showcase/well-designed-threaded-comments-sections-in-webpages/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Graphics in Photoshop: 6 Beginner Tips for Web Designers</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/graphics-in-photoshop-6-beginner-tips-for-web-designers.jpg" alt="" width="690" height="190" />&#8220;Photoshop is an industry-standard tool used by both graphic designers and web designers. What follows are some simple tips to follow as you create graphics meant for use on websites&#8230;&#8221;<br />
<a class="gray" href="http://sixrevisions.com/photoshop/graphics-beginner-tips-web-designers/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Recycling and animating icons with CSS</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/recycling-and-animating-icons-with-CSS.jpg" alt="" width="690" height="190" />&#8220;Thanks to the advent of CSS3 properties, we can take a step further, and using a few concise lines of code, transform base icon templates into new icons for future use&#8230;&#8221;<br />
<a class="gray" href="http://www.webdesignerdepot.com/2011/09/recycling-and-animating-icons-with-css/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h2>Web Development</h2>
<div class="separator"></div>
<h3>Design a Full HTML5/CSS3 Template Replica of Digg v3</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/design-a-full-html5-css3-Digg-template-replica.jpg" alt="" width="690" height="190" />&#8220;Social media junkies on the turn of the year 2004 surely remember Digg. It was the powerhouse of social news, all the techies would flock to Digg on a daily basis&#8230;&#8221;<br />
<a class="gray" href="http://spyrestudios.com/design-a-full-html5css3-template-replica-of-digg-v3/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Health Tips for Web Developers</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/health-tips-for-web-developers.jpg" alt="" width="690" height="190" />&#8220;Due to our online obsessions and related habits, we may be unknowingly affecting our personal health in ways that might not at first be obvious to us&#8230;&#8221;<br />
<a class="gray" href="http://www.impressivewebs.com/health-tips-for-web-developers/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>CSS Button Tutorial: How to Code Buttons in 5 Simple Steps</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/css-button-tutorial-how-to-code-buttons-in-5-simple-steps.jpg" alt="" width="690" height="190" />&#8220;One of the most frequent questions I get from CSS beginners is, “How do I create a button?” It’s a simple question with a complicated answer&#8230;&#8221;<br />
<a class="gray" href="http://designshack.co.uk/articles/css/css-button-tutorial-how-to-code-buttons-in-5-simple-steps/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Create a zoomable user interface with CSS3</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/create-a-zoomable-user-interface-with-css3.jpg" alt="" width="690" height="190" />&#8220;With CSS3 transforms now supported in most major browsers, we have the delightful opportunity to create innovative layouts and interfaces. No longer are we shackled in our one-dimensional prisons, bound to the tyranny of vertically-scrolling sites&#8230;&#8221;<br />
<a class="gray" href="http://www.netmagazine.com/tutorials/create-zoomable-user-interface" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How Do Browsers Render the Different CSS Border Style Values?</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/how-do-browsers-render-the-different-css-border-style-values.jpg" alt="" width="690" height="190" />&#8220;I thought it would be interesting to screen capture how all the different browsers display all the different values for border-style&#8230;&#8221;<br />
<a class="gray" href="http://www.impressivewebs.com/comparison-css-border-style/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Responsive Image Gallery with Thumbnail Carousel</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/responsive-image-gallery-with-thumbnail-carousel.jpg" alt="" width="690" height="190" />&#8220;Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide&#8230;&#8221;<br />
<a class="gray" href="http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Organize Your Code with RequireJS</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/organize-your-code-with-requirejs.jpg" alt="" width="690" height="190" />&#8220;Writing web applications using JavaScript, HTML, and CSS can become overwhelming quickly. Between managing UI, data, interactions, and network requests, application code can become a real mess&#8230;&#8221;<br />
<a class="gray" href="http://thinkvitamin.com/code/javascript/organize-your-code-with-requirejs/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Building prototypes in HTML and CSS</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/building-prototypes-in-htmls-and-css.jpg" alt="" width="690" height="190" />&#8220;Prototyping tools can be restrictive and it&#8217;s becoming more important that designers know how to code up their concepts, so Leisa Reichelt organised a workshop teaching how to build prototypes in HTML and CSS&#8230;&#8221;<br />
<a class="gray" href="http://www.netmagazine.com/tutorials/building-prototypes-html-and-css" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Few Words on CSS3 Transitions and Animations</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/few-words-on-css3-transitions-and-animations.jpg" alt="" width="690" height="190" />&#8220;CSS3 has made the web a much more dynamic place with support for transitions and animations&#8230;&#8221;<br />
<a class="gray" href="http://crispycoding.com/basic-overview-on-css3-transitions-and-animations/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How to Embed Video Using HTML5</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/10/how-to-embed-video-using-html5.jpg" alt="" width="690" height="190" />&#8220;So how do you embed video on a Web page using HTML5 syntax? It’s simple&#8230;&#8221;<br />
<a class="gray" href="http://www.sitepoint.com/how-to-embed-video-using-html5/" target="_blank">check it out</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wearepropeople.com/best-web-design-and-web-development-articles-of-september-2011/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tools and Resources for a Mobile Friendly Website</title>
		<link>http://blog.wearepropeople.com/tools-and-resources-for-a-mobile-friendly-website/</link>
		<comments>http://blog.wearepropeople.com/tools-and-resources-for-a-mobile-friendly-website/#comments</comments>
		<pubDate>Fri, 30 Sep 2011 13:14:40 +0000</pubDate>
		<dc:creator>Paul Sanduleac</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[podcasts]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://blog.wearepropeople.com/?p=2946</guid>
		<description><![CDATA[In this roundup, we collected the best recent articles, tutorials, tools, books and podcasts about mobile web design &#038; web app development. Enjoy!]]></description>
			<content:encoded><![CDATA[<p>Experts say that mobile apps are the key to unlock the web for the next generation of tomorrow.</p>
<p>You certainly need to get ready for this massive shift. In this roundup, we collected the best recent articles, tutorials, tools, books and podcasts about mobile web design &#038; web app development. Enjoy!</p>
<div class="separator-double"></div>
<h2>Articles &amp; Tutorials</h2>
<div class="separator"></div>
<h3>How to Create a Responsive Portfolio Site with WordPress and Semantic.gs</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/responsive-portfolio-wordpress-semantic.jpg" alt="" width="690" height="190" /><br />
&#8220;For the purposes of this tutorial, you have decided to make the simplest portfolio ever. It consists of three main section&#8230;&#8221;<br />
<a class="gray" href="http://webdesignledger.com/tutorials/how-to-create-a-responsive-portfolio-site-with-wordpress-and-semantic-gs" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>5 Services To Convert Websites For Mobile Devices</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/services-to-convert-websites-for-mobile-device.jpg" alt="" width="690" height="190" /><br />
&#8220;The rise of the mobile is undeniable. Many even say that the future of the web lies on mobile devices. Gone were the days when people can only access the internet at home or in their office&#8230;&#8221;<br />
<a class="gray" href="http://www.hongkiat.com/blog/convert-websites-for-mobile-devices/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>When &#038; How You Should Update Your Mobile App</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/when-how-you-should-update-your-mobile-app.jpg" alt="" width="690" height="190" /><br />
&#8220;Figuring out how and when to update a mobile app is a crucial part of the mobile app development process. Mobile apps are very different from traditional desktop software apps&#8230;&#8221;<br />
<a class="gray" href="http://mashable.com/2011/09/22/mobile-app-update/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>The Future of Mobile Marketing with Smartphones</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/future-of-mobile-marketing-with-smartphones.jpg" alt="" width="690" height="190" /><br />
&#8220;As the technology for mobile devices grows, so does the opportunity for development. Many companies are not creating their own apps, but instead utilizing HTML5, Javascript and CSS3 to aid in the creation of web apps and mobile websites&#8230;&#8221;<br />
<a class="gray" href="http://mashable.com/2011/09/22/mobile-app-update/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Mobile development with HTML5</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/mobile-development-html5.jpg" alt="" width="690" height="190" /><br />
&#8220;If you read blogs that are even slightly related to tech, you likely hear about HTML5 on a near-weekly basis. Although the new web standard does not do your laundry, it has features that enable the creation of powerful applications&#8230;&#8221;<br />
<a class="gray" href="http://www.engineyard.com/blog/2011/mobile-development-with-html5/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>5 WordPress Mobile Plugins to Create Mobile Theme</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/wordpress-mobile-plugins.jpg" alt="" width="690" height="190" /><br />
&#8220;If you are running WordPress site and want to convert it into mobile friendly site, you can easily setup a rich WordPress mobile theme&#8230;&#8221;<br />
<a class="gray" href="http://pelfusion.com/wordpress/wordpress-mobile-themes-plugins" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Hello jQuery Mobile</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/hello-jquery-mobile.jpg" alt="" width="690" height="190" /><br />
&#8220;In this article I am going to introduce you to jQuery Mobile, hereafter fondly referred to as jQM. We will step through the absolute minimum required to author a website with jQM, touch on some of the preliminary pitfalls&#8230;&#8221;<br />
<a class="gray" href="http://buildmobile.com/hello-jquery-mobile/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>jQuery Mobile Components</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/jquery-mobile-components.jpg" alt="" width="690" height="190" /><br />
&#8220;This article continues development of the CSS3 Shapes reference site, and continues to refer to our new best friend as jQM, but this time around we’ll take a whistle stop tour of Components&#8230;&#8221;<br />
<a class="gray" href="http://buildmobile.com/jquery-mobile-components/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Mobile SDKs Offer Security</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/mobile-sdk-security.jpg" alt="" width="690" height="190" /><br />
&#8220;The mobile industry issues anti-malware solutions to secure popular mobile platforms almost as an afterthought. But, what is it doing to explicitly address security early on, such as with the SDKs developers use to write mobile applications&#8230;&#8221;<br />
<a class="gray" href="http://www.readwriteweb.com/mobile/2011/08/mobile-sdks-offer-security.php" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How to Speed Up Your Mobile Site</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/speed-up-your-mobile-site.jpg" alt="" width="690" height="190" /><br />
&#8220;Along with the development of mobile Internet grows the need to optimize the time of the page load for mobile sites. Even the most advanced smartphones on Android, iOS, WebOS, BlackBerry OS, and others have a processor with a frequency of less than 1Ghz&#8230;&#8221;<br />
<a class="gray" href="http://www.splashnology.com/article/how-to-speed-up-your-mobile-site/2255/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h2>Useful Websites &#038; Tools</h2>
<div class="separator"></div>
<h3>jQuery Mobile</h3>
<p>&#8220;A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement&#8230;&#8221;<br />
<a class="gray" href="http://jquerymobile.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>PhotoSwipe</h3>
<p>&#8220;PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices&#8230;.&#8221;<br />
<a class="gray" href="http://www.photoswipe.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Ripple</h3>
<p>&#8220;Ripple is a multi-platform mobile environment emulator that runs in a web browser&#8230;&#8221;<br />
<a class="gray" href="http://ripple.tinyhippos.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Mulberry</h3>
<p>&#8220;Mulberry helps web developers rapidly create content-rich native mobile applications. Powered by HTML5, CSS3, and JavaScript and built on top of PhoneGap, Mulberry transforms your content and data into a responsive, native, cross-platform mobile experience&#8230;&#8221;<br />
<a class="gray" href="http://toura.github.com/mulberry/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Mobile HTML5</h3>
<p>&#8220;Mobile HTML5 tells you how compatible a certain mobile device is with HTML5&#8230;&#8221;<br />
<a class="gray" href="http://mobilehtml5.org/" target="_blank">check it out</a></p>
<div class="separator-double"></div>
<h2>Books</h2>
<div class="separator"></div>
<h3>Build Mobile Websites and Apps for Smart Devices</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/51XWwa5pTkL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
Build Mobile Websites and Apps for Smart Devices is a practical guide for front-end web designers and developers. You’ll discover a fun and fresh approach to mobile web design and development, with enormous scope for opportunity.
</p>
<p><a class="gray" href="http://www.amazon.com/Build-Mobile-Websites-Smart-Devices/dp/0987090844/" target="_blank">check it out</a></p>
<h3>Programming the Mobile Web</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/413AIjKlytL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
If you&#8217;re an experienced web developer, this book shows you how to build a standard app core that you can extend to work with specific devices. You&#8217;ll learn the particulars and pitfalls of building mobile apps with HTML, CSS, and other standard web tools.
</p>
<p><a class="gray" href="http://www.amazon.com/Programming-Mobile-Web-Maximiliano-Firtman/dp/0596807783/" target="_blank">check it out</a></p>
<h3>Mobile Web Design For Dummies</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/51z-FKRyTdL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
With the popularity of Internet access via cell phones and other mobile devices, Web designers now have to consider as many as eight operating systems, several browsers, and a slew of new devices as they plan a new site, a new interface, or a new sub-site
</p>
<p><a class="gray" href="http://www.amazon.com/Mobile-Design-Dummies-Janine-Warner/dp/0470560967/" target="_blank">check it out</a></p>
<h3>jQuery Mobile First Look</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/518%2Byvr0NUL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
The jQuery Mobile First Look is a perfect reference to keep on your desk for finding out the capabilities of the jQuery Mobile framework and how you can put it to good use. This book will show you how to enjoy your programming by letting a simple yet effective JavaScript library handle the hassles you would encounter otherwise.
</p>
<p><a class="gray" href="http://www.amazon.com/jQuery-Mobile-First-Look-Giulio/dp/1849515905/" target="_blank">check it out</a></p>
<h3>Mobile Design and Development: Practical concepts and techniques for creating mobile sites and web apps</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/51s0KS6Hs7L._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
Mobile Design and Development by Brian Fling is a start to finish guide for designing and building mobile apps regardless of experience, device or platform. Brian took on the daunting challenge to write the mobile guide missing from bookshelves
</p>
<p><a class="gray" href="http://www.amazon.com/Mobile-Design-Development-Practical-techniques/dp/0596155441/" target="_blank">check it out</a></p>
<h3>Beginning Smartphone Web Development</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/41pYcirg3lL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
Written by learnthemobileweb.com’s Gail Frederick, Beginning Web Development is one of the first, if not the first, books by a major publisher on Smartphone specific application development and mobile Web standards.<br />
The book contains 90% cross-platform development techniques for all smartphone browsers and 10% optimizations for WebKit, Chrome, Palm Pre, Pocket IE and popular third-party smartphone browsers like Opera Mobile and Skyfire.
</p>
<p><a class="gray" href="http://www.amazon.com/Beginning-Smartphone-Development-Gail-Frederick/dp/143022620X/" target="_blank">check it out</a></p>
<h2>Podcasts</h2>
<div class="separator"></div>
<h3>The Web Ahead</h3>
<p>A weekly podcast about changing technologies and the future of the web, discussing HTML5, mobile, responsive design, iOS, Android, and more. Hosted by Jen Simmons.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/the-web-ahead/id464936442" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>This Week in Mobile</h3>
<p>This Week in Mobile provides you with the most recent news from the mobile development world.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/this-week-in-mobile-audio/id356496970" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Mobile Business Apps and Content</h3>
<p>An Audio podcast communicating the value of Mobile Business Apps and mobile Content.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/mobile-business-apps-content/id251594046" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Minute With Mobile</h3>
<p>This podcast is hosted by Brian LeRoux, a free/open source software developer at Nitobi working on top secret things and not so secret things like PhoneGap, XUI, Lawnchair and WTFJS.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/minute-with-mobile/id411719068" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Mobile App Mastery</h3>
<p>Discover the latest mobile app development tips &#038; tricks.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/mobile-app-mastery/id341063091" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Mobile Presence</h3>
<p>The future of the Internet is mobile. Mobile Presence examines all things mobile from devices to software, services and SEO. Mobile Presence discusses current topics regarding mobility in a world increasingly without wires.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/mobile-presence/id308016102" target="_blank">check it out</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wearepropeople.com/tools-and-resources-for-a-mobile-friendly-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Ultimate AJAX Development Resources Roundup</title>
		<link>http://blog.wearepropeople.com/the-ultimate-ajax-development-resources-roundup/</link>
		<comments>http://blog.wearepropeople.com/the-ultimate-ajax-development-resources-roundup/#comments</comments>
		<pubDate>Thu, 22 Sep 2011 20:06:49 +0000</pubDate>
		<dc:creator>Paul Sanduleac</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[roundup]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.wearepropeople.com/?p=2918</guid>
		<description><![CDATA[Web development with AJAX is gaining more exposure these days. This is fulfilling the request for faster web sites that do not require so many pageviews and can provide as much information as possible using minimum resources.
That&#8217;s why we created &#8220;The Ultimate AJAX Development Resources Roundup&#8221; which is a list of some of the latest [...]]]></description>
			<content:encoded><![CDATA[<p>Web development with AJAX is gaining more exposure these days. This is fulfilling the request for faster web sites that do not require so many pageviews and can provide as much information as possible using minimum resources.</p>
<p>That&#8217;s why we created &#8220;The Ultimate AJAX Development Resources Roundup&#8221; which is a list of some of the latest AJAX related articles, tutorials, tools, books, websites and podcasts that may capture your attention. Enjoy! </p>
<div class="separator-double"></div>
<h2>Articles &amp; Tutorials</h2>
<div class="separator"></div>
<h3>AJAX in JQuery using jQuery.get and jQuery.post methods</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/ajax-and-jquery-get-post.jpg" alt="" width="690" height="190" /><br />
&#8220;AJAX (Asynchronous JavaScript and XML) is a blend of multiple technologies like JavaScript and XML which lets one fetch data on a web page asynchronously from the server. Ajax helps to load parts of a web page by fetching data from the server without having a complete page reload&#8230;&#8221;<br />
<a class="gray" href="http://www.crazyleafdesign.com/blog/ajax-in-jquery-using-jquery-get-and-jquery-post-methods/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How to Upload Files with CodeIgniter and AJAX</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/upload-codeigniter-and-ajax.jpg" alt="" width="690" height="190" /><br />
&#8220;Uploading files asynchronously can be a pain at the best of times, but when coupled with CodeIgniter, it can be a particularly frustrating experience. I finally found a way that not only works consistently, but keeps to the MVC pattern&#8230;&#8221;<br />
<a class="gray" href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-upload-files-with-codeigniter-and-ajax/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Coding an Instant Login Form with jQuery and PHP/Ajax</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/instant-login-form-jquery-php-ajax.jpg" alt="" width="690" height="190" /><br />
&#8220;In this brief tutorial I’m going to explain how to create an instant login form with jQuery and PHP. We won’t be accessing any database to keep things simplified for now&#8230;&#8221;<br />
<a class="gray" href="http://designm.ag/tutorials/coding-an-instant-login-form-with-jquery-and-phpajax/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Make Cross Domain AJAX Calls With jQuery and PHP</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/cross-domain-ajax-calls-with-jquery-and-php.jpg" alt="" width="690" height="190" /><br />
&#8220;Now on the web AJAX calls are becoming more and more common, they can be very useful to create a better user experience on your web applications. But on most modern browsers they will block any cross domain AJAX calls mainly for security reasons&#8230;&#8221;<br />
<a class="gray" href="http://www.paulund.co.uk/make-cross-domain-ajax-calls-with-jquery-and-php" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>AJAX Search Suggestions in Input Fields</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/ajax-search-suggestions-input.jpg" alt="" width="690" height="190" /><br />
&#8220;Today we are going to create AJAX search suggestions inside input text fields. This is different from AJAX Auto-suggest or AJAX Live Search&#8230;&#8221;<br />
<a class="gray" href="http://www.technabled.com/2011/08/ajax-search-suggestions-in-input-fields.html" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>How to Asynchronously Upload Files Using HTML5 and Ajax</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/upload-files-html5-ajax.jpg" alt="" width="690" height="190" /><br />
&#8220;Now we have a valid set of files, it possible to upload each one to the server. The process occurs asynchronously in the background so the user can complete other on-page tasks while it occurs&#8230;&#8221;<br />
<a class="gray" href="http://www.sitepoint.com/html5-ajax-file-upload/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Ajax-ed live availability</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/ajax-live-availability.jpg" alt="" width="690" height="190" /><br />
&#8220;In this short tutorial, we are going to create a script that checks for the availability of a username and returns a response to the user when they click outside the input field&#8230;&#8221;<br />
<a class="gray" href="http://tutorialpot.com/2011/07/ajax-ed-live-availability/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Uploading Files with AJAX</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/uploading-files-with-ajax.jpg" alt="" width="690" height="190" /><br />
&#8220;I can’t seem to reach the end of the fun stuff you can do with emerging web technologies. Today, I’m going to show you how to do something that—until the last while—has been almost unprecedented: uploading files via AJAX&#8230;&#8221;<br />
<a class="gray" href="http://net.tutsplus.com/tutorials/javascript-ajax/uploading-files-with-ajax/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Mobile Web Apps: Ajax</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/mobile-web-apps-ajax.jpg" alt="" width="690" height="190" /><br />
&#8220;We’ve now learned how to transition between pages smoothly and without reloading, but so far we’ve only done this with static content. We need to be able to load our pages dynamically, and then transition to them&#8230;&#8221;<br />
<a class="gray" href="http://buildmobile.com/mobile-web-apps-ajax/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h2>Useful Websites, Tools &#038; Services</h2>
<div class="separator"></div>
<h3>Ajaxian.com</h3>
<p>&#8220;A blog about Ajax, JavaScript, PHP and other development topics&#8230;&#8221;<br />
<a class="gray" href="http://ajaxian.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>SuperAgent</h3>
<p>&#8220;Super Agent is light-weight progressive ajax API crafted for flexibility, readability, and a low learning curve after being frustrated with many of the existing request APIs&#8230;.&#8221;<br />
<a class="gray" href="http://visionmedia.github.com/superagent/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Combogrid</h3>
<p>&#8220;Combogrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. Combogrid provides keyboard navigation support for selecting an item&#8230;.&#8221;<br />
<a class="gray" href="http://combogrid.justmybit.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>SFBrowser</h3>
<p>&#8220;SFBrowser is a file browser and uploader for jQuery that uses AJAX for file uploads&#8230;&#8221;<br />
<a class="gray" href="http://sfbrowser.sjeiti.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>CanvasLoader</h3>
<p>&#8220;The Heartcode CanvasLoader Creator is a free AJAX tool for creating slick preloaders for HTML projects&#8230;.&#8221;<br />
<a class="gray" href="http://heartcode.robertpataki.com/canvasloader/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>AjaxFormPro</h3>
<p>&#8220;This is a multi-usage web form meant to enhance the functionality of your website by providing an interactive user experience for your website visitors that need to reach you&#8230;&#8221;<br />
<a class="gray" href="http://www.ajaxformpro.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>EasyBasket</h3>
<p>&#8220;Through the use of HTML, jQuery, AJAX, PHP core, XML, XSL and CSS Easy Basket has become a true two part application&#8230;&#8221;<br />
<a class="gray" href="http://www.easybasket.co.uk/" target="_blank">check it out</a></p>
<div class="separator-double"></div>
<h2>Books</h2>
<div class="separator"></div>
<h3>Scriptin&#8217; with JavaScript and Ajax: A Designer&#8217;s Guide</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/51%2BPE7ElgcL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
Scriptin&#8217; with JavaScript and Ajax teaches you how to master this powerful and elegant language so you can develop intuitive user interactions that take the user experience to new levels of sophistication and responsiveness.
</p>
<p><a class="gray" href="http://www.amazon.com/Scriptin-JavaScript-Ajax-Designers-Voices/dp/0321572602/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>JavaScript Web Applications</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/51L5ve-IsUL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
Building rich JavaScript applications that bring a desktop experience to the Web requires moving state from the server to the client side—not a simple task. This hands-on book takes proficient JavaScript developers through all the steps necessary to create state-of-the-art applications, including structure, templating, frameworks, communicating with the server, and many other issues.
</p>
<p><a class="gray" href="http://www.amazon.com/JavaScript-Web-Applications-Alex-MacCaw/dp/144930351X/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Applied jQuery: Develop and Design</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/41LVyr-Af8L._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
Applied jQuery teaches readers how to quickly start writing application interfaces. The beautifully designed book offers practical techniques and provides lots of real-world advice and guidance. The Author, Jay Blanchard, has practical experience working in the field and wastes no time getting to the instruction, taking the reader from a beginner to a proficient interface programmer by the end of the book.
</p>
<p><a class="gray" href="http://www.amazon.com/Applied-jQuery-Develop-Jay-Blanchard/dp/0321772563/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Ajax: The Definitive Guide</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/41Ukl-tHETL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
Ajax: The Definitive Guide explains how to use standards like JavaScript, XML, CSS, and XHTML, along with the XMLHttpRequest object, to build browser-based web applications that function like desktop programs. You get a complete background on what goes into today&#8217;s web sites and applications, and learn to leverage these tools along with Ajax for advanced browser searching, web services, mashups, and more.
</p>
<p><a class="gray" href="http://www.amazon.com/Ajax-Definitive-Anthony-Holdener-III/dp/0596528388/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>AJAX and PHP: Building Modern Web Applications</h3>
<p style="height: 250px;">
<img class="framed" style="float: right; margin-left: 20px;" src="http://ecx.images-amazon.com/images/I/51iUQnKbonL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU01_.jpg" width="244"/><br />
This book is a step-by-step, example-driven AJAX tutorial, featuring complete case studies. Each chapter contains a friendly mix of theory and practice, so that your journey through the book will be pleasant, yet efficient. You’ll be coding your first AJAX application at the end of the first chapter, and with each new chapter you’ll develop increasingly complex AJAX applications featuring advanced techniques and coding patterns.
</p>
<p><a class="gray" href="http://www.amazon.com/AJAX-PHP-Building-Modern-Applications/dp/1847197728/" target="_blank">check it out</a></p>
<h2>Podcasts</h2>
<div class="separator"></div>
<h3>Audible Ajax</h3>
<p>Ben and Dion of Ajaxian.com discuss issues around the new Web technology called Ajax (a.k.a. dhtml) and interview various Ajax notables.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/audible-ajax/id79427931" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>The Art of Code</h3>
<p>The Art of Code is a podcast for web designers or anyone interested in programming for the internet. Topics covered include CSS, xhtml, Javascript, AJAX, php and flash.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/the-art-of-code/id289188420" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>jQuery for Designers &#8211; screencasts and tutorials</h3>
<p>Learn how easy it is to apply web interaction using jQuery.<br />
<a class="gray" href="http://itunes.apple.com/us/podcast/jquery-for-designers-screencasts/id281057468" target="_blank">check it out</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wearepropeople.com/the-ultimate-ajax-development-resources-roundup/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best Freelance Websites for Web Designers and Developers</title>
		<link>http://blog.wearepropeople.com/best-freelance-websites-for-web-designers-and-developers/</link>
		<comments>http://blog.wearepropeople.com/best-freelance-websites-for-web-designers-and-developers/#comments</comments>
		<pubDate>Thu, 08 Sep 2011 21:22:21 +0000</pubDate>
		<dc:creator>Paul Sanduleac</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[roundup]]></category>

		<guid isPermaLink="false">http://blog.wearepropeople.com/?p=2902</guid>
		<description><![CDATA[A list of 11 best freelance websites for Web designers and developers. ]]></description>
			<content:encoded><![CDATA[<p>Not all web designers and developers start their career with a full-time job at a big company. As a matter of fact &#8211; most of them do not. </p>
<p>We thought that this list of freelance websites that offer lists of full-time or part-time jobs available in many countries would be useful to many. If you know another great website that you&#8217;d like us to include in the future &#8211; please don&#8217;t hesitate to tell us in the comments.</p>
<div class="separator"></div>
<h3>Freelancer</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/freelancer.jpg" alt="" width="690" height="190" /><br />
Formerly known as GetAFreelancer.com, this website is one of the best outsourcing websites on the web. Here you can connect with over 2,800,799 employers and freelancers globally from over 234 countries &#038; regions. Through this website, employers can hire freelancers to do work in areas such as software, writing, data entry and design right through to engineering and the sciences, sales and marketing, and accounting &#038; legal services.<br />
<a class="gray" href="http://freelancer.com" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>FreelanceSwitch</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/freelance-switch.jpg" alt="" width="690" height="190" /><br />
This moderated job board puts you in touch with high-quality clients. Very simple to understand and use on the freelancers&#8217; end.<br />
<a class="gray" href="http://jobs.freelanceswitch.com" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Elance</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/elance.jpg" alt="" width="690" height="190" /><br />
Being one of the world’s leading platforms for online employment, Elance helps businesses and individuals hire and manage in the cloud. If you have skills and talent and are seeking independent work online, Elance offers access to qualified clients, a virtual workplace and guaranteed pay for great work. To help make delivering great results easier for you, Elance offers a suite of tools to help make your work life as efficient as possible.<br />
<a class="gray" href="http://www.elance.com/ " target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>oDesk</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/odesk.jpg" alt="" width="690" height="190" /><br />
oDesk is the marketplace for online workteams, with the best business model for both employers and contractors. Their unique approach guarantees to employers that an hour billed is an hour worked, while guaranteeing to contractors that an hour worked is an hour paid.<br />
<a class="gray" href="http://www.odesk.com/ " target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>vWorker </h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/vworker.jpg" alt="" width="690" height="190" /><br />
vWorker.com connects 165,704 employers and entrepreneurs to 339,336 experts in hundreds of fields, who complete thousands of succesful projects every month.<br />
<a class="gray" href="http://www.vworker.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>GetACoder</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/getacoder.jpg" alt="" width="690" height="190" /><br />
GetACoder is a leading Global Services Marketplace doing business in more than 200 countries. Their unique system accelerates your time to market and provides your business with key competitive advantages.<br />
<a class="gray" href="http://www.getacoder.com/ " target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Scriptlance</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/scriptlance.jpg" alt="" width="690" height="190" /><br />
ScriptLance is one of the world&#8217;s most affordable and easy to use outsourcing service for programming jobs. Expert programmers, designers, marketers and writers bid to complete work quickly, professionally and under budget. ScriptLance has over $500,000 in billings, 8,088 active freelancers and 3,524 satisfied customers in the past month!<br />
<a class="gray" href="http://www.scriptlance.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Project4Hire</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/project4hire.jpg" alt="" width="690" height="190" /><br />
Project4Hire is another great place where web developers can easily find their clients. Projects are divided into categories, and it is easy for you to find work in the area you specialize.<br />
<a class="gray" href="http://www.project4hire.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>SmashingMagazine Jobs</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/smashing-jobs.jpg" alt="" width="690" height="190" /><br />
Being posted on one of the best blogs in the world, these lists surely will help you find a client. Different jobs, both full-time and part-time available.<br />
<a class="gray" href="http://jobs.smashingmagazine.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>FreshWebJobs</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/FreshWebJobs.jpg" alt="" width="690" height="190" /><br />
Freshwebjobs.com is a job board with a declared goal of bringing together companies and professionals who take interests in latest web technologies, web standards and web design trends.<br />
<a class="gray" href="http://www.freshwebjobs.com/" target="_blank">check it out</a></p>
<div class="separator"></div>
<h3>Krop</h3>
<p><img class="framed" src="http://blog.wearepropeople.com/wp-content/uploads/2011/09/krop.jpg" alt="" width="690" height="190" /><br />
Krop is a Job Board and career resource website for creative professionals. Whether you’re looking for job, or hunting top-notch talent, Krop’s simple and powerful tools are geared towards connecting the worlds brightest minds with the best companies.<br />
<a class="gray" href="http://www.krop.com/" target="_blank">check it out</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wearepropeople.com/best-freelance-websites-for-web-designers-and-developers/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

