WebSocket in HTML5

HTML5 provides a new thing called a WebSocket. Now data can flow between the browser and server without having to send HTTP headers until the connection is broken down again. Welcome to the world of PUSH technology!

What is Websocket?
WebSocket is bi-directional (full-duplex) communication channel over a single TCP (Transmission Control Protocol) socket for client or server application... goes too much technical, ok then
WebSockets opens a connection to a server and the connection stays open until you decide to close it. From there, you can start sending messages from the browser to the server and you can define a callback function for when the server send data back. Basically we got rid of each time new request for server.

Periodic Table of Typefaces

Periodic Table of Typefaces : Popular, Influential & Notorious (wallpaper)
An interesting collection of fonts and guess what you also can order to past it on your workshops wall ;)

Get a Periodic Table of Typefaces for yourself!

Google Code Prettify

It is a truly better and easier way for syntax highlighting of code snippets in a web page with good cross-browser support. It contains a Theme based Customizable CSS file which you can chose from its gallery of theme and a Javascript module file that allows syntax highlighting of source code snippets in an html page. It is also light weighted and have basic support to all  C (and friends), Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, and Makefiles languages (because of commenting conventions, doesn't work on Smalltalk, or CAML-like languages), and we don't need to specify the language. Apart this for Clojure, CSS, Go, Haskell, Lua, OCAML, SML, F#, Nemerle, Protocol Buffers, Scala, SQL, TeX, LaTeX, VHDL, Visual Basic, WikiText, XQuery, and YAML. it have an extensible language handlers for other languages in such case you can specify the language.

Cross site AJAX request

For cross site AJAX request we need following headers in host site:

Access-Control-Allow-Origin :,, ..
( it is necessary to mention requesting sites reference for localhost we can use and to grant access to all sites we can also use * )
Access-Control-Allow-Headers : Header1, Header2, ..
(we need to mention the permissions for headers send by other site)

Access-Control-Allow-Methods : POST, OPTIONS, ..(we also need to mention Request methods supported by our site for other sites GET is by default open)


SOAP is a simple and extensible schema(or format) of XML information exchange over HTTP, it is used for communication between applications. SOAP stands for Simple Object Access Protocol.
A SOAP XML should have an Envelope (that is root element of a SOAP message), Header, Body and Fault element that identifies the document is SOAP message.

Google Web Fonts

Google Fonts is an absolutely awesome collection of web fonts with Open Font License that you may use in your HTML web pages without any restrictions. Google Fonts are hosted on and all you need to do is include a few lines of CSS (or JavaScript) to embed one or more of these fonts in your web pages.
We also can use these fonts for local use like in DOCs or PDFs, by downloading them from Google Fonts or from Google Code

Introduction to PhoneGap

What is PhoneGap?
It is a bridge platform between browser of a device and native control of device, it is based on advantage that every mobile operating system provides a Web View interface for its application like UIVewView in iOS.

Ripple Emulator

About Ripple Emulator

A browser plugin emulator to test and debug your HTML5 mobile applications for smartphone like Android, iOS, Blackberry.

It also supports multiple platforms like WAC, PhoneGap, WebWorks, Mobile Web, Opera and Vodafone.

Some of device features are also supported by Ripple Emulator, we can test Orientation, Accelerometer, Network Settings and Geo Location, apart that we can get the status of Audio and Video playback.  
All from within your Google Chrome browser and in a fraction of the time.

Android vs iPhone in the USA

  1. 6.6% of the US population has an iPhone. (source)
  2. Apple has 20.4 million iPhone users in the US. Up from 12.1 million a year ago. (source)
  3. 9.4% of the US population in using an Android phone. (source)
  4. There are 29 million Android phones in use in the US. Up from 6.4 million a year ago. (source)
  5. The proportion of new iPhone owners has jumped to 17% from 10% at the beginning of the year, while percentages of new Android phone owners has plateaued at 27%. (source)
  6. Android still makes up the majority of new smartphone sales for customers who picked them up in the last three months, but interest in the platform has stopped growing for now. (source)
  7. Apple's share of the U.S. smartphone market gained 12.3 percentage points to 29.5% in March 2011 while Android's share in the U.S. fell from 52.4% to 49.5% — its first sequential loss in any region of the world since early 2009. (source)
  8. "The migration of subscribers to the iPhone on the Verizon network should accelerate this fall when Apple coordinates the launch of iPhone 5 on the GSM and CDMA networks." (source)
  9. Verizon has 32% of the US iPhone 4 market. There was a big jump in Verizon iPhone 4 sales between May and June 2011. (source)

It's the end of computers as we know it

JavaScript Tutorial Websites

1. Mozilla Developer Network
The MDN has become the de facto resource for JavaScript documentation, and is an excellent resource for beginners and seasoned developers alike.

JQAPI is an alternative to the official API documentation.

3. JS Fiddle
JS Fiddle is a JavaScript pastebin on steroids. Create, share, execute and test your JavaScript right in the browser. This is a great tool for collaborative debugging or for sharing code snippets. It's also a fun way to perform quick experiments and test out new ideas. Simply combine your JavaScript, HTML and CSS, then click the "Run" button to see the results. You can also validate your JavaScript code against JSLint and save your Fiddle for use later, or share with others. JS Fiddle provides a number of useful features, like the ability to load up common frameworks automatically (to test your jQuery or MooTools code, for example) and as-you-type syntax highlighting, just like you'd get by writing code in your favorite IDE.

4. Eloquent JavaScript
This free ebook is an introduction to programming and the JavaScript language, the book reads much like a tutorial, and introduces a number of concepts and real-world applications in a clean, concise style. Interactive examples are also available, which means you can read about various techniques.

5. Douglas Crockford's JavaScript Videos
An undisputed expert in JavaScript, Douglas Crockford is Yahoo's JavaScript architect and is one of the individuals instrumental in the planning, development and future growth of the language.

6. How To Node
NodeJS is one of the web's most popular server-side JavaScript frameworks. This community-driven site offers an excellent repository of Node tutorials that's proven itself useful on a number of occasions. No Node developer toolkit would be complete without it.

7. DailyJS
DailyJS is a popular JavaScript-focused blog that brings you the latest and greatest JavaScript news, offers tips and techniques, and reviews libraries, plug-ins and services for JavaScript developers.