Create A Profile Picture Framer Web App

You might have seen your Facebook friends’ fancy profile pictures with the frame of the sports team they support. These days for any major events, the best way to support them is by adding a frame to your profile picture with their logo. Football (soccer) is my favorite sport. My state Kerala have a franchise club in the Indian Super League called Kerala Blasters. We are the largest club by average crowd attendance and the fans are so passionate.

[READ MORE]

Run Multiple WebSocket Services On Same Port

Are you as crazy as me when developing WebSocket applications ? It’s so awesome to work with WebSockets that will blow up your mind and irritate you at the same time. WebSockets can be used for any real time applications such as : Games Chat News File Transfer And because it’s impact is so vast, we can develop as many applications as we want. But, a problem arises for freebies like me and you.

[READ MORE]

Finding The Value Of Pi

Everyone must have heard of Pi, the irrational number that never ends. It goes by this : 3.14159265... I have been learning about Pi since I was in 8th grade. All the time in school, I was curious about to which Pi extends. Now, I know the extend – Infinity :P. I dedicated my precious Christmas vacation for finding the useless value of Pi. Why ? Curiosity. Simply, the curiosity made me want to do this.

[READ MORE]

Uploading Images Using AJAX In HTML5

In a post that was published some years ago, I explained how to upload an image using AJAX. But, it is an old trick when HTML5 was not standardized. But, now browsers have evolved and almost every person in the world has an HTML5 supported browser. Besides, the old trick used a JS file which is about 15KB. If we used HTML5 mechanism instead, then you can save about 14KB.

[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]

Drupal 8 HTML5 Initiative

HTML5 is the newest HTML version and it has tons of new features. New input types, output & input (audio, video) and many more. It is now absolutely necessary for projects to move to HTML5 to enjoy new features. Drupal is also converting to HTML5 in the upcoming stable 8.0 release. Drupal has started the HTML5 Initiative to convert Drupal to HTML5. Now, this will upgrade Drupal into new heights.

[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]

Create SVG Images In Inkscape Without Transforms

Inkscape is a beautiful Open Source Image editing software. It can be used to create PNG images, JPG images and even SVG images. But, when you export an SVG image, it will have some kind of transform style in it such as translate. This will make the SVG image code so long. To make it short, it’s better to remove the transform on the image and save it as it should be.

[READ MORE]