Skip to main content

Posts

WSO2Con 2010 -- Colombo ,Sri Lanka September 14 & 15

type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"> Designed to help prepare you for the future enterprise, WSO2Con features some of the most renowned technical thought leaders and focuses on the unique convergence of SOA and Cloud. For more information or to register visit http://wso2.com/event Keynotes Imagining the Future and Making it Happen Prof. Rohan Samarajiva Chairman & CEO, LIRNEasia Enterprise Computing in 2020 Paul Fremantle Co-Founder & CTO, WSO2 Inc. A Walk Down Memory Lane: XML, Web Services & SOA from 1990 to 2010 James Clark Father of XML & Founder, Thai Open Source Software Center Sanjiva Weerawarana, Ph. D Founder, Chairman & CEO, WSO2 Inc. Jonathan Marsh VP, Business Development & Marketing, WSO2 Inc.

Worst fruit in the world

This is kiwi fruit. If you want to catch a diarrhea, eat a small piece.

Google analytics style Hour/Day/Month range picker

Download Date Picker I was searching for a Google analytics date picker style control to put on WSO2 BAM . All the date pickers out there are just selecting a date range. They don't support the ability to select an hour range or a month range. So I rote a one. I use YUI to handle Dom. Plus the date rage picker is YUI date picker. This control is used in " The WSO2 Business Activity Monitor (WSO2 BAM) ".

How to randomly displaying images on page refresh

This script display images in "imageRot" div randomly on every page load. Replace "quote-xx.gif" with your image name. <div id="imageRot"></div> <script type="text/javascript"> var images = new Array(); images.push("quote-01.gif"); images.push("quote-02.gif"); images.push("quote-03.gif"); images.push("quote-04.gif"); images.push("quote-05.gif"); images.push("quote-06.gif"); images.push("quote-07.gif"); var random = Math.floor(Math.random() * 7); var imageRot = document.getElementById("imageRot"); imageRot.innerHTML = '<img src="images/' + images[random] + '" alt="">'; </script>

Simple tree control

download HTML tree controls are often bit complicated than it should be. But the above tree control is very simple. It also has some animated effect. If you have simple tree to display in your user interface this tree will be a good starting point. Basically the tree is a structured list nested in to layers. <div class="treeControl"> <ul> <li><a class="nodata" onclick="treeColapse(this)"> </a> <a class="treeNode" onclick="treeColapse(this)">lev1-one</a></li> <li><a class="minus" onclick="treeColapse(this)"> </a> <a class="treeNode" onclick="treeColapse(this)">lev1-two</a> <ul> <li><a class="nodata" onclick="treeColapse(this)"> </a> <a class="treeNode" onclick="treeColapse(this)">lev2-one</a...

Getting Flexy - Flex quick start project with Ant build script

download Flex has open up endless possibilities to web designers and developers around the world. Since Flex has been around for a while now ,there are tremendous amount of resources available on the subject. Most of these guides and tutorials are base on Flex builder. The above code is a starting point to your Flex project. It contains an Ant build file which will compile the source files to a swf file and create html wrappers for you. You have to edit the build.xml file inside the extracted "flexy" directory. This is how the project is structured. The following image will give you a guild lines to edit the build files. If you setup Ant, Flex Sdk and change the build.xml file you will be able to generate something like this.

Drawing a cartoon character

I am using Inkscape to draw cartoon characters. You can easily draw cartoons even if you are not a born artist. It is not necessary to draw from start to end. You can using Bezier curve tool to draw layer by layer. One in top of the other one. Finally color them. Following is scren shots I got from a drawing sequence step by step until the final art.