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>

What is HTML5 Video

Check these links

Link1: What is HTML5 Video,
Link2: An annotate plugin for html5 audio and video,
Link3: list of HTML5 Video Players.

Geo Location with GeoPlugin

See the link here for more details

Also see the JQuery Version here

See also Geo Location with Google Maps here

Sample Code:

 <script src="http://www.geoplugin.net/javascript.gp"></script>
   <script>
 document.write("Welcome to our visitors from "+geoplugin_city()+", "+geoplugin_countryName()+geoplugin_countryCode());
 alert(geoPlugin_array);
  </script>

Theme an entire site with JQuery UI

Click here for an example

JQuery UI DropDown

Why you shouldn’t style select boxes look here

Technorati Tags: jquery,ui,dropdown,css,select

Check out this link for nice CSS Dropdown

Also this link here has more details.

Wiki Documentation here

CSS Button Generator

Nice CSS3 Button Generator

Click Here

Google Search for Site and InTitle

See the following example:

site:jeetualex.blogspot.com intitle:jeetu

CSS Gradient

 .orangeGradientVertical {
      background: #FFE27C; /* Old browsers */
      background: -moz-linear-gradient(top, #FFE27C 0%, #ffd83b 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE27C), color-stop(100%,#ffd83b)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #FFE27C 0%,#ffd83b 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #FFE27C 0%,#ffd83b 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, #FFE27C 0%,#ffd83b 100%); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE27C', endColorstr='#ffd83b',GradientType=0 ); /* IE6-9 */
      background: linear-gradient(top, #FFE27C 0%,#ffd83b 100%); /* W3C */
    }

Box-Shadow in CSS3

#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
} 

Google Style Pagination in ColdFusion

Check this excellent component here

CSS Online Formatter

Check this out here