Nov 07, 07
Plotr - Javascript Charting Framework - Some time ago I was looking for a charting framework for Prototype and I couldn't find it, just because there's none. So that's where it all started. I came across PlotKit, a well written piece of javascript that enables developers to use Canvas or SVG elements for rendering bar, line and pie charts. The only thing was that PlotKit needed the Mochikit library to work. So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. It's released under the BSD license.
Tag(s):
javascript,
framework,
charting,
frameworks
Nov 06, 07
How to Make a Password Strength Meter for Your Register Form - A small tutorial on how to build a password strength meter like the one on Google's new account form.
Tag(s):
javascript,
password strength,
ajax forms,
ajax security
Nov 05, 07
Photo Notes - A Flickr Notes-Esque Photo Annotation Script - Photo Notes is a JavaScript implementation of photo "annotations". Stylistically, it's based on Flickr's "Notes" feature. Under the hood, it's loosly based on the FotoNotes implementation. However, for the most part, it has been completely rewritten. Photo Notes makes no attempt to serialize the notes in any way, as that is completely system and language dependent. Instead, it provides JavaScript objects and methods for displaying and manipulating the notes. The Save and Delete functions have been stubbed out, and must be implemented separately. A typical Save method, for example, would make an AJAX call to the server, which would in turn save the note to a database.
Tag(s):
javascript,
photo annotation
Nov 02, 07
Dynamically loading an external JavaScript or CSS file - The conventional way to loading external JavaScript and CSS files on a page is to stick a reference to them in the HEAD section of your page. Files that are called this way are added to the page as they are encountered in the page's source, or synchronously. For the most part, this setup meets our needs just fine, though in the world of synchronous Ajax design patterns, the ability to also fire up JavaScript/ CSS on demand is becoming more and more handy. In this tutorial, lets see how it's done.
Tag(s):
javascript,
css,
loading external files
Nov 01, 07
Drag and Drop Table Rows With Javascript - There are many articles on implementing drag and drop in Javascript and many excellent frameworks and libraries that provide you with everything you need. In fact I use Script.aculo.us quite a bit. However, I haven't found anything much that tells you how to re-order rows in a table. Table rows are different from other elements normally used for drag and drop such as list items or divs because they can't be moved about in the same way. It wouldn't make sense to have absolute positioning on table rows-they sort of have to be in the table. There are also limitations on the styles you can put on rows, you can't have a border round them for example. So, the solution to this problem is slightly different from other drag and drop mechanisms.
Tag(s):
javascript,
drag and drop,
ajax drag and drop
Nov 01, 07
Accelerated DOM Scripting with Ajax, APIs and Libraries - JavaScript libraries have been around in one form or another for almost as long as JavaScript itself. As you go from project to project, it’s inevitable that you’ll find yourself reusing various functions. They become part of your core that you end up copying each time you start up something new. With any good library, code reuse leads to reliability; using the same code on multiple projects means that the code has been exposed to more and more people, enabling bugs or cross-browser issues to be resolved.
Tag(s):
javascript,
ajax,
api,
libraries,
dom
Oct 31, 07
Bundle-Fu - Bundle Your JS/CSS Assets in 10 Seconds or Less - Web 2.0 sites have lots of tiny javascript/css files, which causes one extra round trip per file to the server and back! This is bad! Bundle-fu throws it all up into a big package and sends it out all at once.
Tag(s):
javascript,
css,
bundle-fu
Oct 25, 07
Javascript Image Magnification 2.3 - PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page. Javascript? Yes - I know it's nothing new and that you've been able to move and resize things in Javascript for years, but only now is there a prepackaged solution that makes it as easy as 3 lines of HTML without knowing a lick about positioning!
Tag(s):
javascript
Oct 21, 07
jQuery Crash Course - As developers, we have more and more JavaScript libraries to choose from and, of course, the option not to use any at all. Over time, we each tend to favor one method of coding over another. For those who’d like to learn more about jQuery, one of the more popular libraries, here’s a crash course written with code-savvy web designers in mind.
Tag(s):
javascript
Aug 12, 06
RND - Fast and Simple JS Template System - As web applications get more dynamic and complex, it's crucial to know what's the fastest way to render content. I have done some research and I am gladly sharing it with you.
Tag(s):
javascript
Page 2 of 6 pages
< 1 2 3 4 > Last »
