css-icon-delicious

CSS Social Icon – Delicious






In my leisure time (really?) I have made Delicious icon with pure CSS. Compatibility: IE7, IE8, IE9, Firefox 3.8+, Safari 5+, Chrome 14+, iPhone, Android, iPad, BlackBerry, Windows Mobile Live example of Delicious CSS icon HTML <!DOCTYPE html> <html> <head>title>CSS Social … Continue reading →






Cross Browser custom font






Designers and Developers generally go with traditional uni-platform font families ie. Arial, Helvetica, san-serif. But if we use a custom font in design it is also easy to integrate in our webpage. Method 1 – @font-face in CSS @font-face { … Continue reading →






css-verticle-middle-2012031

CSS Verticle align middle






Previously we had to use <table>, <tr>, <td> tags to make the image or content vertically middle. But as the table structure is heavy compare to DIV based structure, we have to find alternative for making the content vertically middle. … Continue reading →






Javascript Random Color Change






There are different ways to randomly change the element text color or background color using Javascript: with Math.random() using Math.round/ceil/floor with seconds with seconds and conditions DEMO1 | DEMO2 | DEMO3 The HTML <!DOCTYPE html> <html> <head><title>Javascript Random Color</title></head> <body> … Continue reading →






How to enable javascript in browsers






Today almost all websites uses core javascript or various javascript libraries to add impressive interaction onto web pages. Sometimes you might have seen that websites shows an error message that your browser’s javascript is disabled and you have to enable … Continue reading →






thumb-rails

Placing default cursor in textbox in Rails






The default cursor means when the page loads in a browser, the cursor should be in/on a particular part, say textbox or textarea. There is a simple javascript method focus() to place the default cursor: <script type=”text/javascript”> document.getElementById(id).focus(); <script> But … Continue reading →