HTML 5 Reference

Check this link for HTML 5 Documentation

EJB 3 Reference

Check out this link. So many excellent snippets that can be used.

JMS Tutorial

This link has full details. Excellent Tutorial!

Deploying ColdFusion 8 on JBoss Server

Check the livedocs link here

JQuery Password Validation Rule

Check out this link for custom password validation rule in JQuery Validator

ColdFusion 9 Functions

Check out this link

Good way of coding a CFC

Please have a look in this link

Blogger Archive Decoded

See the recursion in the include of intervalaa

 b:section class='sidebarqq' id='sidebarqq' preferred='yes'
b:widget id='xxx' locked='false' title='Blog Archive' type='BlogArchive'
b:includable id='intervalaa' var='intervalData'
b:loop values='data:intervalData' var='i'
span      /spanul
span      /spanlia expr:href='data:i.url'data:i.name//a span (data:i.post-count/) /span
span       /spanb:if cond='data:i.data'
span        /spanb:include data='i.data' name='intervalaa'/
span       /span/b:if
span      /span/li
span     /span/ul
/b:loop
/b:includable

b:includable id='main'
div class='widget-content'
span     /spandiv id='ArchiveList'
span      /spandiv expr:id='data:widget.instanceId + "_ArchiveList"'
span       /spanb:if cond='data:style == "HIERARCHY"'
span        /spandiv class="menunav"
span        /spanb:include data='data' name='intervalaa'/
span        /span/div
span       /span/b:if
span      /span/div
span     /span/div
/div
/b:includable
/b:widget
/b:section

QTip2 JQuery Plugin

Cool Tooltip here

Find the source files here

CSS Dropdown Menu

 #cssdropdown, #cssdropdown ul { list-style: none; }
 
 #cssdropdown, #cssdropdown * { padding: 0; margin: 0; list-style: none; }
 
 #cssdropdown li.headlink {
  width: 165px;
  float: left;
  margin-left: -1px;
  border: 1px black solid;
  text-align: center;
 }
 #cssdropdown li.headlink a { display: block; padding:0; text-decoration: none; }

 #cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
 #cssdropdown li.headlink:hover ul { display: block; }
 #cssdropdown li.headlink ul li a { padding: 0; height: 17px; }
 #cssdropdown li.headlink ul li a:hover { background-color: #333; }
 
 
 #cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
 #cssdropdown li.headlink {
  background-color:#262626;
 }
 #cssdropdown li.headlink:hover {
 
 background-color:#333;
 }
 #cssdropdown li.headlink ul {
  background-color:#262626;
 }
 
 #cssdropdown li.headlink a {
  font-size:16px; 
  font-weight:bold;
  line-height:44px;
 }
 
 #cssdropdown li.headlink ul li a {
  font-size:12px; 
  font-weight:normal;
  border-top:solid 1px #000000;
  line-height:30px;
  height:30px;
  padding-left:5px;
  text-align:left;
 }
 
 #cssdropdown li.headlink ul li a.first {
  margin-top:-1px;
 }
 
 #cssdropdown {
  position:absolute; top:0; left:0;
 }
 
 
 $(document).ready(function(){
  $('#cssdropdown li.headlink').hover(
   function() { $('ul', this).css('display', 'block'); },
   function() { $('ul', this).css('display', 'none');
  });
 });
 
<table width="1000" border="1" cellpadding="0" cellspacing="0">
 <tr>
  <td><div style="position:relative;">
    <ul id="cssdropdown">
     <li class="headlink"> <a href="#">Home</a> </li>
     <li class="headlink"><a href="#">Archive 2008</a>
      <ul>
       <li><a href="#" class="first">Archive 2008</a></li>
       <li><a href="#">Archive 2009</a></li>
       <li><a href="#">Archive 2010</a></li>
       <li><a href="#">Archive 2011</a></li>
       <li><a href="#">Posts Atom</a></li>
      </ul>
     </li>
     <li class="headlink"><a href="#">Archive 2009</a></li>
     <li class="headlink"><a href="#">Archive 2010</a></li>
     <li class="headlink"><a href="#">Archive 2011</a></li>
     <li class="headlink"><a href="#">Posts Atom</a></li>
    </ul>
   </div></td>
 </tr>
 <tr>
  <td height="100" bgcolor="#FFFFFF">Content</td>
 </tr>
</table>