Simple Chat Using WebSocket and PHP Socket

The WebSocket is a feature of HTML5 for establishing a socket connections between a web browser and a server, once the connection has been established with the server, all WebSocket data (frames) are sent directly over a socket rather than usual HTTP response and requests, giving us much faster and persistent communication between a web browser and a server. Let’s create a simple chat system using this cool technology (HTML5 WebSocket and PHP).

Creating Shout-Box Facebook Style

Facebook has this nice little chat box that doesn’t take up much space, and people can instantly interact with their friends, it is a cool feature to have in any website. Let’s get inspired and create an Shout Box which will look similar to Facebook chat box.

HTML & CSS Resources for Biggners

If you own a website, most likely you have to call developer several times to get those tiny things fixed in your website. But what if you could dedicated little time to learn these things? you’ll find HTML and CSS very easy language to learn. Once you learn the basic stuff, I am sure within a week you’ll be able to manipulate your website layout, and you no longer have to be dependent to your developer all the time, who knows you may not even need him to start your next website!

Add/Remove Input Fields Dynamically with jQuery

If you are looking to add and remove duplicate input fields, here’s another jQuery example below to do the task for you. This jQuery snippet adds duplicate input fields dynamically and stops when it reaches maximum.

Count Characters Remaining with jQuery

Sometimes you might want to allocate total number of characters user may enter in a text box, and you also want to display remaining characters count as user type in the text, and how about preventing user from typing further after the character limit has reached? It sounds really daunting but believe me it is very simple and fun with jQuery.

Scrolling Table of Contents with Jquery and CSS3

If you have very long pages like Wikipedia, you might want to organize your paragraphs with some sort of stylish scrolling Table of Contents (TOC). In this article we will create a nice little Table of Contents with bit of jQuery and CSS3. Div element stays fixed on the left or right side of the page for easy navigation of the page, it can be expended and collapsed easily by a reader.