<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2enclosuresfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>proto.garage</title><link>http://www.proto-garage.com/blog</link><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Protogarage" /><description></description><language>en</language><lastBuildDate>Mon, 11 Apr 2011 01:52:42 PDT</lastBuildDate><generator>http://wordpress.org/?v=3.0.1</generator><sy:updatePeriod xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">hourly</sy:updatePeriod><sy:updateFrequency xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">1</sy:updateFrequency><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Protogarage" /><feedburner:info uri="protogarage" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item><title>What is the Differnce between Static and Dynamic URLs?</title><link>http://feedproxy.google.com/~r/Protogarage/~3/OXq2G_ks_gQ/what-is-the-differnce-between-static-and-dynamic-urls</link><category>QAnswers</category><category>dynamic urls</category><category>seo</category><category>static urls</category><category>urls</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Shahzaib Khan</dc:creator><pubDate>Mon, 11 Apr 2011 01:49:08 PDT</pubDate><guid isPermaLink="false">http://www.proto-garage.com/blog/?p=443</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p><strong>Dynamic URLs:</strong></p>
<p id="_mcePaste">Websites that utilize databases which can insert content into a webpage by way of a dynamic script like PHP or JavaScript are increasingly popular. This type of site is considered dynamic. A dynamic URL is a page address that results from the search of a database-driven web site or the URL of a web site that runs a script.</p>
<p id="_mcePaste">e.g.  http://www.example.com/result.php?id=12345</p>
<p id="_mcePaste">
<p><strong>Static URLs</strong></p>
<p id="_mcePaste">URLs, in which the contents of the web page stay the same unless the changes are hard-coded into the HTML, dynamic URLs are generated from specific queries to a site&#8217;s database.</p>
<p id="_mcePaste">http://www.example.com/what-are-static-urls</p>
<p id="_mcePaste">
<p><strong>Comparison:</strong></p>
<p id="_mcePaste">1. Static URLs are typically ranked better in search engine results pages, and they are indexed more quickly than dynamic URLs</p>
<p id="_mcePaste">2. Static URLs are also easier for the end-user to view and understand what the page is about.</p>
<p id="_mcePaste">3. If a user sees a URL in a search engine query that matches the title and description, they are more likely to click on that URL than one that doesn&#8217;t make sense to them.</p>
<p id="_mcePaste">
<p><strong>Problems with Dynamic URL:</strong></p>
<p id="_mcePaste">1. A search engine wants to only list pages its index that are unique. Search engines decide to combat this issue by cutting off the URLs after a specific number of variable strings (e.g.: ? &amp; =).</p>
<p id="_mcePaste">
<p>For example, let&#8217;s look at three URLs:</p>
<p id="_mcePaste" style="padding-left: 30px;">
<p style="padding-left: 30px;">http://www.example.com/result.php?id=12345</p>
<p id="_mcePaste" style="padding-left: 30px;">http://www.example.com/result.php?id=12346</p>
<p id="_mcePaste" style="padding-left: 30px;">http://www.example.com/result.php?id=12347</p>
<p id="_mcePaste">
<p>All three of these URLs point to three different pages. But if the search engine purges the information after the first offending character, the question mark (?), now all three pages look the same:</p>
<p id="_mcePaste" style="padding-left: 30px;">
<p style="padding-left: 30px;">http://www.example.com/result.php</p>
<p id="_mcePaste" style="padding-left: 30px;">http://www.example.com/result.php</p>
<p id="_mcePaste" style="padding-left: 30px;">http://www.example.com/result.php</p>
<p id="_mcePaste">
<p>Now, you don&#8217;t have unique pages, and consequently, the duplicate URLs won&#8217;t be indexed.</p>
<p id="_mcePaste">
<p>2. Dynamic pages generally do not have any keywords in the URL. Highly relevant keywords should appear in the domain name or the page URL. This became clear in a recent study on how the top three search engines, Google, Yahoo, and MSN, rank websites.</p>
<p id="_mcePaste">
<p>The study involved taking hundreds of highly competitive keyword queries, like travel, cars, and computer software, and comparing factors involving the top ten results. The statistics show that of those top ten, Google has 40-50% of those with the keyword either in the URL or the domain; Yahoo shows 60%; and MSN has an astonishing 85%! What that means is that to these search engines, having your keywords in your URL or domain name could mean the difference between a top ten ranking, and a ranking far down in the results pages.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Protogarage?a=OXq2G_ks_gQ:atE4jppvRK8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Protogarage?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Protogarage/~4/OXq2G_ks_gQ" height="1" width="1"/>]]></content:encoded><description>Dynamic URLs: Websites that utilize databases which can insert content into a webpage by way of a dynamic script like PHP or JavaScript are increasingly popular. This type of site is considered dynamic. A dynamic URL is a page address that results from the search of a database-driven web site or the URL of a web site that runs a script. e.g.  http://www.example.com/result.php?id=12345 Static URLs URLs, in which the contents of the web page stay the same unless the changes are hard-coded into the HTML, dynamic URLs are generated from specific queries to a site&amp;#8217;s database. http://www.example.com/what-are-static-urls Comparison: 1. Static URLs are typically ranked better in search engine results pages, and they are indexed more quickly than dynamic URLs 2. Static URLs are also easier for the end-user to view and understand what the page is about. 3. If a user sees a URL in a search engine query that matches the title and description, they are more likely to click on that URL than one that doesn&amp;#8217;t make sense to them. Problems with Dynamic URL: 1. A search engine wants to only list pages its index that are unique. Search engines decide to combat this issue by cutting off the URLs after a specific number of variable strings (e.g.: ? &amp;#38; =). For example, let&amp;#8217;s look at three URLs: http://www.example.com/result.php?id=12345 http://www.example.com/result.php?id=12346 http://www.example.com/result.php?id=12347 All three of these URLs point to three different pages. But if the search engine purges the information after the first offending character, the question mark (?), now all three pages look the same: http://www.example.com/result.php http://www.example.com/result.php http://www.example.com/result.php Now, you don&amp;#8217;t have unique pages, and consequently, the duplicate URLs won&amp;#8217;t be indexed. 2. Dynamic pages generally do not have any keywords in the URL. Highly relevant keywords should appear in the domain name or the page URL. This became clear in a recent study on how the top three search engines, Google, Yahoo, and MSN, rank websites. The study involved taking hundreds of highly competitive keyword queries, like travel, cars, and computer software, and comparing factors involving the top ten results. The statistics show that of those top ten, Google has 40-50% of those with the keyword either in the URL or the domain; Yahoo shows 60%; and MSN has an astonishing 85%! What that means is that to these search engines, having your keywords in your URL or domain name could mean the difference between a top ten ranking, and a ranking far down in the results pages.</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.proto-garage.com/blog/qanswers/what-is-the-differnce-between-static-and-dynamic-urls/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.proto-garage.com/blog/qanswers/what-is-the-differnce-between-static-and-dynamic-urls</feedburner:origLink></item><item><title>How to make a file download with counter?</title><link>http://feedproxy.google.com/~r/Protogarage/~3/nAHSPwKzGvw/how-to-make-a-file-download-with-counter</link><category>php</category><category>download script</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Shahzaib Khan</dc:creator><pubDate>Mon, 04 Apr 2011 11:59:37 PDT</pubDate><guid isPermaLink="false">http://www.proto-garage.com/blog/?p=433</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>A day back i just had a very interesting query from one of my friend who has asked me over &#8220;What if i want to download a file but also keep track of no of downloads&#8221; but with a special case that the download link should be hidden from the user. It means that download link shouldn&#8217;t be viewable to the user.</p>
<p>Like : &lt;a href=&#8221;http://www.example.com/filename.doc&#8221;&gt;Download Document&lt;/a&gt;</p>
<p>It should be something hidden. In order to resolve this case, I came up with the following suggestions:</p>
<ul>
<li>Instead of passing the direct filename pass the id of the file (give file a id) e.g 1234</li>
<li>Pass the File Id to a certain piece of code which keeps the track of download and pushes the file for download</li>
</ul>
<p>Lets Start over to make this concept a reality:</p>
<div id="_mcePaste">&lt;a href=&#8221;download/script.php?code=1234&#8243;&gt;Download Document&lt;/a&gt;</div>
<p>Now when a user click over the link a script is run which calls the script.php code and passes a code parameter with the id 1234.</p>
<p>Script File Code:</p>
<ul>
<li>&lt;?php</li>
<li>//Gets the file code $filecode = $_GET['code'];</li>
<li>//Write here the code to get the real name of the file from the database and update the counter for that file</li>
<li>//Let suppose the filename is 1234.doc</li>
<li>$file = &#8216;downloadfile/&#8217;.$filename;</li>
<li>//Rest of the code helps to push the file for download to the user</li>
<li>header(&#8216;Content-type: application/force-download&#8217;);</li>
<li>header(&#8216;Content-Transfer-Encoding: Binary&#8217;);</li>
<li>header(&#8216;Content-disposition: attachment;</li>
<li>filename=&#8221;&#8216;. basename($file) .&#8217;&#8221;&#8216;);</li>
<li>header(&#8216;Content-length: &#8216;. filesize($file) );</li>
<li>readfile( $file );</li>
<li>?&gt;</li>
</ul>
<p>You can go ahead and try out the concept, if you have any certain query post a comment out for the help.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Protogarage?a=nAHSPwKzGvw:KCNJBp0Ji1M:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Protogarage?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Protogarage/~4/nAHSPwKzGvw" height="1" width="1"/>]]></content:encoded><description>A day back i just had a very interesting query from one of my friend who has asked me over &amp;#8220;What if i want to download a file but also keep track of no of downloads&amp;#8221; but with a special case that the download link should be hidden from the user. It means that download link shouldn&amp;#8217;t be viewable to the user. Like : &amp;#60;a href=&amp;#8221;http://www.example.com/filename.doc&amp;#8221;&amp;#62;Download Document&amp;#60;/a&amp;#62; It should be something hidden. In order to resolve this case, I came up with the following suggestions: Instead of passing the direct filename pass the id of the file (give file a id) e.g 1234 Pass the File Id to a certain piece of code which keeps the track of download and pushes the file for download Lets Start over to make this concept a reality: &amp;#60;a href=&amp;#8221;download/script.php?code=1234&amp;#8243;&amp;#62;Download Document&amp;#60;/a&amp;#62; Now when a user click over the link a script is run which calls the script.php code and passes a code parameter with the id 1234. Script File Code: &amp;#60;?php //Gets the file code $filecode = $_GET['code']; //Write here the code to get the real name of the file from the database and update the counter for that file //Let suppose the filename is 1234.doc $file = &amp;#8216;downloadfile/&amp;#8217;.$filename; //Rest of the code helps to push the file for download to the user header(&amp;#8216;Content-type: application/force-download&amp;#8217;); header(&amp;#8216;Content-Transfer-Encoding: Binary&amp;#8217;); header(&amp;#8216;Content-disposition: attachment; filename=&amp;#8221;&amp;#8216;. basename($file) .&amp;#8217;&amp;#8221;&amp;#8216;); header(&amp;#8216;Content-length: &amp;#8216;. filesize($file) ); readfile( $file ); ?&amp;#62; You can go ahead and try out the concept, if you have any certain query post a comment out for the help.</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.proto-garage.com/blog/php/how-to-make-a-file-download-with-counter/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.proto-garage.com/blog/php/how-to-make-a-file-download-with-counter</feedburner:origLink></item><item><title>What are the common Web Design Problems?</title><link>http://feedproxy.google.com/~r/Protogarage/~3/1w2fG2CteJ8/what-are-the-common-web-design-problems</link><category>QAnswers</category><category>problems for web designers</category><category>web design issues</category><category>web development</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Shahzaib Khan</dc:creator><pubDate>Mon, 28 Mar 2011 13:34:23 PDT</pubDate><guid isPermaLink="false">http://www.proto-garage.com/blog/?p=429</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>Web Designers do need to face a lot of issues, amongst them the few common ones includes:<br />
<br/><strong>1. Clearing out your cache.</strong><br/>This is something that you need to remember when making updates as well as reminding the client so they can view the fresh content. So normally when showing a site to the customer, the customer complaints about that they are seeing the same site. So the best way to avoid this issue is to use the version folder before final deployment. If in-case the deployment is already done then you need to ask your customer to remove its cache and then review the site.</p>
<p><br/><strong>2. Every browser views differently</strong><br/>I call this as the pain of my life.  Every browsers has its own setting as well as every computer isnt configured the same. Be mindfull of this, what you are looking at on your end might not be the same as other users.  Always test your site out on several computers before launching. The best tool to use for this purpose is <a href="https://browserlab.adobe.com/en-us/index.html" title="Adobe Browser Test">Adobe Browser Test.</a><br />
<br/><strong>3. Page recognition</strong><br/>Spell out for the viewer very easily what the point of your page is.  Browsers should be able to understand the intention of why the page was created within a few seconds of entering the page.<br />
<br/><strong>4. Slow loading pages</strong><br/>Keep your pages loading quick so you do not drive away potential clients. Flash players tend to bog down your sites so keep them as lite as possible.</p>
<p><br/>If you have more of these kinds, kindly share using your comments.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Protogarage?a=1w2fG2CteJ8:5c_YlzE1Vu8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Protogarage?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Protogarage/~4/1w2fG2CteJ8" height="1" width="1"/>]]></content:encoded><description>Web Designers do need to face a lot of issues, amongst them the few common ones includes: 1. Clearing out your cache.This is something that you need to remember when making updates as well as reminding the client so they can view the fresh content. So normally when showing a site to the customer, the customer complaints about that they are seeing the same site. So the best way to avoid this issue is to use the version folder before final deployment. If in-case the deployment is already done then you need to ask your customer to remove its cache and then review the site. 2. Every browser views differentlyI call this as the pain of my life. Every browsers has its own setting as well as every computer isnt configured the same. Be mindfull of this, what you are looking at on your end might not be the same as other users. Always test your site out on several computers before launching. The best tool to use for this purpose is Adobe Browser Test. 3. Page recognitionSpell out for the viewer very easily what the point of your page is. Browsers should be able to understand the intention of why the page was created within a few seconds of entering the page. 4. Slow loading pagesKeep your pages loading quick so you do not drive away potential clients. Flash players tend to bog down your sites so keep them as lite as possible. If you have more of these kinds, kindly share using your comments.</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.proto-garage.com/blog/qanswers/what-are-the-common-web-design-problems/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.proto-garage.com/blog/qanswers/what-are-the-common-web-design-problems</feedburner:origLink></item><item><title>What are Cookies and How to use them?</title><link>http://feedproxy.google.com/~r/Protogarage/~3/-Ran9HVWA6U/what-are-cookies-and-how-to-use-them</link><category>Development</category><category>cookies</category><category>how to use cookies</category><category>php</category><category>what are cookies.</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Shahzaib Khan</dc:creator><pubDate>Sun, 27 Mar 2011 14:19:02 PDT</pubDate><guid isPermaLink="false">http://www.proto-garage.com/blog/?p=423</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p><strong>What are Cookies ?</strong><br/>Cookies are little files that are stored on a user&#8217;s computer by the server. They are usually used to identify a user. When you browse to a site that has stored a cookie again, your web browser also sends the cookie. </p>
<p>They don&#8217;t have any essential part of a website but can provide some of the &#8220;little things&#8221; that can set your website apart from the rest. Cookies are small tidbits of information that you save on the client&#8217;s computer so that you can access them next time they visit the website. </p>
<p><strong>Purpose of Using Cookies:</strong><br/></p>
<ul>
<li>Store Username and Password for future access (i.e. The &#8220;Remember Me&#8221; Check mark that you normally see on the sites</li>
<li>Use for keeping track of the users progress (i.e. Check whether the person have already performed a certain action on the website)</li>
</ul>
<p><br/>
<p><strong>How to use Cookies?</strong><br/>Well we will be using php for this purpose to demonstrate it. <br/>1. Setting the Cookies: Setting a cookie requires a key, a value, and the amount of time to allow the cookie to exist.</p>
<pre name="code" class="php">
$value = 'Some Value Here';
setcookie('name',$value, time()+60*60*24*30); //  time()+60*60*24*30 = 30 days
</pre>
<p><br/>2. Getting the Values of the Cookies: Getting the value of the cookies are very simply, you can easily get them by using the variable name defined. </p>
<pre name="code" class="php">
if(isset($_COOKIE['name']) &#038;&#038; $_COOKIE['name']!='')
{
  echo $_COOKIE['name'];
}
</pre>
<p><br/>They can even be set to specific directories directives, including path, domain using the following piece of code. </p>
<pre name="code" class="php">
setcookie('name',$value,time() + time()+60*60*24*30,'/~foldername/','domain.name',true,true);
</pre>
<p>This cookie is the same as the code mentioned before, but we&#8217;re telling the cookie to be applied towards the directoryname : &#8220;~foldername&#8221; on the domain : &#8220;domain.name&#8221;. It is for use only on an SSL connection and it may not be used by JavaScript.</p>
<p><br/><strong>Few things to remember:</strong>
<ul>
<li>
A user can delete cookies at any time.</li>
<li>A user can turn cookies off in their browser.</li>
</ul>
<p><br/><br />
Hope this small piece of reference information may help you. </p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Protogarage?a=-Ran9HVWA6U:zJ40aouW0B0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Protogarage?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Protogarage/~4/-Ran9HVWA6U" height="1" width="1"/>]]></content:encoded><description>What are Cookies ?Cookies are little files that are stored on a user&amp;#8217;s computer by the server. They are usually used to identify a user. When you browse to a site that has stored a cookie again, your web browser also sends the cookie. They don&amp;#8217;t have any essential part of a website but can provide some of the &amp;#8220;little things&amp;#8221; that can set your website apart from the rest. Cookies are small tidbits of information that you save on the client&amp;#8217;s computer so that you can access them next time they visit the website. Purpose of Using Cookies: Store Username and Password for future access (i.e. The &amp;#8220;Remember Me&amp;#8221; Check mark that you normally see on the sites Use for keeping track of the users progress (i.e. Check whether the person have already performed a certain action on the website) How to use Cookies?Well we will be using php for this purpose to demonstrate it. 1. Setting the Cookies: Setting a cookie requires a key, a value, and the amount of time to allow the cookie to exist. $value = 'Some Value Here'; setcookie('name',$value, time()+60*60*24*30); // time()+60*60*24*30 = 30 days 2. Getting the Values of the Cookies: Getting the value of the cookies are very simply, you can easily get them by using the variable name defined. if(isset($_COOKIE['name']) &amp;#038;&amp;#038; $_COOKIE['name']!='') { echo $_COOKIE['name']; } They can even be set to specific directories directives, including path, domain using the following piece of code. setcookie('name',$value,time() + time()+60*60*24*30,'/~foldername/','domain.name',true,true); This cookie is the same as the code mentioned before, but we&amp;#8217;re telling the cookie to be applied towards the directoryname : &amp;#8220;~foldername&amp;#8221; on the domain : &amp;#8220;domain.name&amp;#8221;. It is for use only on an SSL connection and it may not be used by JavaScript. Few things to remember: A user can delete cookies at any time. A user can turn cookies off in their browser. Hope this small piece of reference information may help you.</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.proto-garage.com/blog/software-development/what-are-cookies-and-how-to-use-them/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.proto-garage.com/blog/software-development/what-are-cookies-and-how-to-use-them</feedburner:origLink></item><item><title>Coding a Notification Bar in JQuery</title><link>http://feedproxy.google.com/~r/Protogarage/~3/HHwIemHe-mM/coding-a-notification-bar-in-jquery</link><category>Development</category><category>jquery</category><category>notification</category><category>notification bar</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Shahzaib Khan</dc:creator><pubDate>Tue, 22 Mar 2011 00:59:03 PDT</pubDate><guid isPermaLink="false">http://www.proto-garage.com/blog/?p=416</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>The aim really is to develop a smooth notification bar. For this we will be using a little of Jquery and CSS help. The notification bar would be very similar to the one you have seen in twitter.</p>
<p><a href="http://www.proto-garage.com/blog/wp-content/uploads/2011/03/notification.jpg"><img class="aligncenter size-full wp-image-417" title="notification" src="http://www.proto-garage.com/blog/wp-content/uploads/2011/03/notification.jpg" alt="" width="644" height="39" /></a></p>
<p>To create this a handy piece of notification bar, the code is given below:</p>
<pre name="code" class="html">
<html>
<head>

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script> 

	<script type="text/javascript">
	 var notificationFunc = function(notificationText) {

   		var $alertdiv = $('
<div id = "alertmsg"/>');
            $alertdiv.text(notificationText);
            $alertdiv.bind('click', function() {
                $(this).slideUp(200);
            });
            $(document.body).append($alertdiv);
            $("#alertmsg").slideDown("slow"); 
            setTimeout(function() { $alertdiv.slideUp(200) }, 3000);
     };

		$(document).ready(function()
			{
				notificationFunc("Opps! It Look like there is an error in the email address.");
			}
			);

	</script>	
<style>

	/*Notification bar*/

  #alertmsg
    {
      font-family:Arial,Helvetica,sans-serif;
	  font-size:125%;
	  font-weight:bold;
      overflow: hidden;
      width: 100%;
      text-align: center;
      position: fixed;
      top: 0;
      left: 0;
      background-color: #0B55C4;
      height: 40px;
      color: white;
      font: 20px/40px arial, sans-serif;
      opacity: .9;
      display:none;
	 z-index:9999;
}
</style>

</head>
<body>
<h1><br/><br/>Testing Notification Bar</h1>

</body>
</html>
</pre>
<p>if in-case of any queries regarding this you can always contact me using the comment section.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Protogarage?a=HHwIemHe-mM:OtVIVWAGTAA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Protogarage?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Protogarage/~4/HHwIemHe-mM" height="1" width="1"/>]]></content:encoded><description>The aim really is to develop a smooth notification bar. For this we will be using a little of Jquery and CSS help. The notification bar would be very similar to the one you have seen in twitter.</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.proto-garage.com/blog/software-development/coding-a-notification-bar-in-jquery/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.proto-garage.com/blog/software-development/coding-a-notification-bar-in-jquery</feedburner:origLink></item><item><title>What matters the most in a Product ?</title><link>http://feedproxy.google.com/~r/Protogarage/~3/hk6AAT-op80/what-matters-the-most-in-a-product</link><category>Development</category><category>product</category><category>roadmap</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Shahzaib Khan</dc:creator><pubDate>Mon, 21 Mar 2011 01:17:18 PDT</pubDate><guid isPermaLink="false">http://www.proto-garage.com/blog/?p=409</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<div id="_mcePaste">
<div style="text-align: center;"><img class="alignnone" title="product development roadmap" src="http://electronic-circuit.org/wp-content/uploads/2011/01/Product-Development.jpg" alt="" width="499" height="364" /></div>
<div>My Ideology of developing a good product:</div>
<div style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #ffffff; font: normal normal normal 13px/19px Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-family: 'Times New Roman'; line-height: normal; font-size: medium; padding: 0.6em; margin: 0px;">
<div><strong>1. Simple Ideas : </strong>Iteratively work over it. (Iterative Model for Product Development)</div>
<div id="_mcePaste"><strong>2. Focus over on what matters : </strong>The fewer the better</div>
<div id="_mcePaste"><strong>3. Get Feedback : </strong>Improve and Get Feedback</div>
<div><strong>In-short :</strong></div>
<div id="_mcePaste">Make it a Simple Idea, Work on it, Develop it and share it with world and get feedback &amp; Keep Iterating until you get the best product.</div>
</div>
</div>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Protogarage?a=hk6AAT-op80:FVTaBxaRQGw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Protogarage?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Protogarage/~4/hk6AAT-op80" height="1" width="1"/>]]></content:encoded><description>My Ideology of developing a good product: 1. Simple Ideas : Iteratively work over it. (Iterative Model for Product Development) 2. Focus over on what matters : The fewer the better 3. Get Feedback : Improve and Get Feedback In-short : Make it a Simple Idea, Work on it, Develop it and share it with world and get feedback &amp;#38; Keep Iterating until you get the best product.</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.proto-garage.com/blog/software-development/what-matters-the-most-in-a-product/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.proto-garage.com/blog/software-development/what-matters-the-most-in-a-product</feedburner:origLink></item><item><title>40 ideas &amp; tips for facebook product pages</title><link>http://feedproxy.google.com/~r/Protogarage/~3/CYWekQ8mfn8/40-ideas-tips-for-facebook-product-pages</link><category>Facebook</category><category>facebook</category><category>facebook fanpages</category><category>fanpages</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Shahzaib Khan</dc:creator><pubDate>Sun, 20 Mar 2011 22:41:54 PDT</pubDate><guid isPermaLink="false">http://www.proto-garage.com/blog/?p=406</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>While I was learning over on how to develop Facebook fan-pages, I came across a very important presentation over on how to improve your Facebook product pages. I recommend this to all the new Facebook product developers who are engaged in daily developing the Facebook applications.</p>
<div style="width:425px" id="__ss_1664074"><object id="__sse1664074" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=facebook-090630162102-phpapp02&#038;stripped_title=40-ideas-tips-for-facebook-product-pages&#038;userName=fabio_annovazzi" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse1664074" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=facebook-090630162102-phpapp02&#038;stripped_title=40-ideas-tips-for-facebook-product-pages&#038;userName=fabio_annovazzi" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></div>
</p></div>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Protogarage?a=CYWekQ8mfn8:qLQlmyuFSLM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Protogarage?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Protogarage/~4/CYWekQ8mfn8" height="1" width="1"/>]]></content:encoded><description>While I was learning over on how to develop Facebook fan-pages, I came across a very important presentation over on how to improve your Facebook product pages. I recommend this to all the new Facebook product developers who are engaged in daily developing the Facebook applications.</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.proto-garage.com/blog/facebook/40-ideas-tips-for-facebook-product-pages/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><enclosure url="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=facebook-090630162102-phpapp02&amp;#038;stripped_title=40-ideas-tips-for-facebook-product-pages&amp;#038;userName=fabio_annovazzi" length="94314" type="application/x-shockwave-flash" /><feedburner:origLink>http://www.proto-garage.com/blog/facebook/40-ideas-tips-for-facebook-product-pages</feedburner:origLink></item><item><title>3 Steps to Use Facebook Connect</title><link>http://feedproxy.google.com/~r/Protogarage/~3/q2zOVKwHLjQ/3-steps-to-use-facebook-connect</link><category>Facebook</category><category>facebook</category><category>facebookconnect</category><category>fbconnect</category><category>php</category><category>php facebook libarary</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Shahzaib Khan</dc:creator><pubDate>Sat, 19 Mar 2011 00:44:09 PDT</pubDate><guid isPermaLink="false">http://www.proto-garage.com/blog/?p=389</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p style="text-align:center;"><img src="http://www.5slap.com/images/facebook-connect-button.png?1295850635"/></p>
<p><b>Step 1 : Login to Facebook to Create a Facebook Application</b></p>
<p>First login to Facebook and goto the url http://www.facebook.com/developers/ then Click on &#8220;+ Set Up New Application&#8221; button to start creating the application as shown below.</p>
<p>Provide the application name, click agree for facebook terms and click on &#8220;Create Application&#8221; button.</p>
<p>Once the Application is created. Just copy the Application API Key, Application Secret and Application ID details which will be used to write the application code.</p>
<p>Provide the Name and Description of your application in About Section.</p>
<p><b>Step 2 : Download the Facebook PHP Library</b></p>
<p>In order to download the latest PHP Libarary, use the following URL : https://github.com/facebook/php-sdk/</p>
<p><b>Step 3 : Generate one time session key (permanent session key) and Showing how Connect Works</b></p>
<pre name="code" class="php">

<?php
//Use the Facebook PHP Libaray - Make a Call
require 'facebook.php';
// Create Application instance (replace this with your Application ID and Application Secret).
$facebook = new Facebook(array(
'appId'  => '117743971608120',
'secret' => '943716006e74d9b9283d4d5d8ab93204',
'cookie' => true,
));
$session = $facebook->getSession();
$me = null;
// Session based API call.
if ($session) {
try {
$uid = $facebook->getUser();
$me = $facebook->api('/me');
} catch (FacebookApiException $e) {
error_log($e);
}
}
// login or logout url will be needed depending on current user state.
if ($me) {
$logoutUrl = $facebook->getLogoutUrl();
} else {
$loginUrl = $facebook->getLoginUrl();
}
// This call will always work since we are fetching public data.
$naitik = $facebook->api('/naitik');
?>
</pre>
<pre name="code" class="html">
<!doctype html>
<html xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<style>
body {
font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
}
h1 a {
text-decoration: none;
color: #3b5998;
}
h1 a:hover {
text-decoration: underline;
}
</style>

</head>
<body>
<!--
We use the JS SDK to provide a richer user experience. For more info,
look here: http://github.com/facebook/connect-js
-->
<div id="fb-root"></div>

<script>
window.fbAsyncInit = function() {
FB.init({
appId   : '<?php echo $facebook->getAppId(); ?>',
session : <?php echo json_encode($session); ?>, // don't refetch the session when PHP already has it
status  : true, // check login status
cookie  : true, // enable cookies to allow the server to access the session
xfbml   : true // parse XFBML
});
// whenever the user logs in, we refresh the page
FB.Event.subscribe('auth.login', function() {
window.location.reload();
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<h1><a href="example.php">php-sdk</a></h1>

<?php if ($me): ?>
<a href="<?php echo $logoutUrl; ?>">
<img src="http://static.ak.fbcdn.net/rsrc.php/z2Y31/hash/cxrz4k7j.gif">
</a>
<?php else: ?>
<div>
Using JavaScript &amp; XFBML: <fb:login-button></fb:login-button>
</div>
<div>
Without using JavaScript &amp; XFBML:
<a href="<?php echo $loginUrl; ?>">
<img src="http://static.ak.fbcdn.net/rsrc.php/zB6N8/hash/4li2k73z.gif">
</a>
</div>

<?php endif ?>
<h3>Session</h3>

<?php if ($me): ?>
<pre><?php print_r($session); ?></pre>
<h3>You</h3>
<p><img src="https://graph.facebook.com/<?php echo $uid; ?>/picture"><br />
<?php echo $me['name']; ?></p>
<h3>Your User Object</h3>
<pre><?php print_r($me); ?></pre>
<p><?php else: ?><br />
<strong><em>You are not Connected.</em></strong><br />
<?php endif ?></p>
<h3>Naitik</h3>
<p><img src="https://graph.facebook.com/naitik/picture"><br />
<?php echo $naitik['name']; ?><br />
</body><br />
</html>
</pre>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Protogarage?a=q2zOVKwHLjQ:q1_6DUga6xw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Protogarage?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Protogarage/~4/q2zOVKwHLjQ" height="1" width="1"/>]]></content:encoded><description>Step 1 : Login to Facebook to Create a Facebook Application First login to Facebook and goto the url http://www.facebook.com/developers/ then Click on &amp;#8220;+ Set Up New Application&amp;#8221; button to start creating the application as shown below. Provide the application name, click agree for facebook terms and click on &amp;#8220;Create Application&amp;#8221; button. Once the Application is created. Just copy the Application API Key, Application Secret and Application ID details which will be used to write the application code. Provide the Name and Description of your application in About Section. Step 2 : Download the Facebook PHP Library In order to download the latest PHP Libarary, use the following URL : https://github.com/facebook/php-sdk/ Step 3 : Generate one time session key (permanent session key) and Showing how Connect Works body { font-family: 'Lucida Grande', Verdana, Arial, sans-serif; } h1 a { text-decoration: none; color: #3b5998; } h1 a:hover { text-decoration: underline; } window.fbAsyncInit = function() { FB.init({ appId : '', session : , // don't refetch the session when PHP already has it status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); // whenever the user logs in, we refresh the page FB.Event.subscribe('auth.login', function() { window.location.reload(); }); }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); php-sdk Your User Object You are not Connected. Naitik</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.proto-garage.com/blog/facebook/3-steps-to-use-facebook-connect/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.proto-garage.com/blog/facebook/3-steps-to-use-facebook-connect</feedburner:origLink></item><item><title>php : Generating Unique ID’s</title><link>http://feedproxy.google.com/~r/Protogarage/~3/72fN2kxRSZA/php-generating-unique-ids</link><category>php</category><category>password</category><category>unqiueid</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Shahzaib Khan</dc:creator><pubDate>Thu, 17 Mar 2011 22:55:19 PDT</pubDate><guid isPermaLink="false">http://www.proto-garage.com/blog/?p=386</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>It has always been an issue on how to handle the ID&#8217;s. How to generate them and how to keep them unique. To sort out this issue here is the function from php which can help allow do this.</p>
<ol>
<li>// generate unique string</li>
<li>echo md5(time() . mt_rand(1,1000000));</li>
</ol>
<p id="_mcePaste">There is actually a PHP function named <a title="Unqiue PHP" href="http://us2.php.net/manual/en/function.uniqid.php" target="_blank">uniqid()</a> that is meant to be used for this.</p>
<p>Since the function is dependent upon the time, the initial few characters could be similar. Because of which one may think there could be a chance of duplicating the Ids. In order to resolve this simply add 1 more parameter to it and this becomes unique.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Protogarage?a=72fN2kxRSZA:6rEXvak_2No:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Protogarage?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Protogarage/~4/72fN2kxRSZA" height="1" width="1"/>]]></content:encoded><description>It has always been an issue on how to handle the ID&amp;#8217;s. How to generate them and how to keep them unique. To sort out this issue here is the function from php which can help allow do this. // generate unique string echo md5(time() . mt_rand(1,1000000)); There is actually a PHP function named uniqid() that is meant to be used for this. Since the function is dependent upon the time, the initial few characters could be similar. Because of which one may think there could be a chance of duplicating the Ids. In order to resolve this simply add 1 more parameter to it and this becomes unique.</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.proto-garage.com/blog/php/php-generating-unique-ids/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.proto-garage.com/blog/php/php-generating-unique-ids</feedburner:origLink></item><item><title>Stylebot – Web Developers Useful Tool</title><link>http://feedproxy.google.com/~r/Protogarage/~3/in9fJ00q5UE/stylebot-web-developers-useful-tool</link><category>CSS</category><category>css</category><category>stylebot</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Shahzaib Khan</dc:creator><pubDate>Tue, 15 Mar 2011 22:31:14 PDT</pubDate><guid isPermaLink="false">http://www.proto-garage.com/blog/?p=382</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p id="_mcePaste">While going through today&#8217;s update at my technology blog list, I came across a very handy tool, known as &#8220;Stylebot&#8221;.  Stylebot allows you to quickly create and save persistent custom CSS for sites. It provides an easy to use interface to change the appearance of any page.</p>
<p id="_mcePaste">
<p>It aims to make the web more accessible and adaptable.</p>
<p id="_mcePaste">
<p>Main features:</p>
<p id="_mcePaste">
<ul>
<li>Easy to use: No need to write CSS</li>
<li>Simple &amp; Quick: Changes are saved instantly</li>
<li>Styles are saved persistently, so the next time you visit the same page, they&#8217;re already applied</li>
<li>Sync your custom styles across multiple computers</li>
</ul>
<p>Do watch the video for better understanding:</p>
<p><object style="height: 390px; width: 540px"><param name="movie" value="https://www.youtube.com/v/eEqlJ_u9ys4?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="https://www.youtube.com/v/eEqlJ_u9ys4?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="540" height="390"></object></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Protogarage?a=in9fJ00q5UE:_io1XMPwhkw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Protogarage?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Protogarage/~4/in9fJ00q5UE" height="1" width="1"/>]]></content:encoded><description>While going through today&amp;#8217;s update at my technology blog list, I came across a very handy tool, known as &amp;#8220;Stylebot&amp;#8221;.  Stylebot allows you to quickly create and save persistent custom CSS for sites. It provides an easy to use interface to change the appearance of any page. It aims to make the web more accessible and adaptable. Main features: Easy to use: No need to write CSS Simple &amp;#38; Quick: Changes are saved instantly Styles are saved persistently, so the next time you visit the same page, they&amp;#8217;re already applied Sync your custom styles across multiple computers Do watch the video for better understanding:</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.proto-garage.com/blog/css-development/stylebot-web-developers-useful-tool/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><enclosure url="https://www.youtube.com/v/eEqlJ_u9ys4?version=3" length="2965" type="application/x-shockwave-flash" /><feedburner:origLink>http://www.proto-garage.com/blog/css-development/stylebot-web-developers-useful-tool</feedburner:origLink></item></channel></rss>

