Change Facebook Thumbnail Image on Like Button

Here a quick and easy way to change the thumbnail image that Facebook picks for your website when a users clicks on the Like button or shares a link of your website on Facebook; Add the following line of code in HEAD section of the page:

 

where THUMBNAIL_IMAGE.JPG is the URL to the image that you’d like Facebook to use a the thumbnail.

JavaScript: Convert String to Integer (int)

To convert strings (text) to integer (number) in JavaScript use the parseInt function.

For example:

document.write(parseInt("23 years"));

Will return the number 23, the function ignores the string “years” and return the integer 23 only.

Another common example is:





 

If you enter 4 and 5, the script will return “45”  instead of 9.  To fix use the parseInt function as follows:






 

 

PHP: Check If Two Strings Are Similar

In php, to check the similarity between to strings (text) use the similar_text for example:

Here’s a PHP function that’ll help you check if two strings (texts) are similar. If the strings are 50% similar then the function will output “Duplicate Entries”.

 0) {
	if (count($result)>(count($array1)/2)){
		echo "Duplicate Entries";
	};

};
}

issimilar ( "Hello World Foo Bar Baz", "Hello Foo Bar Baz");

?>

Regular Expressions: Remove Links Hashes & Mentions from Tweet

Use this regular expresion to remove URLs (http://…) hashes (#ahash) and mentions (@amention) from Tweets or any other block of text for that matter.

For PHP code use:

/(@|#|http\:\/\/)([a-zA-z0-9\.\/])+/

 

For JavaScript:

^(@|#|http\:\/\/)([a-zA-z0-9\.\/])+$

 

 

CSS: Style Combo Box

There is no easy way to style a combo box using CSS, the best and easiest alternative I found is using the JQuery UI.

JQuery UI is an amazing library that offers many widgets, interactions, effects and styles.

This is a link to a combo box based on the JQuery UI auto complete library:

http://jqueryui.com/demos/autocomplete/#combobox

You can examine the source code of this combo box on this page

http://jqueryui.com/demos/autocomplete/combobox.html

For themes to use with this combo box, chekc this link out:

http://jqueryui.com/themeroller/

Text Effects Using CSS

► CSS Text Gradients


 

► Create a Letterpress Effect with CSS Text-Shadow

 

 

► Text Embossing Technique With CSS

 

► CSS Gradient / Glossy Text Effect

 

► Add grunge effect to text using simple CSS

 

► Text-Shadow Exposed: Make cool and clever text effects with css text-shadow 

 

 

► CSS Text-Shadow in Safari, Opera, Firefox and more

 

► CSS Drop Shadows 

 

 

► How To Use Any Font You Wish With FLIR

 

► Two simple ways to create text embossing effect

 

 

► Using CSS Text-Shadow to Create Cool Text Effects