Implement 5 Star Rating System With PHP & JavaScript

User ratings are important for your site if you provide downloads of files or run an E-Commerce shop. It is the ratings of other users that tempt your site’s users to buy/download something. So, it is necessary for a site like this to have a Rating System. If you haven’t implemented it yet or want to replace your existing system with a clean one, you’re at the right place.

[READ MORE]

Advanced Live Group Chat With WebSocket, PHP & jQuery

WebSocket is one of the awesomest part of the HTML5 and we developers should experiment with it as it will be the future of client to server communication. In a recent post, I made a tutorial of live chat with WebSockets and PHP. It was the basic step into websockets. But, I have created another chat which is more advanced that has the capability to upload images as well as record audio from microphone of the user.

[READ MORE]

Notebook Paper Design Text Editor With jQuery

Hey, all.. it’s been a while since I wrote anything on my blog. Sorry guys, but I was working on a project which will be released soon. 🙂 WYSIWYG editors are used by us all on the web and if we are going to create a site, it’s better if the editor on it is WYSIWYG. There are many text editors, but there are none with a Notebook Paper design.

[READ MORE]

jQuery Popping Up Text Effect

If you are creating a web app and there is conversation to the user without audio and just text, animations and effect will make the app better. In this short post, I’m introducing a simple text effect without any trouble at all. All it does is animate the text’s font size. But, the effect is like the text is popping up. Demo Here’s the code. It’s wrapped in a function and you can easily customize it :

[READ MORE]

Newton Color Disc in jQuery

Newton Color Disc is used to find the color got by the combination of multiple colors. The color is not actually formed, but the eye identifies the combination as another color due to persistence of vision. Normally, Newton’s Color disk is made by marking sectors filled with color on a circular shaped disc. When this disc is rotated at high speed, we see the circle as another color. This principle led to the method of creating different colors by the combination of some primary colors at different percentage compositions.

[READ MORE]

Create HTML Chess Game With jQuery

We all love to play Chess, the most fascinating game that absolutely needs good thinking powers. You know that, comparing a human to a computer logically and arithmetically, computer has the superior power. So, certainly if you play a chess game with computer as opponent, a 90% chance is for the computer to be the winner. But, it is not sure. It was actually in C language by Oscar Toledo Gutiérrez, who created chess game program in less than 2 KB.

[READ MORE]

Create Live Group Chat With PHP, jQuery & WebSocket

With the introduction of HTML5, a new technology was evolved in 2011 called WebSockets. This technology enables live connection with the server even after the page finished loading. It’s a better, replaceable version of AJAX for client to server communication in the background. With WebSocket technology, its possible to have a direct communication between server and client without any interruption and faster data transmission. So, to demonstrate this to me and for you, We’re going to create a live group chat with PHP, jQuery with the help of WebSockets.

[READ MORE]

Record, Play, Download Microphone Sound With HTML5

HTML5 has tons of new stuff that are exciting and very interesting. It arrived with features that would replace the need of Flash in browsers. Since the features that were available in Flash is coming into the native JavaScript, soon we won’t have to update our Flash player plugin and depend on Adobe for new awesome features. More integration with hardware technologies to the Web is the main important thing.

[READ MORE]

Animated AJAX Login Form With jQuery

The Web is growing rapidly. Each day, new features are arriving. With the coming of AJAX, many websites became more easy to handle. With jQuery, websites became more attractive with animations and styles. In this tutorial, we are going to create a stylish animated Login Form with jQuery, CSS & AJAX. With this, the login time for the user is greatly reduced as the page shouldn’t be loader all over again.

[READ MORE]

Compress PHP Site – HTML, CSS & JS

UPDATE Site Compressor is now an app on Lobby. To use Site Compressor, download Lobby and install Site Compressor app. Compressing / minifying a site’s code will improve the data transfer from server to the client. The browser will be easily able to get the content from server. There are a lot of benefits that comes with site compression. I use compression too in my own way. My site Open is heavily compressed.

[READ MORE]