Saturday, June 27, 2009

The Story of Twitter

Everyone knows how fast Twitter , the new face of social networking after orkut and facebook is growing . Those who are aware of twitter , please read on . website : www.twitter.com

What is Twitter ?


Twitter is a free social networking and micro-blogging service that enables its users to send and read each others' updates, known as tweets. Tweets are text-based posts of up to 140 characters, displayed on the author's profile page and delivered to other users - known as followers - who have subscribed to them. Senders can restrict delivery to those in their circle of friends or, by default, allow open access. Users can send and receive tweets via the Twitter website, Short Message Service (SMS) or external applications. The service is free over the Internet, but using SMS may incur phone service provider fees.Twitter has grown into a real-time short messaging service that works over multiple networks and devices.

See the video now :



Twitter Search - to search anything on twitter . Have a go !

Who Invented Twitter ?


Jack Dorsey is an American software architect and businessperson best known as the creator of Twitter BusinessWeek called him one of technology's "best and brightest . MIT's Technology Review named him to the TR35, an outstanding innovator under the age of 35.

In Oakland in 2000, Dorsey started his company to dispatch couriers, taxis, and emergency services from the Web.His other projects and ideas at this time included networks of medical devices and a "frictionless service market".In July 2000, building on dispatching and inspired in part by LiveJournal and possibly by AOL Instant Messenger, he had the idea for the realtime status communication.

When he first saw implementations of instant messaging, Dorsey had wondered if the software's user status output could be shared among friends easily. He approached Odeo, who at the time happened to be interested in text messaging. Dorsey and Biz Stone decided that SMS text suited the status message idea, and built a prototype of Twitter in about two weeks.The idea attracted many users at Odeo and investment from Evan Williams who had left Google after selling them Pyra Labs and Blogger.

Dorsey, Stone and Williams co-founded Obvious which then spun off Twitter, Inc. As chief executive officer, Dorsey saw the startup through two rounds of funding by the venture capitalists who back the company.In October 2008 Williams took over the role of CEO, and Dorsey became chairman of the board.

So in Short :

Twitter is a Miniature Blog
Twitter is Social Messaging
Twitter is News Reporting
Twitter is Social Media Marketing


So we reached the conclusion : yes - What is Twitter? It is many different things to many different people. It can be used by a family to keep in touch, or a company to coordinate business, or the media to keep people informed or a writer to build up a fan base.

Im including the Twitter Story in an image . Courtesy :Infoshot



Hope , that will do :) . Start tweeting :)
Complete Idea of this post originated when i saw the Infoshot Image tweeted by Ralu ! Special Thanks to him !

You can see our tweet from : http://twitter.com/technocrab

Thursday, June 11, 2009

Web 2.0

Wondering what the hell is this term WEB 2 ? and thinking what is the difference between this web 1 and web 2 - i found out some great video woth watching . Have a look . It is great indeed .

Wednesday, June 10, 2009

Getting Started with HTML

HTML as we have already seen is defined as HyperText Markup Language, consists of many tags or elements that define the property of the text or image or any other stuff you add within it.

HTML tags, nearly all of them, come in pairs, for example, to indicate a paragraph we use the 'p' tag i.e < p > and < /p >. Any text within < p > and < /p > is defined as a paragraph. Here < p > is the start tag and < /p > is the end tag.

Every HTML document starts with the 'html' start tag < html > and end with the html end tag < /html >. A html document consists of 2 main divisions, the head denoted by the head tag(< head > and < /head >) and body denoted by the body tag (< body > and < /body >).

The head tag contains all the information like the styles used, description for the web page, links to any external style sheet or scripts(internal and external) which we will come to later in the series.

The body tag is where all the "visible" data goes. If anything is to be displayed on the web page it MUST be written within the body tag i.e < body > and < /body >.

A basic example of a HTML document is given below:

< html >
< head >
< /head >
< body >
< h1 > this is my first heading < /h1 >
< p > this is my first paragraph. You can create any number of headings and paragraphs as you want.. < /p >
< /body >
< /html >


You can see the browser output of this code in the image below. Click on it to see it in full size.

Now that we have seen and understood the basics of writing HTML document, let us see how to write it. For creating a HTML document like the one above, you can use any simple text-editor like Notepad for Windows and save the output as .html . Or you can choose HTML editors like Textpad or Notepad++ or some high level editors like Adobe Dreamweaver. I suggest you use Notepad++, a free ware, which is light on the system and is simple to install and use. Textpad is not a freeware and can be equally good. So any of these two would be perfect to start with. Just save the file as *****.html and view it any browser you want and you can see the result there.

Next i will be talking about HTML elements. So till then, See ya.

Sunday, June 7, 2009

Coding: Where to Start?

Websites that you see in your browser,look good,attractive and informative but have you ever wondered what goes "behind the scenes" in your favorite browser? Have you ever bothered to check how the browser displays all these images,text,videos and lots of other stuff that you can see in your free website? Well i will explain all that here. 

Every Website has something called "the source", it is something which tells the browser how to display that particular website. There are many ways to code a website. You can do it using HTML and CSS or using PHP or ASP and many more. But let us start with the real basics. We will go through HTML first.

The first question you might have in your mind is What is HTML? It is a language devised for creating website which can be viewed by anyone else who has an internet connection.  HTML is relatively  easy to learn and can be done in a few days.

HTML stands for  HyperText Markup Language.

  1. Hypertext is the method you move around the web by clicking on a special text called Hyperlinks which takes you to a different page or a section in the same page. (it looks something like "this")
  2. Markup is what HTML tags do to the text inside them (italicised text, for example).
  3. HTML has syntaxes and codewords like any other language.

How does it work?

HTML contains a numerous short codestyped  into a text-file by the site author — these are the tags,  saved as a html file, and viewed through a browser, like Firefox or Chrome. This browser reads the file and translates the text into a visible form, rendering the page as the author had intended. 

The tags are what separate normal text from HTML code. These are the words between the . They add stuff like images and videos and stuff, just by telling your browser what to do whith the text on the page. Different tags will perform different functions. The tags WILL NOT  appear when you view your page through a browser, but their effects do. Some tags are used to format some text, like this:

<i>These words will be italic </i>,and these will not. 

In the example above, the <i> tags were wrapped around some text, and the contained text will be in "italics" when viewed through an ordinary web browser.

But, using HTML and designing good websites is not that easy, which is what I try to help you with rather than just teach what HTML is all about. Learning techniques and correct use of your tag knowledge will improve your work immensely, and the more you practice, the more you do better. But always bear in mind the audience of the websites.  The audience  are the people who visit your wesbsite and also bear in mind the BROWSER they use. These things can be researched and  i will be coming to it later.

Now that we know what to start with, let us see how to understand HTML Tags and how these are used in websites, this will be explained in my next post. Till then happy learning.


Saturday, June 6, 2009

What The Font

I have wondered seeing so many sites with amazing fonts. Fonts play a crucial role in completting the design of a website. The thing is all web designers may not be expert in typography , but still need to identify what font is used in a particular website - i found out one efficient solution - WhatTheFont !

Whenever you need to find out what font is used in particular website , jus take a screenshot of the site ( may be the particular word ) and upload it in WhatTheFont .



So , we tried to identify what font "technocrab" uses - we uploaded the technocrab header image - the option as you see for uploading a file . You can even specify the URL of the image if it is hosted somewhere. ( You can have look at the tips below for getting optimised results also )

Click Continue.



Here , you will see the uploaded image first . Then you see WhatTheFont converting image of font to real letters . "technocrab" is finally obtained from each letter as you see . ( You can even edit the letters if you think WhatTheCrab obtained the incorrect output . And now when you are sure , all the letters are generated , click Continue.



Wow - guess what !! See the font results i obtained for the image i uploaded !! Yea - tht was great indeed , the font we used for Technocrab is Rockwell !!

See this is some sort of great idea for Image Searching - Expecting this type of image search-font soon in Google :)

Do's and Dont's of Modern Web design

Hi everyone - so this is our first bit of information . While designing a website you have to take care of many things , say the design section - the colour selected , the header place , image selection and many other things . Likewise in Coding part , you have to optimise the code for better speed of loading and Search Engine Optimisation etc.

I found out one interesting website dealing with the DO'S AND DONT'S of MODERN WEBDESIGN.
Have a look !

DO'S AND DONTS OF MODERN WEBDESIGN

Friday, June 5, 2009

Techno Crab - Launch

Hi everyone , ya i see no readers of this special blog upto now - but im sure there will be more and more in the coming days . So the aim of this blog is to inspire most of the Internet Users - what is the true power of Internet !!

Internet ofcourse is an unlimited source for knowledge and fun . We , the technocrab team , will be sharing with you guys , all the knowledge we have, and we come across daily .

Keep an eye on us !!

Technocrab - Lets have a go !!!