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. What if a passionate, crazy fan is also a programmer. Then you will get this.

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. Well, in this post I will guide you in creating a notebook paper with CSS3 and making that paper design into a text editor.

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.

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.

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.

I compressed sites using Python by using loops to iterate over files and replace strings, compress according to my needs. But, every time I had to open a Terminal to give the request and there will be some kind of errors when something new is added to the site.

When we all search on the web using Google, Yahoo or Bing, we are curious about how it works and how it gets all the information on the web. When us programmers started coding, we all wanted to create a search engine. I too attempted to create a search engine and I ultimately failed (3 years back). But now, I improved my coding skills, improved my knowledge and ideas. So, I decided to create a new search engine with automatic crawling, indexing and stuff.

I wrote a post on creating Group Chat in PHP. A comment was posted by Ravi asking if it was possible to include user’s typing status. It was a fascinating and a good idea to add user’s typing status. So, I worked on the code and knew it was possible. I’m going to tell you how to implement the display of users’ typing status on the Group Chat I created earlier.

Blogger adds their CSS styles to every templates. These files’ load time will make your site slow. So for a better user experience, Blogger CSS files should be removed. But there isn’t any Settings page for this. Blogger automatically add it’s style sheets. But you can disable the loading with a simple hack.

Blogger Style Sheets

The Blogger CSS files are these :

https://www.blogger.com/static/v1/widgets/4219271310-widget_css_2_bundle.css
https://www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css
https://www.blogger.com/static/v1/widgets/3160349130-widget_css_2_bundle.css

When Blogger updates, the above URL’s will also change. Thus page load increases.

In the last post, I told the way to implement Disqus Combination widget to your web site which have recent comments, popular threads and commented users, all in one. But, if you only need one of it, why load all 3 of them. So, if you only want the Recent Comments widget, you will find this post useful.

Screenshot

You can also see a demo on JsFiddle.

Disqus is one of the most used commenting systems in websites. It’s easy, fast and customizable. Disqus also support real time comments. Like any other commenting systems, Disqus provides various widgets for showcasing comments, discussions and commenters. They also have a widget that combines all these together. It is very easy to install this “combination” widget.

You can include this code in Blogger’s HTML Widget or in WordPress’ Text Widget :