Follow Ohmkumar on Twitter
16
Jul/10
0

Google font API

Amazing option to embed fonts to html documents.
Easy to implement.
Reference: Google Fonts API
Expecting more fonts, also expecting the option to embed our own fonts.

8
Mar/10
0

ie6 PNG fix for CSS background images

ie6 - Internet Explorer 6

Recently i just gone through this excellent script for png fix for ie6, even png images declared in css background.
All you have to do is add these below to lines between tags.

<!–[if ie6]>
<script type=”text/javascript” src=”orpngfix.js”></script>
<![endif]–>

Add the orpngfix.js and clear.gif files in the root folder.
Enjoy :)

21
Dec/09
0

Toggle effect for fade – with jQuery

jQuery
Write the below function first:

jQuery.fn.fadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle'}, speed, easing, callback);
};

After that you can do as usual like:

$(".main").click(function () {
$(".child").fadeToggle("slow");
});

15
Apr/09
0

Javascript Image reflection

Download reflection.js and place it in ur web site folder so that u can include this file to your site,
Image reflection
Way to include reflection.js to ur site

<script language=”javascript” src=”reflection.js” type=”text/javascript”>
</script>

You need to put class=”reflect” in your image tag.

Code

<img src=”http://9th-direction.com/ohm.jpg” class=”reflect” />

Demo :  http://www.9th-direction.com/reflection.html

Filed under: Javascript
9
Feb/09
1

Page Peel Corner Ad Script in WordPress Theme

When i crawl, I had crossed this amazing script. So i would like to share here for you too…

There’s a live demo here on my blog, just look on the top right hand side and you will notice a peel-like paper sheet that says “See Inside”.

Page Peel
1. Download this Page Peel Script File and unzip it.
2. Open the PagePeel folder and edit the PagePeel.js file.
– Edit your preferred url on the one that says ‘Type your link here’.
3. Create 2 image files, 1 small (75×75) and 1 big (500×500),
Look at the sample images for an idea inside the images folder. a psd file for big image is included to edit it in Photoshop.
4. Add a script tag in the body of your html page that points to pagepeel.js.
Ex :

<script src="./pagepeel/PagePeel.js" type="text/javascript"></script>
– Most of the time you add this code after the <body>

5. Upload the PagePeel folder to the root of your server.