Few more awesome questions..

Thanks for all your appreciation for my last post, Here is some more question, which are more funnier that previous list.

1. If white house is white, the blue house is blue, and the red house is red. Why green house is transparent?
2. Why all of the black boxes are painted bright orange?
3. If there is a substance exist, which can make Black Box indestructible, why not same thing is used to make whole aircraft?
4. Why black paint smells like a green paint?
5. Why there is flotation devices under plane seats instead of parachutes?
6. What's another word for thesaurus?
7. Why is it that when you transport something by car, it's called a shipment, but when you transport something by ship, it's called cargo?
8. Why I get a phone call from Vodafone to say my bill was outstanding? (I always say thanks)
9. I understand money talks, but why it always say "goodbye" to me?
10. How can a burnt match thrown from a car start a forest fire when 2 boxes of matches, 10 fire lighters & lighter fuel can't light a BBQ?
11. What will happen if a abortion clinic will have a 12 months waiting time?
12. Why isn't the number 11 pronounced onety one?
13. Ever wonder what the speed of lightning would be if it didn't zigzag?
14. If people from Poland are called Poles, why aren't people from Holland called Holes?

twimr04: Creativity, History & Programming

Just to remind, twimr is a series of blog posts from me, where i put random stuff. These items are basically collected over couple of weeks, via a special hash tag #twimr. from twitter.

1. 13 Add-ons to Strengthen Firebug

2. This is great collection of Old Spy Gadgets Part-1 Part-2 Part-2

3 . This one is a cool animation using post-it notes. ( titled Deadline)

Here is the making of this video 

4. Stunning Solar system (Stunning, graphics jus by using (jQuery) JavaScript) 

5. Some people think that Twitter invented in 1935

6.Developers this is really nice collection of “Hidden Features Of Perl, PHP, JavaScript, C, C++, C#, Java...”  [Incredibly Useful Lists] 

7.This is something to do with environment, Build a Greener Charging Station

How to add Tabs on blogger?

[This is old post, you can follow easy steps , with new blogger template designer here]
Here is a step by step procedure to add tabs for your blogger.

STEP-1 Go to Blogger Dash board

STEP-2 Go to layout section of your blog, and go to edit HTML
[Save your template, to make sure that if anything will go wrong, you can restore the things back]
STEP-3: Grab this code

#tabsB {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
      }
    #tabsB ul {
 margin:0;
 padding:10px 10px 0 50px;
 list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("http://sites.google.com/site/hackbit/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("http://sites.google.com/site/hackbit/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

STEP-4 Paste this code(above code) just after body CSS which will look like this

body { 
background:$bgcolor; margin:0; 
color:$textcolor; 
font:x-small Georgia Serif; 
font-size/* */:/**/small; font-size: /**/small; 
text-align: center; 
}

STEP-5 Grab following code (customize the link as per your need)

<div id="tabsB"> 
  <ul> 
    <li><a href="#" title="Link 1"><span>Link 1</span></a></li> 
    <li><a href="#" title="Link 2"><span>Link 2</span></a></li> 
    <li><a href="#" title="Link 3"><span>Link 3</span></a></li> 
    <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> 
    <li><a href="#" title="Link 5"><span>Link 5</span></a></li> 
    <li><a href="#" title="Link 6"><span>Link 6</span></a></li> 
 <li><a href="#" title="Link 7"><span>Link 7</span></a></li> 
  </ul> 
</div>

STEP-6 Paste the above code in you HTML template after header section (the line which will look like this)

<b:widget id="Header1" locked="true" title="Experimenting Blogger (Header)" type="Header">
</b:widget>

STEP-6 Done!!, save the template and view your blog
You can get some different kind of tab design here

 Working Demo

How to translate using Google Translate API ?( why it sucks?)

Recently Google have launched  Translate API. Which is nice and quick way to get your text translated. This is also good when you are translating HTML formatted text. They will preserve the formatting.
Here I have quickly created a Hack To enable any document translatable.
lets assume you have a document likethis.In which every paragraph which requires translation is a div with Id “lang_text”

<div class="lang_text">
Just checking that this thing will be translated properly or not?
</div>

Now with the help of jQery i will add a DorpDownList just above these div, when you select it will translate the text.
Simple Translate API works like this

google.language.translate('This is what i want to translate', 'en', ‘el’,

function(result)
{
if (result.translation)
{
alert(result.translation);
}
}
);

Here is complete Demo

Why it sucks?
On the demo page, you will see that its not translating the last paragraph. Yes, this where it sucks. It does not translate longer text. WTF?
Here is complete source. (you can also view source of demopage)

<html>

<head>
<script src='http://www.google.com/jsapi' type='text/javascript'></script>
<script type='text/javascript'>
google.load('visualization', '1', {packages: ['table']});
google.load("jquery", "1.3.2");
google.load("jqueryui", "1.7.1");
google.load("language", "1");
</script>
<style type="text/css">
#TranslatedText{
color: #cc0000
}
</style>
<script type="text/javascript">
$(document).ready(function(){
var ele=document.createElement('div');

$(ele).html('Translate<select class="translate_lan"><option value="en">English</option><option value="hi">Hindi</option><option value="el">Greek</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="de">German</option><option value="el">Greek</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="id">Indonesian</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option></select>');

$(ele).attr('class','translate');
$('.lang_text').before(ele);
$('.translate_lan').change(function(){
var translate_text=$(this).parent().next('.lang_text').html();
if(translate_text)
{
google.language.translate(translate_text, 'en', this.value, function(result) {
if (result.translation) {
$("#TranslatedText").html(result.translation);
}
if(result.error)
{
$("#TranslatedText").html(result.error.message);
}
alert('done');
});

}

});
google.language.getBranding('brand');
});
</script>
</head>
<body>
<div id="TranslatedText" title="Translation">
Your Translation will appear here
</div>
<div class="lang_text">
This is a simple text
</div>
<div class="lang_text">
Just checking that this thing will be translated properly or not?
</div>
<div class="lang_text">
This is a HTML, <a href="http://www.markandey.com">This is a link.</a> This is not
a link.
</div>
<div class="lang_text">
Lets test for multiparagraph translation
<p>
This is paragraph1</p>
<p>
This is paragraph2</p>
</div>
<div class="lang_text">
Description of Service. The API consists of Javascript and associated service
protocols that enable You to display results from Google ("Google Results") on your
website or in your application (each, a "Property"), subject to the limitations
and conditions described below. You are allowed to use the API only to display,
and to make such uses as are necessary for You to display, Google Results on your
Property. The API does not provide You with the ability to access, and you are not
allowed to access, other underlying Google Services or data. 1.2 Modifications.
Google is constantly innovating in order to provide the best possible experience
for its users. Google reserves the right to change the form and nature of the Service
that Google provides (e.g. to charge for access to the API, to set a maximum number
of Google Results You may access through the API, etc.) with or without notice.
In addition, Google reserves the right to release subsequent versions of the API
at any time with or without notice, but in accordance with Section 1.3. If a modification
is unacceptable to You, You may cancel the Service by removing the Javascript and/or
other implementation of the API from your Property. If You continue to use the Service
on any Property, You will be deemed to have accepted the modifications. 1.3 Deprecation.
If Google in its discretion chooses to cease providing the current version of the
Service whether through discontinuation of the Service or by upgrading the Service
to a newer version, the current version of the Service will be deprecated and become
a Deprecated Version of the Service. Google will issue an announcement if the current
version of the Service will be deprecated. For a period of 3 years after an announcement
(the "Deprecation Period"), Google will use commercially reasonable efforts to continue
to operate the Deprecated Version of the Service and to respond to problems with
the Deprecated Version of the Service deemed by Google in its discretion to be critical.
During the Deprecation Period, no new features will be added to the Deprecated Version
of the Service.
</div>
<div id="brand">
</div>
</body>
</html>

Now Let me guess why it does not work. This API is based on a REST API. A REST API submits the data using a URL
e.g.

http://blah.com/?q=<your data>

so certainly you have the limitation of data you can send.
So beware of such scenario, else you might encounter a hang case, because your call-back will not be invoked!!!

2 must have Bookmarklet for Chrome

Hey there,
I believe we miss two good feature from Firefox and IE, which is

1. Automatic detection of RSS feed link.
2. Ability to have a portable bookmark (somewhere on the cloud)

Let me tell you 2 Bookmarklets (What is Bookmarklet?) which will solve your problem.
1.Google Reader Subscribe Bookmarklet:
1. Go to [Google Reader ]—>Settings—>goodies page.
2. Get Subscribe bookmarlet.
3.Now when every time you visit a blog, to subscribe that just click this bookmarlet. This will automatically detect the RSS link. You can immediately subscribe in your reader as well.
2.Google Bookmark Bookmarklet:
Go to Google bookmark account and at the bottom of the page you will find this Bookmarklet.

Now jus click this Bookmarklet to bookmark anything on Google Bookmarklet.

New WebApps & Gadgets , You can give a try

Thanks for visiting my blog. If you use Google reader you can subscribe to my blog.
Here in this post , I am going to tell you few new things which came on web recently. Then I will discuss about new gadgets. Specially how they have impressed me.
WebApps

Wolfram|Alpha : This is a new search engine, which can give you accurate facts and figures. e.g when your search “what is population of UK?” you will get an answer as  “60.8 million people  (2007 estimate)”.  I think this is useful in these kind of cases, but it fails when you search “who invented electric bulb?”. This search engine is not of much use. But this has brought healthy competition in the market, to innovate on search engine front.

Bing : Bing is a new search engine from Microsoft. Its kind of re-branding of live.com. It has few good features. I love the image search on Bing, I just need to keep on scrolling, and I will keep getting the images. this is better than Google because currently image search technology is not accurate,and I often don't find image, for which i am looking for on my first page. So clicking through the pages is really annoying.

Google Squared: Sometime you want to get your search results in a tabular form, Google has came up with Google Squared to get the search result in tabular form. Try searching “cars” here

Hunch: This is another, product from founder of Flickr, Caterina Fake. Hunch helps you make decisions and gets smarter the more you use it.


Acrobat.com: acrobat.com is new office suite launched by adobe. This is another competitor of Google docs. Though there are plenty of online office suite is already available. Like Zoho .
Gadgets

iPhone 3GS:This is new iPhone, which is faster than 3G. Has more memory, has more battery life and has video recording. Its has MMS, Virtual keyboard is better one. Operating system on this new iPhone is faster, they have done some kind of optimization, so that UI will be more responsive.

Palm pre: People are looking palm pre as potential competitor to iPhone. UI wise its really stunning. You van switch between apps without coming to home screen (unlike iPhone). Its has qwerty hardware keyboard. GPS,Video,Music all basic Smartphone feature are there. additionally they have activity cards feature. Which is awesome. You will feel like you are working on laptop.

Toshiba TG01 (code name Tsunagi) : This is new phone from Toshiba, which has world’s fastest processor in it. Phone is based on QUALCOMM's Snapdragon Platform, which has ARM, 1GHz processor speed. This is the first time any phone is reaching the 1Ghz milestone. This phone has big LCD screen. And cool UI. It is based on windows mobile.

Viliv X70: This is a notebook without keyboard. This is really cool. Equipped with all features like Bluetooth and all. and its also has GPS.

Samsung’s Galaxy i7500: This is first Android based phone from Samsung. I feel like this is just the android version of Omnia.

CrunchPad: The Launch Prototype : TechCrunch is a blog company, which has released a prototype of a e-reader. This is a widescreen e-reader, without mouse or keyboard. Its nice Read more here
Thanks, That's it . Read about these gadgets & webapps, and if you like it buy them. Specially the people who are still living the life without any Smartphone, they should buy one now.
Thanks, for reading till end.

New Blog Theme

 
Hey there,
My Blog has got a new theme!!! Hope you people will like it.
Try playing with the widgets, They can be moved!!!

I have taken the theme from here (English translated page)
and modified it a-lot, fixed few things.

This theme is a replica of iTheme for word press. Which was ported to blogger by BlogandWeb.
To make those widgets movable, I am using JavaScript.

<script src='http://www.google.com/jsapi' type='text/javascript'></script> 
<script type='text/javascript'> 
google.load("jquery", "1.3.2");
google.load("jqueryui", "1.7.1");
</script> 
<script type='text/javascript'> 
$(document).ready(function(){
$(".widget.HTML").draggable();
$(".widget.Label").draggable();
$(".widget.BlogArchive").draggable();

});
</script> 

let me explain this

1. In First JavaScript block is to receive Ajax library from Google server.
2. In Second JavaScript block is to receive jQuery library from Google server. Google hosts jQuery
3. In Third JavaScript block i am selecting all the widgets (you might have to change this selector code) and calling the dragable function to make all those widgets dragable.

Knowledge Pipe:How I live on the web (edge)

This is a small diagrammatic representation of how I live on the web, on day to day basis.

I read multiple blog from various sources on Google Reader, When I like some thing I share that, then those things gets posted on twitter via twitterfeed.

Additionally I tweet my actions/activities on twitter, at my will. I do bloging & when I write something really cool I post on twitter. My tweets goes on FaceBook and Orkut so that my college/family friends will get those.

Now what's the benefit of doing all these?

1.When you keep doing these things, your friends, family members always know that you are fine and doing great. Even if they don't read everything you post, they will know that what you are up to?

2.When you post something, which interest your far friend, he will comment back on the items and consequently you will be able to connect.

[CLICK IMAGE TO ENLARGE]

So if you think it make (even a  bit of) sense to you then please start doing it, and am sure this will make you feel that all of your friends are there with you, you will always get a topic to talk with all of your friend.
This is how social networking should be used. So stop posting message like “how are you?” to your friends and use this whole new way of networking.
This is called networking with a “network of social networks”.

twimr-04: 3 awesome JavaScript library, phone sex & cool design

Recently, These things really excited me.

First is this design of Auto-Cannibalistic Table, which eats the the waste, into dirty mess on your carpet.

While writing the front end of a webpage we often miss few essential things which can be done by java script, keyboard shortcuts. Here is a library (based on jQuery), which might help you to do it easily.

Another cool thing, which you can bring to your web pages is mouse gesture. There are  libraries available to do it. like jQuery Gestures & Moousture

I love this cool list of image optimization library. This is really useful of web page developers.

For c/c++ Developers, You might not be knowing about Variadic Macros.  Very useful when you are trying something which takes variable number of arguments.

I got excited to know about this cool way to extend your web application   Titanium

  This is crazy tool!!! Dildroid, Runs On Android, You Know Exactly What It Does.

Few Awesome questions

Humour is part of life. That's why  I read jokes a lot. I like PJs and I admire people who have great sense of humour. Here is some great collection of questions, which will make you laugh out loud.

1. Why word plagiarism originally derives from another word?
2. Why abbreviation is such a long word?
3. How come i will fund terrorism, when i will download pirated software over internet for free?
4. Why do travellers get pissed off when the police move them on?
5. Why do bankruptcy lawyers expect to be paid?
6. Why Artificial intelligence has no match for natural stupidity?
7. If Change is inevitable, why vending machine don't work?
8. If nothing ever sticks to TEFLON, how do they make TEFLON stick to the pan?
9. If I am unique, just like everyone else. where is uniqueness?
10. If a fat girl falls in a forest and there no one there to see it....do the trees laugh ?
11. Whatisthelongbuttonatthebottomofthekeyboardfor?
12. How come people say “"I'm speechless"?
13. How do you put “don't touch” sign in Braille?

Un-official guide to twitter

This post is for the people who have joined twitter recently, and they are really finding it difficult to understand the common terms which are used on twitter. If you are regular tweeter (twitter user) then you will already be familiar with these words, but wait you can still enjoy reading these.

Twitter was started as a site where people were able to post their actions / feelings / opinions in plain text, which was having a restriction of 140 characters. This 140 character restriction is still there.

Every single post which you put on twitter is called tweet. your tweet can be read by all your followers and rest of the word. So when will you tweet, it will be visible to the whole universe, but then universe is so big; and not all people will know that you have jus tweeted . If someone really want to receive your tweet explicitly he will simply follow you. Once some one will follow you he will be able to see your tweet in his timeline. Additionally if some will visit you twitter page he can see your tweets, without following you.

Now your followers have simple way to read your tweet. They can read via web interface, or via SMS, or via any twitter client. A twitter client is easy way to access & post tweets. You can also use your mobile to post the tweet. Mobile is very nice way to tweet because you carry that all the time.

People who are there on twitter are referred as tweeple. Some people even say tweeps. If you find someone on twitter who is really sweet, you can also call him sweeple.

Now this is the nice time for you to post a tweet, saying that i am reading this blog and put the link of this blog on twitter. Since you have a restriction of 140 character, you might not be able to post the link as well as your comment. So you can user URL shortening services like tinyurl.com; tinyurl.com was the early default URL shortener of the twitter, Now twitter is using bit.ly site for shortening the URL.

Now once you tweet about this article, and eventually if i will see your tweet i might tweet a reply, which will star with @ followed by your twitter username.

e.g @Yourname thanks for tweeting.

This tweet will also be received by all my followers, but since they will see that it is directed by the @ symbol they will understand that I am saying just to you. Not to the whole world.  There is a unicast way to send a tweet just to you, which is called direct message, but most of the tweeple don't like that, because its after all a cool way to send you a @ reply rather than sending you a direct message, because you might not like it.

When twitter saw that people are using @ reply so often, they started hyper linking the @replies to your twitter page. This hyper linking will fail, if you mistype the person's username correctly.

When you find someone's tweet, and if you like it a lot, you can choose to retweet it.

e.g. RT @markandey: The 12 People You Dont Want to Meet on Facebook http://bit.ly/yUJPt

Retweeting is nice way to spread a news from my followers to your followers.

When you are tweeting something very specific you can put a special keyword in your message. Which is called hashtag.

e.g. I am enjoying lecture by person blah blah #sxsw

or e.g. Manchester united is playing great #FIFA

or e.g. Alonso is driving bad #F1

When twitter grew little more people started feeling superior if they had more number of followers. So people found a new way to introduce new tweeple to their followers. with a hashtag #followfriday. They usually post the recommendation on Fridays.

Twitter has built a huge community, and now they call this word as twitosphere. When you are not able to focus on your work because you are tweeting you can say you are twittcrastinating. So start using twitter now. It will be so much of fun. Oh ya, you can meet many of tweeple from your city by going to tweetup.

You can say tweet-a-later when you are going to sleep OR off to do some important work.

We need answer, not a new Search Engine!

This week Microsoft have released bing.com a new search engine.  I was very positive about it and  made my mind not to ignore everything which is coming out of Microsoft.
Now I will tell you, today's incident. I was looking into the new release of Opera and read about Dragon-Fly. Dragon-Fly is clone of Firebug on Opera. I also remember that IE-8 also comes with Developer-Tool, which is another clone of Firebug on IE. Naturally a question came in my mind that “Who created this firebug?”.
After this i was about to type “creator of firebug” in Chrome’s Ominibar, but stopped myself, thought of searching this thing in bing.com first.
So what's next? I searched in bing, and bang! i could not get the answer. Now search in Google, the first result is having the name of “joe hewitt” .
So the conclusion is, we need answer not another search engine!!!
(Bing! did you hear that?)
Do you know that hakia.com is another hyped and so called “semantic search engine” which also suck big time. Go and search the “creator of firebug”.
Wolframalpha’s reply about the same query “Wolfram|Alpha isn't sure what to do with your input.”