Webmaster Tips » JavaScript Webmaster Tips » JavaScript Rss Feed

< 1 2 3 4 5 >
Sep 29, 2008

75 Useful JavaScript Techniques

Thanks to the Web's widespread adoption of JavaScript, JavaScript libraries have sprung up to help make design and development easier. Here are a few of the major JavaScript libraries that developers use: jQuery, Prototype, Scriptaculous, mootools, Dojo. These frameworks have thriving communities whose members have developed countless plug-ins that can greatly add to the JavaScript framework.

However, sometimes we need JavaScript solutions that are a little more involved or specific. Here are 75 more handy JavaScript techniques that have made websites much sleeker and more interesting..

Aug 22, 2008

Masked Input Element with jQuery

Here is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer 6/7, Firefox 1.5/2, Safari, and Opera.

Aug 22, 2008

How to change the look of Select element

So you’ve built a beautiful, standards-compliant site utilizing the latest and greatest CSS techniques. You’ve mastered control of styling every element, but in the back of your mind, a little voice is nagging you about how ugly your select's are. With a little DOM scripting and some creative CSS, you can make your select's beautiful.

Jul 2, 2008

Hyperlink Cues with Favicons

Do you want to show the site's favicon for all links that point to external sites? This small tutorial shows you how to accomplish it with CSS and Javascript.

Jul 2, 2008

Styling File Inputs With CSS and Javascript

File inputs <input type="file" /> are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.

Jul 2, 2008

Creating a Floating HTML Menu Using jQuery and CSS

For all of us who deal with long web pages and need to scroll to the top for the menu, here's a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it's fully W3C-compliant.

This tutorial covers how to create a "floating menu" using HTML, CSS, and jQuery. To reiterate, a floating menu stays visible even if you scroll down a web page. They're animated, so they move up and down as you scroll the browser window up or down.

Jul 2, 2008

Fading Javascript Tooltips

This animated JavaScript tooltip script is very easy to use and lightweight at only 2kb. It is tested working in IE6+, Firefox, Opera and Safari. Jacob Gube of Six Revisions has posted the script and a walk-through of the code and the logic.

Jun 17, 2008

Autopopulating text input fields with JavaScript

For both accessibility and usability reasons, all input fields and other form controls except buttons should have an associated label that clearly states what the purpose of the control is, or what kind of input the user is expected to fill it with.

Sometimes the visual design places restrictions on those labels, in some cases to the extent that there is no room for a label. One common workaround when no label can be displayed is to put some placeholder text in the text field and let that act as the label..

May 14, 2008

MooWheel: a javascript connections visualization library

The purpose of this script is to provide a unique and elegant way to visualize data using Javascript and the canvas object. This type of visualization can be used to display connections between many different objects, be them people, places, things, or otherwise.

May 14, 2008

Easiest Tooltip and Image Preview Using jQuery

A rollover image or tooltip preview based on JQuery library - tooltip-like bubble popups that appears when you roll over link or a thumbnail. Included 3 examples of using this simple script.

< 1 2 3 4 5 >