“ajax-javascript-solutions-for-professional-coding” ,
Hope it would be helpful to you guys…
Click here:
http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/
Ajax-javascript-solutions-for-professional-coding
November 6th, 200990 killer Javascript snippets to pimp your website
November 6th, 2009“90 killer Javascript snippets to pimp your website” ,
Hope it would be helpful to you guys…
Click here to view :
http://www.roscripts.com/90_killer_Javascript_snippets_to_pimp_your_website-141.html
The Lightbox Effect without Lightbox
November 6th, 2009
We’re not afraid of pushing the envelope on the site, so if we like an idea, we’ll roll with it until too many of our users tell us it sucks. (That hasn’t ever happened incidentally)
When I first started trying to figure out how to do this, I wasted a lot of time trying to hack the Lightbox code and it was ugly. I thought better of using code I wasn’t proud of, so here’s how I did it:
#overlay{
background-image: url(/images/overlay.png);
position: absolute;
top: 0px;
left: 0px;
z-index: 90;
width: 100%;
height: 100%;
}
* html #overlay{
background-color: #333;
background-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src="/images/overlay.png", sizingMethod="scale");
}
#box{
width:300px;
background:#2d2d2d;
padding:10px;
border:2px solid #eee;
}
#close{
position:absolute;
top:-5px;
right:-5px;
cursor:pointer;
}
Most the css was lifted straight from the Lightbox css. Next is the HTML, which also includes Lightbox’s neat little close image.
<div id="overlay" onclick="hideBox()" style="display:none"></div>
<div id="box" style="display:none">
<img id="close" src="/images/close.gif" onclick="hideBox()" alt="Close"
title="Close this window" />
Here's a bunch of really sweet content!
</div>
And finally we have the javascript. The center function was lifted directly from here with a few slight modifications. Note: You also need Prototype for this script to work.
function showBox(){
$('overlay').show();
center('box');
return false;
}
function hideBox(){
$('box').hide();
$('overlay').hide();
return false;
}
function center(element){
try{
element = $(element);
}catch(e){
return;
}
var my_width = 0;
var my_height = 0;
if ( typeof( window.innerWidth ) == 'number' ){
my_width = window.innerWidth;
my_height = window.innerHeight;
}else if ( document.documentElement &&
( document.documentElement.clientWidth ||
document.documentElement.clientHeight ) ){
my_width = document.documentElement.clientWidth;
my_height = document.documentElement.clientHeight;
}
else if ( document.body &&
( document.body.clientWidth || document.body.clientHeight ) ){
my_width = document.body.clientWidth;
my_height = document.body.clientHeight;
}
element.style.position = 'absolute';
element.style.zIndex = 99;
var scrollY = 0;
if ( document.documentElement && document.documentElement.scrollTop ){
scrollY = document.documentElement.scrollTop;
}else if ( document.body && document.body.scrollTop ){
scrollY = document.body.scrollTop;
}else if ( window.pageYOffset ){
scrollY = window.pageYOffset;
}else if ( window.scrollY ){
scrollY = window.scrollY;
}
var elementDimensions = Element.getDimensions(element);
var setX = ( my_width - elementDimensions.width ) / 2;
var setY = ( my_height - elementDimensions.height ) / 2 + scrollY;
setX = ( setX < 0 ) ? 0 : setX;
setY = ( setY < 0 ) ? 0 : setY;
element.style.left = setX + "px";
element.style.top = setY + "px";
element.style.display = 'block';
}
That’s all there is to it! To make all of this goodness appear, you just need to call showBox().
The center function is a bit long, but most of that is just browser compatibility code.
Dynamic URL and Static URL…SEO View Point
November 6th, 2009“Dynamic URL and Static URL…SEO View Point” ,Hope it would be helpful to you guys…
For the websites those have plenty of pages, writing or updating a hard coded page every time by hand is a monolithic task. So they use dynamic scripts like PHP or JavaScript to insert content into pages, such websites are called as dynamic websites where content is stored in a database and the site serves as a template for the content. Furthermore the page address that results from the search of such database-driven websites is called as dynamic URL.Example of a dynamic URL:
http://www.yourdomainname.com/profile.php?mode=view&u=7
Dynamic URLs are generated from specific queries to a site’s database resulting in the different URLs for the same content unlike to static URLs in which URL or the file name of a webpage remains same until the webmaster makes any change in its HTML code.
Problems caused by dynamic URLs
Users may find different dynamic URLs having the same content moreover they are not likely to understand what the page is all about by its dynamic URL and will not click on it as it is not making sense to them causing the obvious decrease in click through rate. On the other hand Static URL looks more trustworthy with keywords bolded in the SERP snippets causing higher click through rates (even in emails, forums & blogs) and also serves as a valuable backlink because of having key-phrase in itself.
It is also observed that, Static URLs are ranked well than dynamic URLs in major search engines because it’s a known SEO fact that if you have your targeted keywords in the domain name or the page URL then you will surely rank high. (A few years ago when Amazon.com changed to static URLs, there page rankings increased suddenly)
The different dynamic URLs for the same content create the issue of indexing same page for more than 1 URL and in turn Pagepank dilution. Google indexes all the copies of same content at varying URLs moreover it tends to return one version of these URLs with some queries and other versions with other queries.
Furthermore it is observed that dynamic URLs with multiple parameters are truncated by Google after a specific number of variable strings (e.g. &, ?, =), which creates a new issue of two actually different URLs looking same.
Let’s look at this example:
http://www.somedomainname.com/forums/thread.php?threadid=78632&sort=date
http://www.somedomainname.com/forums/thread.php?threadid=12345&sort=date
Both the URLs above, point to 2 different pages but cutting off the part after (?), makes them look same for Google. Now, even if you have unique pages, they will not be indexed because of their same URL.
Available solutions and beliefs
However google claims to solve above mentioned issues with dynamic URL crawling…to get rid of all this, rewriting the dynamic URL to a static is handy but for that you should be savvy enough to know the Apache Mod Rewrite Rule through which you can redirect one URL to another, without making the users or a search engine aware of it. Apache’s Mod Rewrite Rule handles the conversion for you, while still keeping the dynamic URL. You may take a look at this model, http://httpd.apache.org/docs/1.3/mod/mod_rewrite.html
If you are not conveniently technical, you would not like to puzzle out the composite Mod Rewrite code moreover you will simply not have the time to hunt for such a new learning treasure. Fortunately, there are several third party URL rewriting modules available. For e.g. http://www.linkvendor.com/seo-tools/url-rewrite.html
But problem with URL rewriting is, it’s quite hard to correctly create and maintain the rewrites…as in the process some parameters which offer the Googlebot valuable information may be kept hidden and some irrelevant parameters may be embedded in to static form that will make the combining of duplicate URLs of a same page even more difficult for Google. So Google recommends avoiding the reformation of a dynamic URL to make it look static if you are not able to figure out which parameters to remove and which to keep. For more information take a look at Google declaration,
Some people are looking this recommendation by Google in a competitive industry standpoint (as getting webmasters to stop rewriting URL’s means a great loss of indexed content by Google’s competition that might have not yet progressed in the dynamic URL field), but almost all are agreed that the best practice for SEO is still in rewriting the dynamic URLS for on-page optimization and click through purpose while keeping it limited to hide only superfluous parameters and stop exacerbating Google’s efforts though few things remain unclear,
How many parameters in a URL are regarded secure – when does it start to lower the rankings?
Does the TRUST rank of a webpage make it more immune to any devaluation in rankings due to dynamic URLs?
http://www.somedomainname.com/forums/thread.php?threadid=78632&sort=date
http://www.somedomainname.com/forums/thread.php?threadid=12345&sort=date
Free Shopping Cart Solutions
November 6th, 2009“Free Shopping Cart Solutions”, Hope it would be helpful to you guys…
Everyone who sets up an online store goes through the same problem and asks that very question.. “What solution should I use?”
There are a good number of self hosted, free and paid solutions, externally hosted free and paid solutions and addons for CMS software like Wordpress and Joomla.
There are many aspects to consider whilst deciding, I have listed a number of well know free and open source solutions with good support communities, so visit and demo the scripts and see what works best for you.
Self Hosted
http://www.agoracart.com/ - (PERL & MYSQL)
http://www.cubecart.com/ – (PHP & MYSQL)
http://www.magentocommerce.com/ – (PHP & MYSQL)
http://www.opencart.com/ - (PHP & MYSQL)
http://www.oscommerce.com/ – (PHP & MYSQL)
http://www.prestashop.com/ – (PHP & MYSQL)
http://spreecommerce.com/ – (Ruby on Rails/MySQL)
http://www.storesprite.com/ – (PHP & MYSQL)
http://www.zen-cart.com/ - (PHP & MYSQL)
Joomla Extensions
http://www.seber.com.au/downloads/SeberCart.aspx
http://extensions.joomla.org/extensions/e-commerce/shopping-cart/4148
Wordpress e-Commerce Plugins
http://www.fatfreecart.com/wpplugin.html
http://www.instinct.co.nz/e-commerce/
78+ Awesome Gradient Resources for Web Design
November 6th, 2009“78+ Awesome Gradient Resources for Web Design” ,Hope it would be helpful to you guys…
It is unevitable to use gradients for web designers. The links above is a huge collection for you to find or make the best gradient effects for your website. They are not only about photoshop, illustrator or gimp, but also tools, generators and inspiration. If you still not using gradients, I think after this post you will start using some.Click here to view:
http://www.listelog.com/78-awesome-gradient-resources-for-web-design/
Making A Cool Login System With PHP, MySQL & jQuery
November 6th, 2009“Making A Cool Login System With PHP, MySQL & jQuery” ,Hope it would be helpful to you guys…
Demo :
http://demo.tutorialzine.com/2009/10/cool-login-system-php-jquery/demo.php#
Download code:
http://demo.tutorialzine.com/2009/10/cool-login-system-php-jquery/demo.zip
Tutorial:
http://tutorialzine.com/2009/10/cool-login-system-php-jquery/
PayPal open their platform for developers with official launch of adaptive payments API
November 6th, 2009“PayPal open their platform for developers with official launch of adaptive payments API” ,Hope it would be helpful to you guys…
PayPal Innovate X 2009 kicked off yesterday. At this dedicated developer conference PayPal officially launched their new flexible payments platform known as PayPal X. Adaptive Payments APIs are the first suite of APIs from the PayPal X open platform to be released. There are some additions to Adaptive Payments APIs since the details leaked last June.
https://www.paypal-communications.com/innovate2009/
http://www.webpayments.ie/blog/PayPal-Adaptive-Payments-a-flexible-payments-API-from-PayPal.html
Currency Conversion
Allows currencies to be automatically converted using current exchange rates.
Pay Anyone
Allows financial and other institutions to let their customers send money when logged into their bank accounts. The customers sending the money will not need a PayPal account to use the service.
Pre-Approvals
Allows developers to create reusable payments agreements between buyers and sellers. The approval happens online but the money movement can occur offline at different intervals, through different devices that may not be connected to the Internet at the time of payment occurs.
Send Money
Allows developers to build person-to-person (P2P) solutions or business-to-business (B2B) payment applications.
Chained Payments
Allows a payment from one sender to be indirectly split among multiple receivers. This would allow developers or application providers to take a slice of the payment.
Parallel Payments
Allows a payment from one sender to be split directly amount multiple receivers. The sender will know who the receivers are and the amount of money that is paid to each.
Adaptive Accounts API
Allows developers to integrate the PayPal sign-up process into their applications so customers without PayPal accounts can create them in a streamlined sign-up process from within the developers application.
This initial list of APIs is pretty impressive. It is a good move by PayPal as opening up their platform to developers will help extend their reach and customer base further. In particular I think the Adaptive Accounts API and Chained Payments will be very popular with developers and will lead to some innovate applications.
15-image-effects-plugin-with-mootools-jquery
November 6th, 2009“15-image-effects-plugin-with-mootools-jquery” ,Hope it would be helpful to you guys…
Click here:
http://www.listelog.com/15-kick-ass-image-effects-plugin-with-mootools-jquery/
Get Contents from the URL
November 5th, 2009Checkout the below code:
<?php
$url = “http://www.makeeit.com/”;
$fp = fopen( $url,”r”);
$content = “”;
$plain_url = addslashes($_GET['thumbrequest']);
while(!feof($fp))
{
$buffer = trim( fgets( $fp, 4096 ) );
$content .= $buffer;
}
$start = “<title>”;
$end = “<\/title>”;
preg_match( “/$start(.*)$end/s”, $content, $match );
$jo = $match[ 1 ];
//print_r($match[2]);
$metatagarray = get_meta_tags( $url );
//print_r($metatagarray);
$keywords = $metatagarray[ "keywords" ];
$description = $metatagarray[ "description" ];
echo “<div><strong>URL:</strong> $url</div>\n”;
echo “<div><strong>Title:</strong> $jo</div>\n”;
echo “<div><strong>Description:</strong> $description</div>\n”;
echo “<div><strong>Keywords:</strong> $keywords</div>\n”;
?>
Even in a simpler Array format you can able to get down all the things
<pre><?php
$URL = ‘http://www.makeeit.com/’;
// Try to fetch the meta tags for $URL
$meta_tags = @ get_meta_tags($URL)
or die(”Could not fetch meta tags for $URL”);
// Show the contents of $meta_tags
print_r($meta_tags);
?></pre>