DevSnippets » JavaScript Library

Mask Your Input Forms and Make It Beauty

tdomf_e401b — Tue, 16 Mar 2010 05:30:20 +0000

Text masking is an alternative for us to display information what type of content user must input to our forms, as usual jQuery make our life easier, to implement that we just need to create the script that read user actions (focusing or bluring the input), read its value then decide to empty the input value or refill with its default value.

[Code Snippet] jQuery : Show/Hide Element

tdomf_e401b — Tue, 09 Mar 2010 12:43:06 +0000

This is a very basic technique to show and hide HTML element, we just need to define the element then show or hide them with jQuery built-in function, $.slideToggle(). But if you see my sidebar in ‘Tags Collection’ section, you’ll notice that there’s a toggle to show or hide the tags collection (with undefined div’s height, of course) and that’s what i will explain.

How to Create a Nifty Dynamic Shadow with jQuery

tdomf_e401b — Tue, 09 Mar 2010 12:43:03 +0000

Learn how to create a very nifty looking dynamic shadow with a few teaspoons of jQuery, a pinch of CSS and some transparent PNG’s as Base.

Create A Floating Navigation Using HTML, CSS and jQuery

tdomf_e401b — Mon, 08 Mar 2010 13:40:35 +0000

As we were saying, jQuery is a powerful tool to use if you want to create a website. So I made this tutorial in which I will show you how to create a minimalist floating navigation using jQuery HTML and CSS of course.

38 Cool MooTools Plugins Developers Should Know

tdomf_e401b — Mon, 08 Mar 2010 13:40:31 +0000

Mootools are one of the very famous Javascript Framework. With this we can write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

jQuery slider out of contact form

tdomf_e401b — Mon, 08 Mar 2010 05:16:34 +0000

how to crea jquery slide out of contact form

Image Power Zoomer

ddrive — Thu, 04 Mar 2010 07:35:20 +0000

Image Power Zoomer gives any image on your page the ability to be magnified when the mouse rolls over it. A “magnifying glass” that appears over the image lets the user zoom in on any portion of it as it follows the cursor around. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth.

Rotated Background with Slide Up Menu

tdomf_661f8 — Wed, 03 Mar 2010 15:13:32 +0000

Let\’s think of a box with rotating images inside. along with the images, we have a navigation menu that slides up / down while the images rotate. Pretty cool huh? well lets show you how I made this happen.

30 jQuery Tooltip Plugins To Enhance Your Web Design

tdomf_661f8 — Tue, 02 Mar 2010 23:47:49 +0000

According to jQuery.com, jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

How jQuery is Killing Flash + jQuery Tutorials & Plugins to Beat Up Flash Animations

prlamnguyen — Tue, 02 Mar 2010 23:47:49 +0000

In most cases, jQuery can do better than Flash. We\’ll round up some tutorials and jQuery plugins that are simply awesome. Each of these teaches how to get a desired Flash effect, but with jQuery instead.