How to add HTML5 input watermark

No wonder you must have tried many Javascript codes before to achieve placeholder or in lame man’s term watermark like text in your form input fields. Javascript codes can be bit messy but of-course you can achieve whatever you want with your input boxes. But there another neat HTML5 way to place watermark text in your input boxes.

Facebook New DIV tags

As per Facebook, they are going to deprecate all FBML tags, and will be completely be removed by June 1st 2012. All FBML tags <fb:comments>, <fb:feed> etc will no longer work. So what happens if all FBML tags no longer supported by Facebook? simple, just switch to regular HTML and Javascript socal plugins, or use their Graph API.

Embedding Fonts In Web Pages

Earlier we were stuck with few selections of web safe fonts,┬ábecause we didn’t have much choice. But times have changed, new web browsers can embed and render any stylish font, and this opens up new opportunity for Web developers to transform a basic looking design into something extraordinary.

Redirect users to a new Page

There are various methods we can use to redirect users to different URL. Let’s have a look at codes below with just one goal. HTML Meta Refresh Tag Most common way to redirect users to another location is using HTML refresh meta tag, just have this code placed within the <head></head> section of your HTML page : Javascript Location And here is another method using Javascript window.location, only downside is if browser doesn’t support Javascript, this code will fail to redirect user to new location: //Will take you to sanwebe.com window.location.href = 'http://www.sanwebe.com'; PHP Header We can use PHP header to redirect user to new URL easily, but remember there must be NO other output before this code, such as echo code which will trigger “headers already sent” error. Perl Location Here’s perl code to redirect user to sanwebe.com. #!/usr/bin/perl $url = "https://www.sanwebe.com/"; print "Location: $url\n\n";