Category Archives: Web Developement

Usefull firefox Add-ons for web development

Posted by on May 3, 2011 No comments

Here is the list of Firefox add-ons which will help you in the web development.

    1. Firebug
    With this addon you can edit, debug, inspect your html elements, css, javascript, ajax request/response.

    2. MeasureIt
    Used to drag out a ruler to get the pixel height and width of any element in web page.

    3. Modify Headers
    This addon gives feature to add, modify, filter you HTTP request headers. Widely Used for the web service development for smart phones.

    4. Fireshot
    Adds ability to take screenshot of entire/portion of webpage. You can edit your screenshot with annotation tools for text, highlights etc.

    5. Dummy Lipsum
    Generates Lorem Ipsum dummy text. You can specify the number of paragraphs and words to generate.

    6.  ColorZilla
    Provides eyedropper and color picker to get the color reading from any point of the web.

    These are the addons that i am using for the web development. If you have more… Share It.

    How to install addons in firefox?

    1. Go to Tools -> Add-Ons
    2. Click on Get Add ons tab
    3. Search Addons
    4. Click on Add To Firefox

     


    How to use any font without image?

    Posted by on May 3, 2011 1 comment

    We always wanted to use custom fonts in web pages. But due to the limitation of fonts in visitors system. We were compelled to use certain fonts. But now you can generate your font files and use it in your web.

    Follow the following steps to use custom fonts in your webpage.

    1. Convert your font to js
    Convert your font to js readable from http://cufon.shoqolate.com/generate/.

    2. Download cufon.js
    Download cufon.js from http://cufon.shoqolate.com

    3. Embed
     Embed cufon.js and your font js file to your web

    4. Specify Elements to transform

    Cufon.replace('h1');

    5. Demo

    http://www.dineshkarki.com.np/demos/fonts/

    Add widgets from shortcode in post/page

    Posted by on May 3, 2011 No comments

    WordPress Widgets can be easily customized and used in your theme using dynamic_sidebar(‘WIDGET NAME’) function. But when the time comes to use it in page or post it is not that easy. As the page and post only accepts shortcodes,  you need to write a shortcode which will get contains from widgets. Below you can see steps to call widgets from shortcode.

    1. Register A Sidebar

    
register_sidebar(array(
'name'			=> 'My Sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
));

    2. Create a function to read sidebar

    
function get_my_sidebar($output) {
ob_start();
dynamic_sidebar('My Sidebar');
$output = ob_get_contents();
ob_end_clean();
return $output;

    3. Create Shortcode

    
add_shortcode('sidebar_shortcode','get_my_sidebar');


    4. Use it
    Use

    
[sidebar_shortcode]

    in post/page to get the widgets assigned in sidebar.

    Note
    Use these codes in functions.php of your active theme.