<?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>designerbooster &#187; Facebook</title>
	<atom:link href="http://www.designerbooster.com/category/facebook/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designerbooster.com</link>
	<description>designerbooster.com: boost your creativity with the right design resources at hand.</description>
	<lastBuildDate>Tue, 19 Mar 2013 07:10:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>CSS3 quickie: The Facebook loading animation</title>
		<link>http://www.designerbooster.com/tutorials/css3-quickie-facebook-loading-animation/</link>
		<comments>http://www.designerbooster.com/tutorials/css3-quickie-facebook-loading-animation/#comments</comments>
		<pubDate>Wed, 29 Feb 2012 20:37:05 +0000</pubDate>
		<dc:creator>designerbooster</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[loading]]></category>
		<category><![CDATA[Quickie]]></category>

		<guid isPermaLink="false">http://www.designerbooster.com/?p=3881</guid>
		<description><![CDATA[
		<div>
		<a href="http://www.designerbooster.com/tutorials/css3-quickie-facebook-loading-animation/" title="CSS3 quickie: The Facebook loading animation"><img title="CSS3 quickie: The Facebook loading animation" src="http://www.designerbooster.com/wp-content/uploads/2012/02/216ea__facebook_loading.png" alt="CSS3 quickie: The Facebook loading animation" width="320" height="138" /></a>
		</div>
		<br/>
		After the couple of jQuery Quickies that have been placed online on this website, I today present you a CSS3 quickie. Just a short walkthrough to create a simple effect, to learn some basic stuff. In this case, we&#8217;re recreating the Facebook loading animation using CSS3 animations. I&#8217;m pretty sure that you&#8217;ve seen the animation [...]
Related posts:<ol>
<li><a href='http://www.designerbooster.com/tutorials/26-fresh-jquery-css3-tutorials-2012/' rel='bookmark' title='26 Fresh jQuery and CSS3 Tutorials From 2012'>26 Fresh jQuery and CSS3 Tutorials From 2012</a></li>
<li><a href='http://www.designerbooster.com/tutorials/recreating-ibm-lotusphere-logo-css3/' rel='bookmark' title='Recreating the IBM Lotusphere logo in CSS3'>Recreating the IBM Lotusphere logo in CSS3</a></li>
<li><a href='http://www.designerbooster.com/featured/10-free-html5-css3-website-templates/' rel='bookmark' title='10+ Free HTML5-CSS3 Website Templates'>10+ Free HTML5-CSS3 Website Templates</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
		<div>
		<a href="http://www.designerbooster.com/tutorials/css3-quickie-facebook-loading-animation/" title="CSS3 quickie: The Facebook loading animation"><img title="CSS3 quickie: The Facebook loading animation" src="http://www.designerbooster.com/wp-content/uploads/2012/02/216ea__facebook_loading.png" alt="CSS3 quickie: The Facebook loading animation" width="320" height="138" /></a>
		</div>
		<br/>
		After the couple of <a title="jQuery Quickies on Marcofolio" href="http://www.google.nl/#q=site:marcofolio.net+quickie" target="_blank">jQuery Quickies</a> that have been placed online on this website, I today present you a CSS3 quickie. Just a short walkthrough to create a simple effect, to learn some basic stuff. In this case, we're recreating the <strong>Facebook loading animation using CSS3 animations</strong>. I'm pretty sure that you've seen the animation before, if you're a <a title="Facebook" href="https://www.facebook.com/" target="_blank">Facebook</a> user.
<div style="text-align: center;"><img src="http://www.designerbooster.com/wp-content/uploads/2012/02/216ea__facebook_loading.png" alt="Facebook loading animation" /></div>
We're using CSS3 <code>keyframes</code> to create the desired effect. We'll be using <a title="Prefix free" href="http://leaverou.github.com/prefixfree/" target="_blank">prefix free</a> from <a title="Lea Verou on Twitter" href="https://twitter.com/#!/leaverou" target="_blank">@LeaVerou</a> to use unprefixed CSS3 properties.
<div style="text-align: center;"><a title="Demo Facebook loading animation" href="http://demo.marcofolio.net/facebook_loader/" target="_blank"><img src="http://www.designerbooster.com/wp-content/uploads/2012/02/216ea__demo.png" alt="Demo Facebook loading animation" /></a>
<a title="Download Facebook loading animation" href="http://www.marcofolio.net/downloads/css/the_facebook_loading_animation/download.html" target="_blank"><img src="http://www.designerbooster.com/wp-content/uploads/2012/02/b1078__download.png" alt="Download Facebook loading animation" /></a></div>
Take note this example only works properly in browser that support the <code>keyframes</code> property. I've tested this script and verified that it's working in the latest versions of Firefox, Chrome and Safari.

<a href="http://www.marcofolio.net/css/css3_quickie_the_facebook_loading_animation.html" target="_blank">Read more...</a>

<a href="http://www.marcofolio.net/css/css3_quickie_the_facebook_loading_animation.html" rel="nofollow" target="_blank">Marcofolio.net ()</a>]]></content:encoded>
			<wfw:commentRss>http://www.designerbooster.com/tutorials/css3-quickie-facebook-loading-animation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why Your Business Must Go Social</title>
		<link>http://www.designerbooster.com/design-articles/business-social-infographic/</link>
		<comments>http://www.designerbooster.com/design-articles/business-social-infographic/#comments</comments>
		<pubDate>Fri, 17 Feb 2012 14:37:15 +0000</pubDate>
		<dc:creator>designerbooster</dc:creator>
				<category><![CDATA[Design Articles]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[Infographic]]></category>
		<category><![CDATA[Must]]></category>
		<category><![CDATA[social]]></category>

		<guid isPermaLink="false">http://www.designerbooster.com/?p=3738</guid>
		<description><![CDATA[
		<div>
		<a href="http://www.designerbooster.com/design-articles/business-social-infographic/" title="Why Your Business Must Go Social "><img title="Why Your Business Must Go Social " src="http://www.designerbooster.com/wp-content/uploads/2012/02/f0ca5__why-your-business-must-go-social-via-wix.jpg" alt="Why Your Business Must Go Social " width="51" height="320" /></a>
		</div>
		<br/>
		Your grandma is probably on Facebook by now. So why on earth isn’t your business? It’s time to get real, and come to terms with the fact that social media networks are not just for teenagers anymore. Even setting up something as simple as a customized Facebook fan page can enhance your brand online. Studies show that [...]
Related posts:<ol>
<li><a href='http://www.designerbooster.com/featured/30-read-infographics-social-media/' rel='bookmark' title='30 Must Read Infographics on Social Media'>30 Must Read Infographics on Social Media</a></li>
<li><a href='http://www.designerbooster.com/featured/5-private-social-networks-collaboration/' rel='bookmark' title='5 private social networks for collaboration'>5 private social networks for collaboration</a></li>
<li><a href='http://www.designerbooster.com/featured/34-stunning-infographics-understand-world-social-media/' rel='bookmark' title='34 Stunning Infographics To Understand The World Of Social Media'>34 Stunning Infographics To Understand The World Of Social Media</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
		<div>
		<a href="http://www.designerbooster.com/design-articles/business-social-infographic/" title="Why Your Business Must Go Social "><img title="Why Your Business Must Go Social " src="http://www.designerbooster.com/wp-content/uploads/2012/02/f0ca5__why-your-business-must-go-social-via-wix.jpg" alt="Why Your Business Must Go Social " width="51" height="320" /></a>
		</div>
		<br/>
		Your grandma is probably on Facebook by now. So why on earth isn’t your business?

It’s time to get real, and come to terms with the fact that social media networks are not just for teenagers anymore. Even setting up something as simple as a customized Facebook fan page can enhance your brand online. Studies show that socializing is important for maintaining a happy and a healthy lifestyle. So it kinda makes sense that the same holds true for businesses, no?

&nbsp;

Read on for some cold hard facts about why social networking is a must for you and your company.

<em>Shared by our friends from Wix!</em>

<a href="http://www.wix.com/?utm_campaign=se_business_social" target="_blank"><img style="border-style: initial; border-color: initial; border-image: initial; border-width: 0px;" src="http://www.designerbooster.com/wp-content/uploads/2012/02/f0ca5__why-your-business-must-go-social-via-wix.jpg" alt="your wix business must go social" width="675" height="4222" border="0" /></a>
Via: <a href="http://www.wix.com/?utm_campaign=se_business_social" target="_blank">Wix.com</a>

<img src="http://www.designerbooster.com/wp-content/uploads/2012/02/16d79__waBKz4GEX8A.jpg" alt="" width="1" height="1" />
<a href="http://feedproxy.google.com/~r/1stwebdesigner/~3/waBKz4GEX8A/" rel="nofollow" target="_blank">1stwebdesigner - Graphic and Web Design Blog</a>]]></content:encoded>
			<wfw:commentRss>http://www.designerbooster.com/design-articles/business-social-infographic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Twitter and Facebook and Still Get Things Done</title>
		<link>http://www.designerbooster.com/featured/twitter-facebook/</link>
		<comments>http://www.designerbooster.com/featured/twitter-facebook/#comments</comments>
		<pubDate>Fri, 17 Feb 2012 08:37:44 +0000</pubDate>
		<dc:creator>designerbooster</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Done]]></category>
		<category><![CDATA[Still]]></category>
		<category><![CDATA[Things]]></category>

		<guid isPermaLink="false">http://www.designerbooster.com/?p=3730</guid>
		<description><![CDATA[
		<div>
		<a href="http://www.designerbooster.com/featured/twitter-facebook/" title="How to Twitter and Facebook and Still Get Things Done"><img title="How to Twitter and Facebook and Still Get Things Done" src="http://www.designerbooster.com/wp-content/uploads/2012/02/b79ae__Twitter_by_Habatares.jpg" alt="How to Twitter and Facebook and Still Get Things Done" width="320" height="320" /></a>
		</div>
		<br/>
		It almost seems like magic the way that most social media juggernauts tweet, update Facebook, upload YouTube videos and respond to comments, seemingly nonstop, all while still managing to get work done. This is an issue that I have struggled with for quite some time. Recently, however, I have been exploring techniques to help myself [...]
Related posts:<ol>
<li><a href='http://www.designerbooster.com/featured/how-to-get-facebook-twitter-and-rss-counts-wp/' rel='bookmark' title='How to Get Facebook, Twitter, and RSS Counts {WP}'>How to Get Facebook, Twitter, and RSS Counts {WP}</a></li>
<li><a href='http://www.designerbooster.com/featured/beyond-twitter-5-tools-post-cross-platform/' rel='bookmark' title='Beyond Twitter: 5 Tools To Help You Post Cross Platform'>Beyond Twitter: 5 Tools To Help You Post Cross Platform</a></li>
<li><a href='http://www.designerbooster.com/web-design/7-clients-about-web-designers-job/' rel='bookmark' title='7 Things Clients Should Know About A Web Designers Job'>7 Things Clients Should Know About A Web Designers Job</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
		<div>
		<a href="http://www.designerbooster.com/featured/twitter-facebook/" title="How to Twitter and Facebook and Still Get Things Done"><img title="How to Twitter and Facebook and Still Get Things Done" src="http://www.designerbooster.com/wp-content/uploads/2012/02/b79ae__Twitter_by_Habatares.jpg" alt="How to Twitter and Facebook and Still Get Things Done" width="320" height="320" /></a>
		</div>
		<br/>
		It almost seems like magic the way that most social media juggernauts tweet, update Facebook, upload YouTube videos and respond to comments, seemingly nonstop, all while still managing to get work done. This is an issue that I have struggled with for quite some time. Recently, however, I have been exploring techniques to help myself better manage my time during the day, get more work done, and still remain engaged in social media.
<h3><strong>Scheduling in time for social media</strong></h3>

<hr style="margin-left: 20px;" align="left" width="60%" />

Once I began scrutinizing my daily work flow, one of the first things I discovered was that, while I was keeping a steady stream of engagement, the stream of engagement was chaotic and sporadic. In the social media world this isn’t necessarily a bad thing, however, if you are trying to get real work done it is actually a huge distraction.

Every time I broke my train of thought to answer a tweet or respond to a Facebook comment, I was breaking down my productivity and inevitably getting less work done. So I hit Google with a few quick searches, looking for some advice. I quickly realized that the main problem was in my lack of planning and scheduling. Maybe if I devoted a fixed amount of time to social media engagement I could keep from breaking my concentration multiple times an hour.

<img class="alignnone size-full wp-image-64470" title="Twitter Time!" src="http://www.designerbooster.com/wp-content/uploads/2012/02/b79ae__Twitter_by_Habatares.jpg" alt="" width="512" height="512" />

<em>Image by <a href="http://habatares.deviantart.com/art/Twitter-153134032" target="_blank">Habatares</a></em>

I decided to make a list of the most important social media interactions and execute them all within 10-15 minutes. My initial list looked something like this:
<ul>
	<li>Browse Dribble, bucket a few great pieces, follow a few great designers, comment on any good shots.</li>
	<li>Check Google Reader and add any worthwhile articles to Buffer (<em>will talk more about this later</em>)</li>
	<li>Respond to any @ replies on Twitter</li>
	<li>Respond to any interesting Tweets in my HootSuite feeds</li>
	<li>Browse <a href="http://www.stumbleupon.com/" target="_blank">StumbleUpon</a> and find something worth sharing</li>
	<li>Reply to any comments on my blog</li>
</ul>
This list is in no way complete, nor is it a one size fits all. Your list might look completely different. Maybe you find the best engagement on Facebook. Maybe you’re more of a <a href="http://www.forrst.com/" target="_blank">Forrst</a> user. Maybe you’re an avid <a href="http://www.yelp.com/" target="_blank">Yelper</a> or <a href="http://www.stackoverflow.com/" target="_blank">Stack Overflow</a> user. Your list should be tailored to your preferred networks and preferred level of engagement.
<h3><strong>Use it</strong></h3>

<hr style="margin-left: 20px;" align="left" width="60%" />

You’ve got the list, now use it. And if you can’t accomplish it in 10-20 minutes, keep working on it until you feel it can complete it within a reasonable amount of time. Now go through the list once in the morning, then put it away, focus, and get some work done.
<h3><strong>Making the most of your time</strong></h3>

<hr style="margin-left: 20px;" align="left" width="60%" />

Now that you have a simple strategy for social media engagement without wasting time, using different tools can really help you get the most out of these small windows of interaction:
<h3><strong>Scheduling tweets</strong></h3>

<hr style="margin-left: 20px;" align="left" width="60%" />

An obvious problem with the 10-20 minute strategy is that you run the risk of flooding your streams with links and content in a really short period of time. Some of your followers/friends might not care for this as it feels spammy and can be kind of annoying.

Using a tool like <a href="http://www.bufferapp.com/" target="_blank">Buffer</a> can minimize this by scheduling your tweets to be shared at different times of the day. I’ve never been a huge fan of scheduling tweets but I have realized that, like most social media techniques, there’s a right and a wrong way to use it. Putting link shares on a schedule is fine because there’s no time factor. No one cares whether you actually shared an article right at this moment or shared it this morning and it’s just now showing up. However, any tweet which answers the question “What’s Happening?” should not be scheduled as it can be really misleading to your followers. I’m open to other opinions here, this is just how I’ve come to see it.
<h3><strong>Social media dashboards</strong></h3>

<hr style="margin-left: 20px;" align="left" width="60%" />

<img class="alignnone size-full wp-image-64472" title="TweetDeck" src="http://www.designerbooster.com/wp-content/uploads/2012/02/b79ae__tweetdeck.png" alt="" width="543" height="290" />

Social media dashboards can help you manage your social feeds and allow you to engage more quickly, efficiently and maintain a higher level of quality within your interactions. I’ve used a few social media dashboards here and there but the one I’ve settled on is <a href="http://www.hootsuite.com/" target="_blank">HootSuite</a>, mainly because it works well overall and is free. I also recommend <a href="https://seesmic.com/seesmic-social/desktop/" target="_blank">Seesmic</a> or <a href="http://www.tweetdeck.com/" target="_blank">TweetDeck</a>, both of which are pretty solid and well vetted. If you know of any others which are worth mentioning, please share in the comments section below.
<h3><strong>Practice makes perfect</strong></h3>

<hr style="margin-left: 20px;" align="left" width="60%" />

The first time you employ the 10-20 minute engagement strategy, you may be left feeling like you haven’t done enough. This technique isn’t common and is pretty much the opposite of the way we are used to doing things. Just stick to it and you’ll start seeing the benefit within the first day. The more you work at it the better the engagement will become.
<h3><strong>Social media apps and integration tools</strong></h3>

<hr style="margin-left: 20px;" align="left" width="60%" />

In the past, social media apps and integration tools which cause mobile alerts and desktop notifications have led me to dramatic decreases in productivity. This might not be a huge distraction to everyone but, if you’re like me, when you see a growl notification, a red number on top of a dock icon, or hear your phone vibrate on your desk, you can’t help but check it.

If this sounds like you, the main advice I can give you is to examine your social media apps and tools and ask yourself if you really need them on during the day. Are they really worth the distraction and loss in productivity? If the answer is no, uninstall and stick with the 10-20 minute strategy we discussed earlier. Trust me, you’ll thank yourself at the end of the day when work has actually been done :)
<h3><strong>Social web browsers</strong></h3>

<hr style="margin-left: 20px;" align="left" width="60%" />

<img class="alignnone size-full wp-image-64471" title="Social Web Browser - RockMelt" src="http://www.designerbooster.com/wp-content/uploads/2012/02/b79ae__social-web-browser.png" alt="" width="650" height="285" />

A social media web browser can be a great way to stay connected to your various networks during the day. Be careful though, as they can quickly become a hefty distraction. I don’t personally recommend using a social media browser while you are working but, during down time, they can be really useful and a great way to keep up with your networks.

An obvious contender here is <a href="http://www.rockmelt.com/" target="_blank">RockMelt</a>. I have a couple pals who use it and rave about it. RockMelt renders like Chrome, but as I mentioned above, I don’t recommend using it for development.

I haven’t come across many other decent social web browsers (aside from the now deadpooled <a href="http://en.wikipedia.org/wiki/Flock_(web_browser)" target="_blank">Flock</a>). Do you know of any other contenders? Let me know in the comments section below!
<h3><strong>Going Dark</strong></h3>

<hr style="margin-left: 20px;" align="left" width="60%" />

The best thing you can do to minimize social media distractions is to go dark. The goal here is to cut yourself off from the networks which are distracting you and taking attention away from your work. Pretty much anything which produces alerts, notifications or messages is a potential distraction.

This concept was tough to wrap my head around at first. Once I gave it a try, though, I saw immediate results. My time in the “zone” increased and I felt more accomplished at the end of the day. This might seem scary at first, but try it for an hour, then two hours, then three and you will see a notable increase in productivity.

If you want to get extreme, I recommend shutting off your phone and logging out of your email as well. It might not be wise to ride a blackout like this for too long, but a little time in the dark side will help you appreciate the light side even more!
<h3><strong>Conclusion</strong></h3>

<hr style="margin-left: 20px;" align="left" width="60%" />

Engaging in social media is one of the best things you can do for your digital self. Creating relationships and engaging others is extremely important. It only becomes a problem when social media engagement interferes with your other projects and tasks. Hopefully I have helped you come to realize that the solution comes down to scheduling, proper time management, and of course the occasional blackout :)

Do you have any other tips for keeping up with social media without losing productivity? Let me know in the comments section below. Thanks for reading!

<img src="http://www.designerbooster.com/wp-content/uploads/2012/02/b79ae__IIAQtkPRQCI.jpg" alt="" width="1" height="1" />
<a href="http://feedproxy.google.com/~r/1stwebdesigner/~3/IIAQtkPRQCI/" rel="nofollow" target="_blank">1stwebdesigner - Graphic and Web Design Blog</a>]]></content:encoded>
			<wfw:commentRss>http://www.designerbooster.com/featured/twitter-facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
