Sunday, November 21, 2010

mooCarousel... a mootools based generic js carousel script

A mootools based image carousel. This is very lightweight and extremely configurable pluggin. Supports both horizontal and vertical carousels with multiple options. You can change the background color of the carousel, the animation style, animation duration, arrow image themes etc.View at;

http://saadnawaz.github.com/mooCarousel/#demos

CSS to show code snippet

You can show your code snippets in HTML pages using PRE or CODE tags. Following is a very simple CSS code to display the code in a code snippet.

pre{
border: 1px dashed #B11718;
background: white;
color: black;
font-family: Courier;
font-size: 11pt;
padding: 10px 30px;
}

If you want to add more styles, then use the widget written by Alex Gorbatchev.The details of how to use the library is given at http://www.bloggersentral.com/2009/04/how-to-show-code-in-blog-post.html

Friday, November 5, 2010

HTML_Template_IT

If you are working with a large web application, then you must keep the user interface and the data separate. A very good open source template method for this purpose is HTML_Template_IT. I found a very good and nice tutorial on the same, so thought of sharing it. View the following URL to see the tutorial.

http://www.weberdev.com/ViewArticle/Using-PEAR-HTML_Template_IT-For-Modular-Interface-Design