Click to find out more about our Work

Archive for the ‘jQuery’ Category

February 20th, 2009
a-cool-jquery-plugin-php-jquery-image-replacement

A cool jQuery plugin : PHP / jQuery Image Replacement

How many times have you wanted to use a very cool looking font for your website, but have withdrawn the idea because you thought that font won`t display properly in everyones’s system.

Well fear not, I had previously posted a tutorial on how you can use PHP to display those lines of texts which use some odd font, by automatically converting it to an image (Tutorial : Convert Text into transparent PNG Image using PHP), this way, you can easily display text with odd fonts.

Recently I found a very neat plugin which automatically converts any text (with font of your choice) into an image i.e from now on you don`t have to worry about text with different or odd fonts. They`ll be automatically converted into a compatible image via this plugin, And don`t worry about the image tag and all, this plugin manages everything :)

Plugin name : PHP / jQuery Image Replacement
Plugin Home Page/Demo : http://www.xanthir.com/pir/

Usage

The usage was pretty simple.

  1. After unzipping the archive, Open pir.php and First set the fonts folder in the php page.
  2. In your website, include jQuery and then include the jquery.pir.min.js (for production).
  3. $(function() {
    $.pir.options.php="pir.php"; //compulsary to include the php which converts text to image.
    $("h1").pir({font: "yourfont.ttf", wrap: true}); //will enable automatic text warping.
    

    });

Pretty Simple huh ! Enjoy :)

3 Comments
November 13th, 2008
tutorial-collapsible-menus-using-jquery

Tutorial : Collapsible Menus using jQuery

jQuery has surely made my life easier. I have been trying out both Prototype & jQuery for a couple of days now and for some reason, I find jQuery a lil easier compared to Prototype Javascript Library. Although Prototype is a much powerful library (according to me), jQuery is just too simple ;) . Anyways I will show you a simple effect which you already must have seen in many places.

Demo : The Category section in the sidebar in this site.

EDIT : Added Collapse All, Expand All Code as well

13 Comments
July 28th, 2008

Tutorial : AJAX interface/menu using jQuery/PHP

Ajax Interface

Hello Guys,

I have been busy with college lately, since this is my last year in college, I need to do a very cool project to get some good marks :) . Anyways that doesn`t mean I won`t be postin tutorials here ;) . Want to present your data using AJAX/PHP/MySQL by just coding few lines ? Well here it is. This tutorial teaches you how to present data using AJAX (using jQuery) with some neat effects. We can use PHP/MySQL to store the data and call it. In this tutorial I`ll teach you how to do so with PHP. So lets begin !

You can check the demo HERE.
You can download these files HERE

Index

  1. Create the HTML page – index.html
  2. Create the PHP File – boo.php
91 Comments
July 22nd, 2008

Exploring Javascript Frameworks : jQuery 1.2.6

Hey guys,

You might be wondering where the hell are the Rails Tuts ! But before that, some of you might have read the Tutorial : Introduction to AJAX with PHP, if you think coding AJAX is tough, think again ! Recently I have been doing a lot of research about different javascript frameworks which will help me ease AJAX and I came across JQuery and Prototype. It seems they were very commonly used by lot of people. Not only that, these frameworks, besides just providing AJAX they have a lot of cool features. So I decided to explore them.

This post explores some neat tricks I could do using jQuery ! So read on guys if you wanna learn ;)

Index

11 Comments