Viewers Choice

Here you can see it. Enter tags (with commas) Type the tag (one or more words) and press comma (,). Use left/right arrows, backspace, delete to navigate The HTML Enter tags (with commas) <div style="width: 500px;"> <input class="input" id="myListBox1" name="myListBox1" type="text" value="" /></div> <div class="note"> Type the tag (one or more words) and press comma (,). Use left/right arrows, backspace, delete to navigate</div> The CSS <style type="text/css"> .textboxlist { font: 11px "Lucida Grande", Verdana; cursor: text; } .textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: 1px solid #999; *padding-bottom: 3px; } .textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; } .textboxlist-bit-editable { border: 1px solid #fff; } .textboxlis...

I was recently visiting MooTools Developer Christoph Pojer’s website and noticed a sexy link hover effect: when you hover the link, the the link animates and tilts to the left or the right. To enhance the effect, the background color of the link is changed. I scoped out his JavaScript file to see how he created the effect but there were no link effects in it — the effects were being created with just CSS! .sexy-links a { display: inline-block; padding: 4px; outline: 0; color: #3a599d; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } .sexy-links a:hover { background: #3a59...

Hello Friends I have created an Ajax login application with Moo Tool. What is Moo Tool? MooTools is a  compact ,  modular ,  Object-Oriented  JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write  powerful ,  flexible , and  cross-browser  code with its elegant, well documented, and  coherent API . Some Screen Shots are here of it. This is the main login page. This is the page after logged in by user. If you want download it, please Click here