<?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>Tarek Shalaby &#187; website</title>
	<atom:link href="http://www.tarekshalaby.com/tag/website/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tarekshalaby.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Fri, 20 Jan 2012 18:01:11 +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>Visualizing the Egyptian revolution</title>
		<link>http://www.tarekshalaby.com/2011/02/visualising-the-egyptian-revolution/</link>
		<comments>http://www.tarekshalaby.com/2011/02/visualising-the-egyptian-revolution/#comments</comments>
		<pubDate>Fri, 18 Feb 2011 09:42:12 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Egypt]]></category>
		<category><![CDATA[Revolution]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=1045</guid>
		<description><![CDATA[After an overwhelmingly eventful three weeks in which we Egyptians oust the brutally corrupt regime of Hosni Mubarak, we are left with a plethora of documentation to help us reflect upon the historical achievement. The beauty of collaborative work on such a magnitude of a scale comes from the simple fact that each person can [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2011/02/visualising-the-egyptian-revolution/" data-counturl="http://www.tarekshalaby.com/2011/02/visualising-the-egyptian-revolution/" data-text="Visualizing the Egyptian revolution" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2011%2F02%2Fvisualising-the-egyptian-revolution%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>After an overwhelmingly eventful three weeks in which we Egyptians oust the brutally corrupt regime of Hosni Mubarak, we are left with a plethora of documentation to help us reflect upon the historical achievement. The beauty of collaborative work on such a magnitude of a scale comes from the simple fact that each person can aide the movement in his or her own way.</p>
<p>Personal involvement aside, at <a href="http://enterplanet360.com">planet360</a> we were just as excited as anyone about this, and thought we could perhaps make a small contribution that can be of use to the newly resurrected Egyptian people. We&#8217;ve put together a simple website that crawls all of the tweets from twitter that are hashtagged #jan25, follows the links, and then brings back all of the photos, articles and videos that were shared. The more views on the photos and videos, the bigger the thumbnail, as for articles, the more read it is, the darker/more prominent it appears.</p>
<div id="attachment_1046" class="wp-caption aligncenter" style="width: 491px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2011/02/jan25.png"><img class="size-full wp-image-1046 " title="jan25" src="http://www.tarekshalaby.com/wp-content/uploads/2011/02/jan25.png" alt="Jan25" width="481" height="208" /></a><p class="wp-caption-text">A multimedia aggregator for #jan25 on twitter</p></div>
<p>This way you can visit the website regularly, and there will always be new content from the revolution, and it&#8217;ll be easier to reach the popular items that everyone&#8217;s been sharing on twitter.</p>
<p>Go to <a href="http://jan25.enterplanet360.com">http://jan25.enterplanet360.com</a>, and if you like it, spread the word! Hasta la victoria, siempre!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2011/02/visualising-the-egyptian-revolution/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to create a basic awareness campaign with Social Media; a live case study</title>
		<link>http://www.tarekshalaby.com/2010/11/create-a-basic-awareness-campaign-with-social-media/</link>
		<comments>http://www.tarekshalaby.com/2010/11/create-a-basic-awareness-campaign-with-social-media/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 23:33:28 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=989</guid>
		<description><![CDATA[When you want to carry out a campaign to raise awareness about an issue, and/or encourage action, Social Media should be one of your main tools. In this post, I want to share with you how a group of colleagues and I are putting together (yes, as we speak) the campaign to raise awareness about [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2010/11/create-a-basic-awareness-campaign-with-social-media/" data-counturl="http://www.tarekshalaby.com/2010/11/create-a-basic-awareness-campaign-with-social-media/" data-text="How to create a basic awareness campaign with Social Media; a live case study" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2010%2F11%2Fcreate-a-basic-awareness-campaign-with-social-media%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<div id="attachment_992" class="wp-caption alignleft" style="width: 310px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2010/11/stop_ms.png"><img class="size-medium wp-image-992 " title="stop_m&amp;s" src="http://www.tarekshalaby.com/wp-content/uploads/2010/11/stop_ms-300x266.png" alt="Stop Marks &amp; Spencer" width="300" height="266" /></a><p class="wp-caption-text">Design by Taha Belal</p></div>
<p>When you want to carry out a campaign to raise awareness about an issue, and/or encourage action, Social Media should be one of your main tools. In this post, I want to share with you how a group of colleagues and I are putting together (yes, as we speak) the campaign to raise awareness about Marks &amp; Spencer&#8217;s support to Israel and Zionism, in an attempt to disrupt its plans to open new branches in Egypt later this year. With limited time and resources, we wanted to do the basics, and build on it from there. Many find themselves in similar situations, and therefore, I wanted to share you with the case study live, as it is happening.</p>
<p>This post assumes that you have done your research and have your facts ready. Ideally, you would have some sort of strategy, but let&#8217;s assume that there&#8217;s nothing set in stone, and we want to get as much out there as possible.</p>
<p>With each step, I&#8217;m referencing our ongoing campaign against Marks &amp; Spencer.</p>
<ol>
<li><strong>Domain and web page</strong><br />
It&#8217;s absolutely necessary to have a web page (if not a full fledged website) with its own domain. You could sign up for a subdomain with WordPress or a similar service, but having your own domain would be significantly more effective. In this case, we bought http://marksandspenceregypt.org (as well as the .com that forwards to the .org). The advantage here is that, with time and a bit of work, the page could very much come up in search results for M&amp;S in Egypt. Moreover, it&#8217;s a domain that M&amp;S themselves would want, which makes it even sweater!</li>
<li><strong>Designing and developing</strong><br />
No branding is necessary, but you should have some sort of logo to make the campaign recognizable. It is best to ask a friend who can draw in Illustrator or Inkscape to come up with something simple in 30 minutes &#8211; anymore, and you&#8217;re risking time loss. Remember that it is important to keep the momentum.<br />
If you have the time and the dedication, make it a blog (using WordPress, of course. You can see my tutorial on <a href="http://www.tarekshalaby.com/2009/10/how-to-create-your-own-blog-a-guide-to-installing-and-configuring-wordpress/">setting up your own website/blog with WordPress</a>). However, if you don&#8217;t think you&#8217;d be able to keep up (and in most cases you won&#8217;t be able to), then a static website/single web page is gold. Make it straight and to the point &#8211; no one wants to read much (and you can always add links to the sources for those who doubt you). With the M&amp;S campaign, we&#8217;ve listed 15 facts with a link at the end of each one. We might put together a simple video illustrating the points, which would obviously be even more effective.</li>
<li><strong>Ability to share page</strong><br />
If sharing is three clicks away, then it&#8217;s a waste of space. Visitors must be able to spread the title of the campaign, as well as the URL, with a click of a button. With M&amp;S, we&#8217;ve added the tweet button, and the Facebook share, positioned at the left of the browser constantly. At any point, users can send out a tweet (mentioning the twitter account &#8211; discussed below), or make a wall post on their Facebook profiles. You might feel tempted to provide links to all of the social networks out there, but who are we kidding? All you need are the two big boys, don&#8217;t waste time/space on the rest (remember that simplicity is key).<br />
It would be a smart move to make the first image that appears in the HTML of the web page be the logo/header of the campaign. That way, when people share to their Facebook walls, the thumbnail automatically selected by Facebook is an appropriate one.</li>
<li><strong>Links to Social Network profiles</strong><br />
After creating a twitter account and Facebook cause (see below), you ought to place corresponding icons to your profiles on each. That way, one someone visits the website, they immediately know that they can follow you on twitter and/or your cause via Facebook. You&#8217;ll notice that we&#8217;ve placed the twitter and Facebook icons at the top right, next to the header.</li>
<li><strong>Create a twitter account</strong><br />
While you could use an already active twitter account, it is best to create a new one solely for the campaign. That way it is specialized and gives you the privilege of  asking for support without providing valuable content in return (as would be the case with any normal twitter account). Moreover, it encourages people to follow your account so that they can take part in the initiative, as oppose to supporting someone who happens to be doing it.<br />
Make the logo the avatar, write a concise bio and link to the website. Give yourself the freedom to blatantly ask people for support, after all, you&#8217;re part of a cause, not trying to fool them into buying your product. Also change the colors and background so that it doesn&#8217;t look generic (takes a minute). Our twitter page @<a href="http://twitter.com/MarksSpencerEG">MarksSpencerEG</a> has followed those guidelines closely.<br />
Generally speaking, start following those who you know personally, as well as the ones who would seem to be interested in the cause. Also, follow everyone back, it&#8217;s a neat little thank you for choosing to follow you. When your number are close to each other, this means that a) you&#8217;re likely to reach more followers, and b) it implies that you tend to follow people back, which will act as a motivation for people to follow you.</li>
<li><strong>Create a Facebook Cause</strong><br />
From your Facebook account, search for &#8216;Causes&#8217; (an application), and create a new cause. Fill out all of the information and add the logo you already have. After that, invite the friends you know are most likely to join (adding a personal message to ensure it), and allow it to publish to your profile. This should create enough buzz to get you 20 or so members to start off with. After that, invite 75 every day (the daily limit) until you&#8217;ve gone through all of your friends. Check out our <a href="http://www.causes.com/causes/548912-stop-marks-spencer-in-egypt">Facebook Cause</a>.</li>
<li><strong>Tweet, post and spread the word</strong><br />
Tweet 4-6 times a day. Any less and you&#8217;re not taking advantage of the  direct connection you&#8217;re established with the people, and any more and  you might repel people who&#8217;d feel their timelines have been cluttered.<br />
Share the website on your profile every 2-3 days, and you could consider making your status link to the website, and changing your profile pic to the logo of the campaign.<br />
More importantly, use traditional means (emails, phone calls, SMS, etc.) to reach out those you know and ask them to tweet the page, follow on twitter, share on Facebook, join the cause, and spread the word.</li>
</ol>
<p>The more time and effort you invest, the better. But generally speaking, the points above are relatively easy to implement and can get you up and running in little time.</p>
<p>Now don&#8217;t forget to visit <a href="http://marksandspenceregypt.org">MarksAndSpencerEgypt.org</a>, follow on twitter @<a href="http://twitter.com/MarksSpencerEG">MarksSpencerEG</a>, and <a href="http://www.causes.com/causes/548912-stop-marks-spencer-in-egypt">join the Cause</a> on Facebook!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2010/11/create-a-basic-awareness-campaign-with-social-media/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>What makes a good website?</title>
		<link>http://www.tarekshalaby.com/2010/10/what-makes-a-good-website/</link>
		<comments>http://www.tarekshalaby.com/2010/10/what-makes-a-good-website/#comments</comments>
		<pubDate>Sun, 17 Oct 2010 01:51:59 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[introduction]]></category>
		<category><![CDATA[the Web]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=980</guid>
		<description><![CDATA[The other day my friend Hatem Seoudi called me up to ask &#8216;what makes a good website? How can I tell if I&#8217;m looking at a kick-ass website, or a not-so-hot one?&#8217; Good question. Needless to say, the answer is highly subjective, and depends on numerous aspects. But like everything else, there are a set [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2010/10/what-makes-a-good-website/" data-counturl="http://www.tarekshalaby.com/2010/10/what-makes-a-good-website/" data-text="What makes a good website?" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2010%2F10%2Fwhat-makes-a-good-website%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>The other day my friend <a href="http://twitter.com/hatemation">Hatem Seoudi</a> called me up to ask &#8216;what makes a good website? How can I tell if I&#8217;m looking at a kick-ass website, or a not-so-hot one?&#8217;</p>
<p>Good question. Needless to say, the answer is highly subjective, and depends on numerous aspects. But like everything else, there are a set of rules and guidelines that make sure you&#8217;re on the right track. After that, whether or not a website is &#8216;good&#8217; enough is up in air. The following are the indicators to judge the overall quality of any website.</p>
<ol>
<li><strong>Addresses target audience</strong><br />
If you&#8217;re not the target audience, then your judgment is to a large extent irrelevant. At the end of the day, a website offers information of value to a certain group of people. The broader the target, the more difficult the task at hand. For example, a website like <a href="http://www.deviantart.com/">deviantart.com</a> is targeting a certain niche. It&#8217;s a community of digital artists from various backgrounds, but with a common ground. On the other hand, Google, or any search engine for that matter, is for anyone accessing the web. Therefore, the later is more likely to be extremely simple, and avoid making any associations or unorthodox approaches to ensure it appeals to the masses. The question of audience is carried on and applies throughout all of the coming points.</li>
<li><strong>Ease of use, informative</strong><br />
A website could boast unique, valuable information. But if the content is difficult to reach, or if it&#8217;s not clear where you should go or what it is you need to do, then it&#8217;s absolutely useless. That&#8217;s where usability comes in. Before working on the design concept, the creators of any website need to go through the process of dividing up the content into the different sections, and coming up with a suitable layout. A website like <a href="http://www.egypt.hsbc.com/">HSBC Egypt</a> requires a dual degree in ancient Japanese and advanced algebra.  <a href="http://www.standardchartered.com">Standard Chartered</a>&#8216;s, although far from perfect, is light years ahead.</li>
<li><strong>Aesthetically pleasing</strong><br />
This is obviously the aspect most prone to subjectivity. However, very few have invested endless hours and creativity and ended up with an ugly digital representation. If the website&#8217;s targeting  a young, tech-savvy crowd, then the more interactive and loud (in terms of colors), the better. The <a href="http://www.webdesignerwall.com/">Web Designer Wall</a> is one of many that hit the spot for the ones who seek. The <a href="http://www.npr.org/">NPR</a>&#8216;s website, although &#8216;minimal&#8217; in comparison, is phenomenal in terms of design and layout. For an example of what a website should not look like, look no further than <a href="http://www.masrawy.com/">Masrawy</a> (or any of <a href="http://www.link.net/">LINKdotNET</a>&#8216;s websites).</li>
<li><strong>Performance</strong><br />
If the best website in the world takes more than 30 seconds for all of it to show up, then it useless. Quality websites require top-notch planning and coding, which means that there is less code to render, and therefore everything&#8217;s lighter and faster. <a href="http://saizenmedia.com/fubon/">Fubon</a>&#8216;s Flash website is impressive, but it takes less time to find a parking spot in Cairo. You&#8217;ll notice that community-driven social networks like <a href="http://flickr.com">Flickr</a> offer pleasant performance, despite boasting large multimedia files. There are many ways in which you can reduce file sizes and load time, without sacrificing design or functionality.</li>
<li><strong>Frequently updating</strong><br />
&#8216;No news is good news&#8217; is old news. With the web, information becomes outdated in a matter of minutes, and people&#8217;s patience have all but gone extinct. In fact, the only reason visitors will return to a website (hence making it a &#8216;good&#8217; one), is if there is valuable content offered. This requires fresh material being posted as frequently as possible, even if it&#8217;s not a news-based site. This ties in strongly with social media, and having something like a blog be a vital part of your website.</li>
<li><strong>Easy to share</strong><br />
A good website makes it easy on the visitors to share its content and help it go viral. This includes sticking to SEO standards (available with any popular Content Management System), providing clean, direct links for all of its content, and making it a click away from posting to Facebook or tweeting it to your followers. A good website will require minimal effort from you to invite others to share your experience. Until recently, there wasn&#8217;t an easy way to share articles from <a href="http://news.bbc.co.uk">BBC News</a> on social networks (and now it still doesn&#8217;t shorten the URL when posting to twitter). Their Spanish counterpart, <a href="http://www.elpais.com/">El Pais</a>, are one of many daily news sources that have mastered the art of facilitating content sharing.</li>
</ol>
<p>Regardless of the purpose or audience of the website, if it addresses those points, then it&#8217;s definitely on the positive side of the spectrum. How valuable and/or successful it is, though, is for us, the people, to decide. No &#8216;industry standard&#8217; can tell us how we should react, and that&#8217;s part of the charm of our beautiful web.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2010/10/what-makes-a-good-website/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>No More, thanks to KnowMore.org</title>
		<link>http://www.tarekshalaby.com/2010/02/no-more-thanks-to-knowmore-org/</link>
		<comments>http://www.tarekshalaby.com/2010/02/no-more-thanks-to-knowmore-org/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 13:27:18 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ethics]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[the Web]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=910</guid>
		<description><![CDATA[When non-profit organizations and foundations made the realization that, despite their limited budget and resources, they could reach their target audience effectively (all thanks to the web), their objectives suddenly became much more attainable. Carrying out the tasks of a given development program might be costly, but at least spreading awareness of the issue, and [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2010/02/no-more-thanks-to-knowmore-org/" data-counturl="http://www.tarekshalaby.com/2010/02/no-more-thanks-to-knowmore-org/" data-text="No More, thanks to KnowMore.org" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2010%2F02%2Fno-more-thanks-to-knowmore-org%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>When non-profit organizations and foundations made the realization that, despite their limited budget and resources, they could reach their target audience effectively (all thanks to the web), their objectives suddenly became much more attainable. Carrying out the tasks of a given development program might be costly, but at least spreading awareness of the issue, and reaching out to volunteers and doners, has become significantly easier.</p>
<p><a href="http://knowmore.org">KnowMore.org</a> is a community-driven wiki that aims at aggregating corporations and entities to a publicly-accessible database to raise awareness about human-rights violations. It does so by researching and finding the companies and multi-nationals that are responsible for &#8220;attacks on democracy, worker&#8217;s and human rights, fair trade, business ethics and the environment.&#8221; It&#8217;s a brilliant initiative that brings valuable information in a centralized location for everyone to benefit from.</p>
<p>Not only is KnowMore.org impressive because of the initiative and online presence, but also  because of the way in which they&#8217;ve exploited the web (no pun intended). First of all, the look and feel of the website puts it way ahead of the rest (including many corporate websites). Secondly, the fact that it&#8217;s very easy to use (spin off from the widespread <a href="http://wikipedia.org">Wikipedia</a>) inevitably encourages anyone with interest in the field to take part and add to the extensive database.</p>
<p>That&#8217;s not all. They&#8217;ve actually taken it to the next level by offering a Firefox add-on called <a href="https://addons.mozilla.org/en-US/firefox/addon/7342">KnowMore Extension</a>. What this does is bring up a notification underneath the toolbar of Firefox whenever you are visiting a website of a company that has violated human rights one way or the other. And in order to avoid being what opposition would rush to claim generic, or over-generalizing, they actually indicate the exact rights that have been violated, as well as providing the link to learn more about the illegal activities of that particular company.</p>
<div id="attachment_911" class="wp-caption aligncenter" style="width: 512px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2010/02/Picture-1.png"><img class="size-full wp-image-911  " title="KnowMore.org notification bar" src="http://www.tarekshalaby.com/wp-content/uploads/2010/02/Picture-1.png" alt="KnowMore.org notification bar" width="502" height="409" /></a><p class="wp-caption-text">KnowMore.org notification bar</p></div>
<p>It&#8217;s like having the community do all of the work for you while you&#8217;re browsing.</p>
<p>There are many organizations and non profit entities out there that are striving to make this world a better place. KnowMore.org is like many of them in principle, but far more effective in practice. That is because they have managed to reduce their costs by making the entire platform online, engaged with visitors via the attractive interface and the easy, familiar wiki system, and reached out to many more via the effective Firefox plugin.</p>
<p>If you are part of an NGO or a social development initiative, then the standards set by KnowMore.org should be your immediate goal. That is partly why our beautiful web is power to the people.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2010/02/no-more-thanks-to-knowmore-org/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>El Koshary Today: Satirical News Website Built with Drupal</title>
		<link>http://www.tarekshalaby.com/2009/10/el-koshary-today-satirical-news-website-built-with-drupal/</link>
		<comments>http://www.tarekshalaby.com/2009/10/el-koshary-today-satirical-news-website-built-with-drupal/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 12:53:24 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[humour]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=837</guid>
		<description><![CDATA[After months of hard work and creative time-wasting techniques, Egypt&#8217;s first online satirical news source is finally here. El Koshary Today is a website built with Drupal CMS that brings the latest fictitious stories from Egypt and around the globe. It is built to be light-weight, simple yet sleek. The most important aspect of the [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2009/10/el-koshary-today-satirical-news-website-built-with-drupal/" data-counturl="http://www.tarekshalaby.com/2009/10/el-koshary-today-satirical-news-website-built-with-drupal/" data-text="El Koshary Today: Satirical News Website Built with Drupal" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2009%2F10%2Fel-koshary-today-satirical-news-website-built-with-drupal%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>After months of hard work and creative time-wasting techniques, Egypt&#8217;s first online satirical news source is finally here. <a href="http://elkoshary.com">El Koshary Today</a> is a website built with <a href="http://drupal.org">Drupal</a> CMS that brings the latest fictitious stories from Egypt and around the globe.</p>
<div id="attachment_838" class="wp-caption aligncenter" style="width: 443px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2009/10/EKTlogo.png"><img class="size-full wp-image-838 " title="El Koshary Today logo" src="http://www.tarekshalaby.com/wp-content/uploads/2009/10/EKTlogo.png" alt="El Koshary Today logo" width="433" height="72" /></a><p class="wp-caption-text">El Koshary Today logo</p></div>
<p>It is built to be light-weight, simple yet sleek. The most important aspect of the website is the content itself, therefore, any unneeded elements would inevitably backfire as the audience are searching for a pleasant experience as they browse the dynamic content from the different subject areas.</p>
<div id="attachment_839" class="wp-caption alignleft" style="width: 310px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2009/10/2191003998_96d0eb1dca_b.jpg"><img class="size-medium wp-image-839" title="Photo by Hossam el-Hamalawy" src="http://www.tarekshalaby.com/wp-content/uploads/2009/10/2191003998_96d0eb1dca_b-300x200.jpg" alt="Photo by Hossam el-Hamalawy" width="300" height="200" /></a><p class="wp-caption-text">Photo by Hossam el-Hamalawy</p></div>
<p>Inspired by Koshary, the main traditional dish that gains its popularity from it&#8217;s economical value, yet strong and engaging taste, the writers aim at springing off what is typically Egyptian and reaching out to the world. It is an approach to analyze and constructively criticize the difference aspects of the culture that gave birth to the revolutionary Koshary. You can read more at the <a href="http://www.elkoshary.com/koshary-philosophy">Koshary Philosophy</a> page.</p>
<p>EKT is built on the <a href="http://www.tarekshalaby.com/2009/06/960-grid-system/">960 Grid System</a> framework that significantly facilitates the creation of a base/skeleton for your website. Using the traditional 12-column grid, the homepage is divided into three columns to display a lot of content, without sacrificing the simplicity of the layout and the usability aspect. The inner pages however, are two columns only (widening the right sidebar after removing the left one) to give more prominence to the main column with the article text, and to use the right sidebar to bring the the most read or any other promoted material.</p>
<p>Drupal was the ideal content management system for this particular project. On the one hand, using powerful modules such as <a href="http://drupal.org/project/views">Views</a> (with the revolutionary <a href="http://drupal.org/project/semanticviews">Semantic Views</a>) gives you complete control of where and how the content appears. One problem might be the lack of control as far as the unnecessary markup that is inevitably added to the code. Semantic Views significantly reduces the excessive code that gets in the way, and makes a substantial improvement to the arguably inefficient approach to templating in Drupal.</p>
<div id="attachment_843" class="wp-caption alignleft" style="width: 160px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2009/10/druplicon.large.png"><img class="size-thumbnail wp-image-843" title="Drupal: Amazing CMS" src="http://www.tarekshalaby.com/wp-content/uploads/2009/10/druplicon.large-150x150.png" alt="Drupal: Amazing CMS" width="150" height="150" /></a><p class="wp-caption-text">Drupal: Amazing CMS</p></div>
<p>Aside from the markup issue, and the naturally aggressive image caching that could be frustrating at times, getting Drupal to do exactly as required was a breeze. One of the most impressive features is the ability to specifically customize with the different users with different roles can see and do. As a result, the editors and contributors never come across any options they will not be using, and adding/maintaining the content is a fast and easy process, with no technical knowledge required. The ability to make revisions and leave comments associated with each revision, with the option of reverting to older version, is yet another fascinating functionality as part of the open source CMS.</p>
<div id="attachment_844" class="wp-caption aligncenter" style="width: 480px"><a href="http://elkoshary.com/"><img class="size-full wp-image-844  " title="El Koshary Today's interface" src="http://www.tarekshalaby.com/wp-content/uploads/2009/10/EKT.png" alt="El Koshary Today's interface" width="470" height="329" /></a><p class="wp-caption-text">El Koshary Today&#39;s interface</p></div>
<p>The result is a humorous website with fresh content displayed via an elegant interface using an efficient back-end built on an organized, cross-browser compatible framework. El Koshary Today is Egypt&#8217;s first satirical online news source, and it yet another example of the endless possibilities for the members of the web, thanks by large to the open-source technologies, and of course, the beautiful internet.</p>
<p><strong>You can visit <a href="http://elkoshary.com">http://elkoshary.com</a>, become a fan via the <a href="http://www.facebook.com/pages/El-Koshary-Today/182291784922">Facebook page</a>, or follow on Twitter <a href="http://twitter.com/elkoshary">@elkoshary</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2009/10/el-koshary-today-satirical-news-website-built-with-drupal/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>LogMeIn: Remotely Control Your PCs</title>
		<link>http://www.tarekshalaby.com/2009/10/logmein-remotely-control-your-pcs/</link>
		<comments>http://www.tarekshalaby.com/2009/10/logmein-remotely-control-your-pcs/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 15:31:24 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=805</guid>
		<description><![CDATA[When working with different computers, it&#8217;s hard to guarantee you have everything you need with you at all times. You could follow this guide on centralizing all of your documents so that you can access them remotely at any time. However, in many cases, you are still left stranded attempting to get a hold of [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2009/10/logmein-remotely-control-your-pcs/" data-counturl="http://www.tarekshalaby.com/2009/10/logmein-remotely-control-your-pcs/" data-text="LogMeIn: Remotely Control Your PCs" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2009%2F10%2Flogmein-remotely-control-your-pcs%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>When working with different computers, it&#8217;s hard to guarantee you have everything you need with you at all times. You could follow this <a href="http://www.tarekshalaby.com/2009/10/centralize-your-files-on-a-remote-server/">guide on centralizing all of your documents</a> so that you can access them remotely at any time. However, in many cases, you are still left stranded attempting to get a hold of files on your home computer. The benefits of reaching your computer when far away are numerous, therefore, it is important to setup that channel, even if you don&#8217;t see the need for that at this point in time &#8211; you&#8217;ll be thankful in the future.</p>
<div id="attachment_807" class="wp-caption alignleft" style="width: 276px"><img class="size-full wp-image-807 " title="LogMeIn is the easiest solution" src="http://www.tarekshalaby.com/wp-content/uploads/2009/10/logmein_logo.png" alt="LogMeIn is the easiest solution" width="266" height="70" /><p class="wp-caption-text">LogMeIn is the easiest solution</p></div>
<p>Accessing your computer remotely is not as complicated as many would think. There are programs, both free and commercial, that could that for you, each with their pros and cons. <a href="http://www.logmein.com/">LogMeIn</a> is a little different. It&#8217;s a website that allows you to create a free account and add computer associated with your account. They could be running Windows, Mac or Linux, which makes it an ideal solution for those juggling OSs across different computers.</p>
<div id="attachment_810" class="wp-caption alignright" style="width: 310px"><img class="size-full wp-image-810" title="LogMeIn tool on Mac" src="http://www.tarekshalaby.com/wp-content/uploads/2009/10/logmeintool.png" alt="LogMeIn tool on Mac" width="300" height="214" /><p class="wp-caption-text">LogMeIn tool on Mac</p></div>
<p>The process is straight forward: sign up for an account, add the computer you are using, download and install a plugin, and repeat the process with every computer that you will be adding to the list. On Mac, for example, the LogMeIn tool automatically runs on startup, meaning you only need to make sure that your Mac is turned on, so that it is reachable.</p>
<div id="attachment_808" class="wp-caption alignleft" style="width: 160px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2009/10/logmeinMyComputers.png"><img class="size-thumbnail wp-image-808 " title="Computers' list" src="http://www.tarekshalaby.com/wp-content/uploads/2009/10/logmeinMyComputers-150x150.png" alt="Computers' list" width="150" height="150" /></a><p class="wp-caption-text">Computers&#39; list</p></div>
<p>To access one of your computer, go to the website, login, and you will find a list of the computers associated with your account, with links to &#8220;remote control&#8221; those that are switched on. Clicking on that link opens a screen that streams the desktop you are controlling. The performance and accuracy will always depend on both, your current internet connection, and that of the computer you are controlling. Many ADSL subscribers will regret the low uploading capacity in their connections, but there&#8217;s always the option to reduce the number of colors transported, significantly enhancing performance.</p>
<p>The best part of it all is that it&#8217;s free. If you are to regularly rely on LogMeIn, you might find that the free version is a bit limiting, for that the makers offer you a wealth of options. The most common of which is LogMeIn Pro, that allows you stream music from the remote computer, drag and drop files between the two, and more. For now, the free version will do just fine.</p>
<div id="attachment_809" class="wp-caption aligncenter" style="width: 514px"><img class="size-full wp-image-809 " title="There's always LogMeIn Pro" src="http://www.tarekshalaby.com/wp-content/uploads/2009/10/logmeinPro.jpg" alt="There's always LogMeIn Pro" width="504" height="216" /><p class="wp-caption-text">There&#39;s always LogMeIn Pro</p></div>
<p>Even if you don&#8217;t deem it necessary to make your computers reachable and connected at all times, you never know what&#8217;s coming. You might find yourself across the Atlantic craving for files on your home computer, in which case, all you need is LogMeIn, and of course, the beautiful internet.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2009/10/logmein-remotely-control-your-pcs/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Understanding the Twitter Cycle</title>
		<link>http://www.tarekshalaby.com/2009/10/understanding-the-twitter-cycle/</link>
		<comments>http://www.tarekshalaby.com/2009/10/understanding-the-twitter-cycle/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 15:19:09 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=776</guid>
		<description><![CDATA[The divide between those in the twitter planet and the outside world is constantly growing. Some twitterers could go as far as arguing that unless you&#8217;ve been active for extended periods of time, you are almost clueless as to the capabilities of the Web 2.0 revolution, and the power that it gives you. After the [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2009/10/understanding-the-twitter-cycle/" data-counturl="http://www.tarekshalaby.com/2009/10/understanding-the-twitter-cycle/" data-text="Understanding the Twitter Cycle" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2009%2F10%2Funderstanding-the-twitter-cycle%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>The divide between those in the twitter planet and the outside world is constantly growing. Some twitterers could go as far as arguing that unless you&#8217;ve been active for extended periods of time, you are almost clueless as to the capabilities of the Web 2.0 revolution, and the power that it gives you. After the traditional <a href="http://www.tarekshalaby.com/2009/07/so-what-exactly-is-twitter-about/">Twitter introduction</a> to those who remain oblivious, we reach the more advanced topic to the simple web application: How to take full advantage of Twitter.</p>
<div id="attachment_777" class="wp-caption alignleft" style="width: 266px"><img class="size-full wp-image-777" title="Twitter is extremely powerful" src="http://www.tarekshalaby.com/wp-content/uploads/2009/10/twitter.png" alt="Twitter is extremely powerful" width="256" height="256" /><p class="wp-caption-text">Twitter is extremely powerful</p></div>
<p>There exists a minority who use Twitter to send constant updates to family and friends, but let&#8217;s not kid ourselves, their numbers don&#8217;t exactly compare to those of big armies. The majority of the Twitterers are trying to achieve the highest number of followers, and thus be able to send out links that could drive traffic to certain destinations. Whether you are a designer, journalist, merchant or even a celebrity, Twitter opens unprecedented channels of communication, and facilitates interaction with an ironic 140-character limit per tweet. As the internet has taught us over the years, you can never expect people to give you their attention if you are not offering them anything worthwhile. And that applies quite accurately to Twitter.</p>
<p>Many believe that they can open a Twitter account, within a few days have hundreds of followers, then make a tweet linking to their blog, and they&#8217;re set for life. Unfortunately, the reality is far from that. Before anyone can trust you, you have to prove yourself to them. This basically means having quality, noticeable tweets on a regular basis. With time people will label you as a credible source, and therefore might opt to follow your links. The beauty of this phenomenon lies in the fact that you have to constantly give to the community, before anyone&#8217;s ready to return the favor. That in turn prevents selfish contributors from gaining more than what they deserve, and rightly rewards those exerting efforts to helping the community &#8211; perfect.</p>
<h2>Steps to becoming a successful twitterer</h2>
<ol>
<li><strong>Initial phase</strong>: Sign up for the account, and plan out who are the type of people you are going to be following, and more importantly, who you&#8217;d want to follow you. For example, as an IT professional, you&#8217;d want to build relations with big IT geeks from around the globe, and hopefully find means for collaboration or connections. As a musician, you&#8217;d want to connect to other musicians, but you also want regular users to visit your MySpace page frequently, join your Facebook fan page, and eventually buy your music and tell everyone about it.</li>
<li><strong>Chose who to follow</strong>: After you&#8217;ve come up with a plan, follow those whose tweets will interest you (regardless of the field &#8211; doesn&#8217;t matter at this point), as well as those you hope would follow you back. It is important to only follow a small number, because many people would neglect to follow an unproven twitterer, and therefore it is better to build a strong Twitter portfolio so that when you follow someone, they give you the chance to shine by returning the favor. I recommend starting with about 50 users (friends and family included)</li>
<li><strong>Start tweeting</strong>: This is the tricky part. It is absolutely crucial that you constantly tweet, however, if you go overboard, you&#8217;ll lose followers. Therefore, you have to keep providing interesting content so that people take note of you. If your tweets are meaningless (which is relative, but you should be aware of what the crowd you&#8217;re after seeks), then it turns into a headache. If you&#8217;re making 20 to 30 tweets a day, all with interesting thoughts, comments, ReTweets and links, then you will have become a provider and not a burden. However, you should avoid sending out links that are for your own sake, otherwise it could be seen as undeserved publicity, and that could scare away some followers. You should pay close attention to the language that you use, and the subjects that you discuss. If you are strictly targeting marketing professionals, you should keep your political opinions to a minimum. If you are a journalist covering politics and socio-economic issues, few will want to hear about your breakfast and showers, and some might write you off as unprofessional if you&#8217;re using foul language and making immature tweets.</li>
<li><strong>Add followers</strong>: There are two schools of thought
<ol class="listi">
<li><strong>Mass followers</strong>: those are the people that follow up to 5,000 people so that the huge majority of them follow in return. It is an easy way to get people to follow you, but I&#8217;d personally deem it unclassy. You shouldn&#8217;t follow people whose tweets are of no interest to you. And when you gain thousands, the huge majority couldn&#8217;t care less about what you have to say, because you&#8217;re not a valuable follower. Therefore, it becomes a mutual acquaintance, and can never become intimate.</li>
<li><strong>Picky followers</strong>: those who carefully choose who they&#8217;re following, and usually keep the number to below 300. That helps build your Twitter portfolio as it becomes a bit of a complement to those who you&#8217;ve chosen to follow, and builds much more intimate communication levels with fellow twitterers. You are unlikely to reach high numbers in a short period of time, but those who follow you are much more loyal to your tweets, and thus you are far more likely to drive useful traffic to your website/blog/service, whatever its nature. In both bases, it&#8217;s generally good practice to follow a bunch, and then weeks later, use a service such as <a href="http://www.buzzom.com/">Buzzom</a> to see who are not following you, and mass unfollow them.</li>
</ol>
</li>
<li><strong>Incorporate PR</strong>: Only now would be a convenient time to attempt to attract visitors. By that point, you will have been active for a significant period of time (at least 3-6 months), you will have built connections with peers, and you will be regarded as a credible source. It is important to note that you will be able to grab people&#8217;s attention to the subject area your working for, but whether or not your actual content is successful is a completely different story that is beyond this guide.</li>
<li><strong>Maintain momentum</strong>: By this point, you&#8217;ll be an expert in utilizing Twitter, and you&#8217;ll see the light that very few have been lucky enough to experience. However, it is important to avoid becoming complacent. We are living in a demanding Web 2.0 environment, and that requires constant work and dedication. Just like the people have given you a credible voice, they have the power to take it away from you. Just like everything the internet has produced, Twitter is essentially power to the people.</li>
</ol>
<p>Therefore, converting Twitter to a successful PR tool requires six months of constant activity and depends on what you bring to the table. However, the beauty of the open-source community is in the fact that whatever you do, you can always contribute, and there will always be a crowd eager to learn from you, and ready to exchange knowledge with you. Twitter is but a plateau where the people take the stage, and act out the play. An example of a true product of the beautiful Internet.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2009/10/understanding-the-twitter-cycle/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>HotGloo: Online Wireframe Application</title>
		<link>http://www.tarekshalaby.com/2009/09/hotgloo-online-wireframe-application/</link>
		<comments>http://www.tarekshalaby.com/2009/09/hotgloo-online-wireframe-application/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 13:47:58 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=732</guid>
		<description><![CDATA[When starting on a relatively large web design project, it is vital that you are organized and efficient from day one. I had previously spoken about the 960 GS which is an ideal solution for building your website on a reliable framework, particularly because they provide you with templates for design applications (such as Photoshop [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2009/09/hotgloo-online-wireframe-application/" data-counturl="http://www.tarekshalaby.com/2009/09/hotgloo-online-wireframe-application/" data-text="HotGloo: Online Wireframe Application" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2009%2F09%2Fhotgloo-online-wireframe-application%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>When starting on a relatively large web design project, it is vital that you are organized and efficient from day one. I had previously <a href="http://www.tarekshalaby.com/2009/06/960-grid-system/">spoken about the 960 GS</a> which is an ideal solution for building your website on a reliable framework, particularly because they provide you with templates for design applications (such as Photoshop and Fireworks). The earlier you start planning/organizing/building on frameworks, the better. That&#8217;s why for large, extensive websites, a wireframe is crucial.</p>
<div id="attachment_735" class="wp-caption alignright" style="width: 257px"><img class="size-full wp-image-735" title="HotGloo Logo" src="http://www.tarekshalaby.com/wp-content/uploads/2009/09/hotgloologo.png" alt="HotGloo Logo" width="247" height="59" /><p class="wp-caption-text">HotGloo Logo</p></div>
<p><a href="http://www.hotgloo.com/">HotGloo</a> is a free online application that allows you to create multiple wireframes before designing any websites. It is entirely online and allows you to pick up where you&#8217;ve left off regardless of computer/location. Wireframes take pre-designing sketching to the next level, and are incredibly useful for various reasons:</p>
<ul>
<li><strong>Layout/Structure:</strong> It is impossible to design (properly) if certain aspects of the content are not accounted for. With wireframes, you can visualize the most logical way of laying out the content of a given website</li>
<li><strong>Client communication:</strong> You can talk all you want, but most clients won&#8217;t be on the same page. Wireframes clearly illustrate the basics of the website, consequently prompting any client rejections at an earlier stage, which avoids delays and saves on pain killers</li>
<li><strong>Save design time:</strong> in many cases, HTML elements play a significant role in the look and feel of a website design, sometimes even more so than graphical elements. When you layout your wireframe to see where everything goes, you&#8217;ll design more efficiently as you&#8217;ll be familiar from the start</li>
</ul>
<p>The trick is to be able to &#8220;sketch&#8221; your wireframe to its full potential via an application on the computer screen, and that&#8217;s what the Germans at HotGloo have attempted. Although still in beta (and is yet to incorporate basic funtionality such as a direct login function), HotGloo is very promising, as it already saves overwhelming amounts of time and energy &#8211; while looking very professional.</p>
<div id="attachment_736" class="wp-caption aligncenter" style="width: 493px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2009/09/HotGlooScreen.png"><img class="size-full wp-image-736" title="HotGloo work area" src="http://www.tarekshalaby.com/wp-content/uploads/2009/09/HotGlooScreen.png" alt="HotGloo work area" width="483" height="216" /></a><p class="wp-caption-text">HotGloo work area</p></div>
<p>The interface is very intuitive, so unless you&#8217;re on a smaller-then-average display, accessing the tools and laying out the different elements is a straight-forward process. They&#8217;ve also taken into consideration all of the different HTML components that you would need for any website, and if you can&#8217;t find it, you can always create your own (although you&#8217;d be fooling yourself if you thought it was something you&#8217;re willing to do on a regular basis).</p>
<p>A project can be a collection of pages, which means you can create the wireframe for an entire website. The pages are listed on the right sidebar so you can browse one after the other to view the flow of the site map. You can also get other users to collaborate with you on the project, which in turns makes HotGloo an ideal platform of communication between designers and developers, and avoids misunderstandings.</p>
<p>One of the strongest features is the simplicity of the alignment of the different objects on the stage. It is almost like a stripped-down version of the Smart Guides feature in Photoshop, giving what you need, without the extra lines. Moreover, you can use the buttons across the top to align several elements with a single click.</p>
<div id="attachment_734" class="wp-caption alignleft" style="width: 220px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2009/09/propertiesHotgloo.png"><img class="size-medium wp-image-734" title="HotGloo properties window" src="http://www.tarekshalaby.com/wp-content/uploads/2009/09/propertiesHotgloo-300x208.png" alt="HotGloo properties window" width="210" height="146" /></a><p class="wp-caption-text">HotGloo properties window</p></div>
<p>Any object, when clicked on, will prompt the properties window, which gives you full control over the appearance of the given item. In doing that, HotGloo has removed unused functionality from the sidebar that would&#8217;ve cluttered the work area and damaged the usability aspect. With the attributes made available, the end result could be considered a basic design draft, not just a wireframe.</p>
<p>Save your projects as part of your online account, and when you&#8217;re done with any page, export it to a .png ready to be reviewed by the client, or simply kept for your records.</p>
<p>If working on a small, simple project, investing time on a wireframe could be a waste of time. However, any medium to large website requires planning and organization from the very beginning, and that is exactly what HotGloo offers you. When the website is out of beta, and the comments in the built-in feedback system are applied, HotGloo will become an essential tool for any designer who wants to &#8220;do this right&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2009/09/hotgloo-online-wireframe-application/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tori&#8217;s Eye: Yet Another View of Twitter</title>
		<link>http://www.tarekshalaby.com/2009/09/toris-eye-yet-another-view-of-twitter/</link>
		<comments>http://www.tarekshalaby.com/2009/09/toris-eye-yet-another-view-of-twitter/#comments</comments>
		<pubDate>Mon, 07 Sep 2009 17:57:12 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=706</guid>
		<description><![CDATA[Yesterday I wrote about HootSuite 2.0 as yet another solution for managing and utilizing your Twitter account. Lesson 1 from any book on success with Web 2.0 says that when you set the stage, and let the open-source community and the user-base do the acting, you are inevitably bound for results that out-do your most [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2009/09/toris-eye-yet-another-view-of-twitter/" data-counturl="http://www.tarekshalaby.com/2009/09/toris-eye-yet-another-view-of-twitter/" data-text="Tori&#8217;s Eye: Yet Another View of Twitter" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2009%2F09%2Ftoris-eye-yet-another-view-of-twitter%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>Yesterday I <a href="http://www.tarekshalaby.com/2009/09/tweeting-with-hootsuite-2-0/">wrote about HootSuite 2.0</a> as yet another solution for managing and utilizing your Twitter account. Lesson 1 from any book on success with Web 2.0 says that when you set the stage, and let the open-source community and the user-base do the acting, you are inevitably bound for results that out-do your most optimistic of imagination. A working example of this is literally visible via <a href="http://toriseye.quodis.com/">Tori&#8217;s Eye</a>, a &#8220;website&#8221; that displays the latest tweets in a visually pleasing and creative manner.</p>
<div id="attachment_707" class="wp-caption aligncenter" style="width: 502px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2009/09/torisEye.png"><img class="size-full wp-image-707  " title="Catch the flying tweets with Tori's Eye" src="http://www.tarekshalaby.com/wp-content/uploads/2009/09/torisEye.png" alt="Catch the flying tweets with Tori's Eye" width="492" height="307" /></a><p class="wp-caption-text">Catch the flying tweets with Tori&#39;s Eye</p></div>
<p>It might not be the most efficient method in which you can follow the tweets of a chosen hash tag or keyword, but it is not meant to be one. It is easier to look at it as a work of art, a visual presentation that adds a new perspective to something everything has been looking at very mathematically. I personally think it is entertaining to follow a subject of interest, but not of much importance. It could also be good exercise for reading random tweets without any bias towards images or tweet locations.</p>
<p>Very little is known of what the creators of Twitter wanted from it exactly (now <a href="http://www.tarekshalaby.com/2009/07/so-what-exactly-is-twitter-about/">it is clear that it is something special</a>). Even if we were to use hindsight and say they wanted it to be the standard channel for millions of people to rapidly communicate worldwide, it would take too much bending-over backwards to believe that they knew such creative outputs would come out of it. But then again, that&#8217;s the beauty of the user-based content, and the collaboration of millions of people across space and time.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2009/09/toris-eye-yet-another-view-of-twitter/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tweeting with HootSuite 2.0</title>
		<link>http://www.tarekshalaby.com/2009/09/tweeting-with-hootsuite-2-0/</link>
		<comments>http://www.tarekshalaby.com/2009/09/tweeting-with-hootsuite-2-0/#comments</comments>
		<pubDate>Sun, 06 Sep 2009 16:59:29 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=699</guid>
		<description><![CDATA[Twitter is becoming more and more similar to an open-source application, especially when you look at the integration of its services with millions of products from the open-source community. I have previously discussed TweetDeck, which allows you to efficiently utilize the Twitter service (and for that matter, you can check out the post introducing Twitter [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2009/09/tweeting-with-hootsuite-2-0/" data-counturl="http://www.tarekshalaby.com/2009/09/tweeting-with-hootsuite-2-0/" data-text="Tweeting with HootSuite 2.0" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2009%2F09%2Ftweeting-with-hootsuite-2-0%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>Twitter is becoming more and more similar to an open-source application, especially when you look at the integration of its services with millions of products from the open-source community. I have <a href="http://www.tarekshalaby.com/2009/07/tweeting-with-tweetdeck/">previously discussed TweetDeck</a>, which allows you to efficiently utilize the Twitter service (and for that matter, you can check out <a href="http://www.tarekshalaby.com/2009/07/so-what-exactly-is-twitter-about/">the post introducing Twitter</a> to the people in the outside world). TweetDeck is a desktop application built on Adobe&#8217;s AIR, HootSuite is a website, or online application. Either way, you need a constant connection to the Web if you are to tweet or follow other people do it. Therefore, they could both be placed in the same category.</p>
<div id="attachment_700" class="wp-caption alignleft" style="width: 196px"><img class="size-full wp-image-700" title="HootSuite Logo" src="http://www.tarekshalaby.com/wp-content/uploads/2009/09/home_logo.png" alt="HootSuite Logo" width="186" height="29" /><p class="wp-caption-text">HootSuite Logo</p></div>
<p><a href="http://www.hootsuite.com/">HootSuite</a> 2.0 is a free &#8220;professional Twitter client&#8221; that is ideal for a group of professionals maintaining a joint Twitter account, and taking their tweeting seriously. It gives you a personalized view so that you can group the people you are following the way you want. In that aspect, it is similar to TweetDeck. However, what distinguishes it, or rather pushes it towards a slightly different crowd, is the fact that it is set-up to allow several users to access it simultaneously and to accurately measure the effectiveness of each one of the tweets.</p>
<p style="text-align: center;">
<p><a href="http://www.youtube.com/watch?v=NXpYVTnyCjU">http://www.youtube.com/watch?v=NXpYVTnyCjU</a></p>
</p>
<p>The following is a summary of the main features:</p>
<ol>
<li>Create tabs and columns to <strong>organize</strong> the way you follow other twitterers</li>
<li>Manage <strong>multiple Twitter accounts</strong> via the same interface</li>
<li>Several <strong>user accounts</strong> to the same Twitter account, with each person customizing his or her views freely</li>
<li><strong>Tweet directly</strong>, with a built-in URL shortener, and the ability to schedule tweets</li>
<li><strong>Detailed statistics</strong> for each of your Twitter accounts</li>
</ol>
<p>The most significant feature has got to be the ability to follow the stats associated with your account:</p>
<p style="text-align: center;">
<p><a href="http://www.youtube.com/watch?v=spDxW2_eFIk">http://www.youtube.com/watch?v=spDxW2_eFIk</a></p>
</p>
<p>The interface is very intuitive, and while you might not be able to skim through the tweets as swiftly as you are used to, it&#8217;s only a matter of time before you become a native user. It would&#8217;ve been nice to be able to automatically refresh the tweets more frequently than every two minutes (the minimum time offered), especially for those with over a thousand followers, but we won&#8217;t lose much sleep over it.</p>
<p>In comparison to TweetDeck, it seems to be more powerful and flexible, simply due to the tab system offered by HootSuite. You can also open it in a Firefox tab along with other websites, or in it&#8217;s own browser, while with its AIR counterpart, you are limited to a stand-alone desktop application. If you and at least one other person are managing a Twitter account, HootSuite would be the obvious choice. However, if you&#8217;re tweeting on your own, and not that frequently, then it would be another case of advanced, unused features &#8211; you&#8217;re better off relying entirely on the original website.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2009/09/tweeting-with-hootsuite-2-0/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

