Introducing jSlider: A Content Slider plugin for JQuery

Posted 7 CommentsPosted in Open Source, Web Development
jSlider is a light weight JQuery plugin for content sliding. By content we mean everything: HTML code, Images, Advertisements etc etc. jSlider allows to put our content in simple <div>'s, and then it automatically generates a content slider for you, which one can customize using various options provided. Screenshot Below is a screen shot of a content slider using jSlider: Download and Demo jSlider is hosted at google code. Use the following links for demo and downloads: Download the source code. Click for a demo of jSlider Using jslider.jquery.js Below is a sample html code which will be processed by...

fixed.js – Solution to IE6 “position:fixed” Bug

Posted 8 CommentsPosted in Web Development
IE6 has been a bane for all frontend developers for years. An element can be positioned relative to the browser window using the style position:fixed, it does not move when the page is scrolled. You can do nice layout things (e.g. facebook chat bar) with this in most modern browsers but not for IE6 in windows until you use fixed.js Sample Code for Facebook Type Chat Bar <html> <head> <style type="text/css"> body { margin:0px; padding:0px; height:1600px; position:relative; } #shoutbox { position:fixed; background-color:#F2F2F2; border-top:1px solid #CCCCCC; bottom:0px; left:0px; width:100%; height:25px; } </style> <script type="text/javascript" src="fixed.js"></script> </head> <body> <div id="shoutbox"> <!-- Our...

Facebook type image rotation and more using PHP and Javascript

Posted 30 CommentsPosted in PHP
If you are a facebook geek like me, you must have noticed till now the image rotate functionality in the photo albums. Facebook allows you to rotate images 90 degree clockwise and anti-clockwise after image upload. If you haven't tried that till now, below is a screenshot for your convenience. Question: But the question is how does facebook team succeed doing this in one click. Today I tried looking around for a solution over internet and I came across the inbuilt imagerotate functionality in PHP. Problem: Unfortunately the problem is that even if you have GD Library extension enabled in...

Toggle : A Javascript game, anyone up for the challenge?

Posted 21 CommentsPosted in Web Development
This weekend I came across a game made using java applets. Initially looked like its possible to solve it, but slowly we realized that there might be no solution to this game. Finally I decided to clone it using javascript and see if you can solve the same. Toggle PS: Tested on all browsers except IE Modes: I included a custom mode in this game. Original game had only the classic mode. Classic Mode: When you click a square in classic mode, that clicked square and all neighbourhood squares toggle their colors (excluding diagonal neighbours). Custom Mode: In custom mode,...

SEO Analyzer v 1.2 – Adding support for Bing along with Google and Yahoo

Posted 25 CommentsPosted in Open Source
On May 28, 2009 Microsoft announced Bing which has now replaced Live search. And within 2 week of it's release, Bing seems to have leapfrog Yahoo search in U.S. With Bing coming up as a strong contender to Google and Yahoo search engines, I have added support for Bing in SEO Analyzer v 1.2. This will enable you to analyze a site's ranking for a particular keyword on Bing search engine, along with Yahoo and Google search engines. SEO Analyzer Future Roadmap: Saving reports on spreadsheets Comparing two sites for a list of keywords Keyword density extraction tool Happy SEO...

Getting Google Page Rank using Javascript – For Adobe AIR Apps

Posted 6 CommentsPosted in Web Development
Last week while working on SEO Analyzer v 1.1 desktop application, I faced a challenge of getting google page rank for a particular site using javascript. I am not sure if someone has already done this before, but I thought of sharing this javascript code for all adobe air and web developers out there. googlepagerank.js var googlepagerank = { hexdec: function(hex_string) { hex_string = (hex_string+'').replace(/[^a-f0-9]/gi, ''); return parseInt(hex_string, 16); }, count: function( mixed_var, mode ) { var key, cnt = 0; if( mode == 'COUNT_RECURSIVE' ) mode = 1; if( mode != 1 ) mode = 0; for (key in...

SEO Analyzer – Version 1.1 – What’s New?

Posted 4 CommentsPosted in Open Source
While SEO Analyzer v 1.0 focused primarily on getting page ranks and analyzing back links to your site url, SEO Analyzer v 1.1 adds another feather to the cap. It allows you to achieve following analysis: Feature List: Get google page rank for input site url Get all backlinks to the input site url Get the exact href tag (rel="nofollow", target="_blank", etc) used by the back linking sites Get google page rank for the back linking sites Get google and yahoo ranking for the input site for keyword(s) And a lot more .... Installation: Download and Install Adobe AIR Download...

Introducing SEO Analyzer

Posted 3 CommentsPosted in Open Source
SEO Analyzer is a desktop based application build specifically for page rank checking and link analysis for seo purpose. It is built using Adobe AIR. Note: SEO Analyzer v 1.1 is out. Read more about it here Installation: Download and Install Adobe AIR Download and Install SEO Analyzer Features: The tool currently provides the following features: Retrieve Page Rank for a particular web url Get all incoming links for the entered url Get page rank for the sites linking back to the entered url Suggestions for future enhancements are welcomed.

Using Image Maps in Javascript – A Demo Application

Posted 30 CommentsPosted in Web Development
Past month I was busy with project back in office, JAXL web chat client and photolog - a custom made wp-plugin for converting it into a photo blog. As I am close to finish them all, I am back to blogging after more than a month. Here I would like to demonstrate a cool technique which I explored while working for the india elections site. We decided to have a cool india map where we could show data for each state. Though flash is always the best method to go with for such applications (and finally we did it with...

A Light Weight Javascript calendar for your websites and blogs

Posted 3 CommentsPosted in Web Development
Hello Everyone, Well you can find a lot of such calendars out there in the market, and this is yet another one for you. I made this to embed with my scheduling calendar which you can find here. Calendar with auto notification and demo Check out the source code from the google code repository: svn checkout abhinavsingh-read-only