Monday, April 2nd, 2007

OpenLaszlo: How We Deal with Browser Quirks

Category: IE, JavaScript

Max Carlson of OpenLaszlo recently blogged about their approach to dealing with browser incompatibilities: We keep an object that lists each quirk by name, with a boolean value for whether it’s active in the current browser or not… Next, we use some browser detection code to turn specific quirks on or off depending on the Read the rest…

Posted by Ben Galbraith at 7:00 am
Comment here

3.8 rating from 28 votes

Friday, March 30th, 2007

Clipperz Crypto Library and Online Password Manager

Category: JavaScript, Library, Security

Clipperz is an online password system that contains a JavaScript library to provide web developers with an extensive and efficient set of cryptographic functions. It is released under a BSD license. Clipperz include portions of code from few third party libraries, such as: MochiKit, YUI and Ext to allows smoother and quicker coding. In order Read the rest…

Posted by Dion Almaer at 7:47 am
Comment here

3.3 rating from 27 votes

Wednesday, March 28th, 2007

wxJavaScript: JS port of wxWidgets and beyond

Category: JavaScript, Library

Franky Braem and his team have created wxJavaScript, a UI toolkit that started out as a port of wxWidgets: But at this time, wxJavaScript is a lot more. wxJavaScript has an Apache module mod_wxjs, an SQLite module, … And many other modules are planned. So with wxJavaScript, you can write server side scripts for generating Read the rest…

Posted by Dion Almaer at 8:26 am

4.1 rating from 32 votes

Metaprogramming / DSL JavaScript Presentation

Category: Announcements, JavaScript, Presentation

I wish I could have seen Adam McCrea give a presentation on JavaScript Metaprogramming and how: < View plain text > javascript with(JavaScript) {"possible"); } His slides do a good job at explaining the talk (which is tough to do). The presentation quickly delves into an example where he evolves the solution to Read the rest…

Posted by Dion Almaer at 12:13 am

4.2 rating from 33 votes

Tuesday, March 27th, 2007

Control.Modal: Unobtrusive CSS Modal Windows and Lightboxes for

Category: Component, JavaScript, Library, Prototype

Ryan Johnson is up to his tricks again. This time he has created Control.Modal, an unobtrussive CSS modal window based on the Prototype library. It weighs in at around 8K and hit a sweet spot for some functionality. The Prototype window class was overkill, and he needed more than just a lightbox). Example Code < Read the rest…

Posted by Dion Almaer at 9:22 am

3.7 rating from 88 votes

DED|Chain: Dustin Diaz comes up with a new Ajax library

Category: Announcements, JavaScript, Library

We get several emails a day from people letting us know about a new XHR wrapper. Recently we have been hearing about new libraries from leaders in the community such as Dean Edwards and now Dustin Diaz. Here is what Dustin has to say about DED|Chain, his new framework that builds on YUI: DED|Chain is Read the rest…

Posted by Dion Almaer at 6:46 am

2.9 rating from 24 votes

Monday, March 26th, 2007

More base2.DOM and advice for writing JavaScript libraries

Category: Articles, JavaScript, Library

Dean Edwards has followed up on his base2 library posting with another way to use base2 and rules for JavaScript Library Authors. In “the other way” Dean shows how to use the library as library functions instead of strapping on to objects, and his library rules are: Be unobtrusive Object.prototype is verboten! Do Not Over-extend Read the rest…

Posted by Dion Almaer at 9:04 am

3.6 rating from 38 votes

yFiles Ajax: Web Diagram Tool

Category: Dojo, JavaScript, Library

David Alberts of yWorks GmbH has created yFiles AJAX, a library for creating web based diagrams built on top of the Dojo Toolkit. A couple of demos are available such as: Graph Viewer The Graph Viewer Demo Application demonstrates viewing a graph with zooming, panning, overview and additional node and edge information. Realizing a slightly Read the rest…

Posted by Dion Almaer at 8:56 am

3 rating from 34 votes

ShadedBorder: JavaScript Round Corners with Drop Shadow

Category: JavaScript, Library, UI

Steffen Rusitschka is keeping the rounded corner legend alive with his new RUZEE.ShadedBorder JavaScript library. Why another? JavaScript-only Photoshop(tm)-like rendering without external images Round corners Drop shadows Glow effects Borders with different widths Full support for liquid designs Anti-Aliasing On-hover support (except for IE 6.0) Disable some of the corners, e.g. bottom-left Change borders on-the-fly Read the rest…

Posted by Dion Almaer at 6:06 am

3.9 rating from 107 votes

Wednesday, March 21st, 2007

Dean Edwards puts out Base2, a standards based JavaScript library

Category: JavaScript, Library

Dean Edwards has come out with what he calls Yet Another JavaScript Library Without Documentation. But, this is from Dean, not your cousin Bubba, so what is interesting about it? Highlights A fast implementation the Selectors API Fixes broken browser implementations of the DOM events module including document.createEvent(), dispatchEvent(), addEventListener(), etc Supports DOMContentLoaded Fixes getAttribute()/setAttribute() Read the rest…

Posted by Dion Almaer at 3:37 pm

4 rating from 48 votes

Parallax Effect for Backgrounds

Category: CSS, JavaScript, Library

Brett Taylor wanted to see if he could make a parallax effect in HTML+CSS+JS and make it cross-browser and came up with Parallax Backgrounds. Scroll around and you will see that the text and content scrolls normally, but the different background layers scroll at different speed. Maybe as useful as SKIP INTRO, but a nice Read the rest…

Posted by Dion Almaer at 9:08 am

3 rating from 49 votes

Auto copy to clipboard

Category: JavaScript, Tip

This is an ancient tip, but a good-y. Jeffrey Larson put together a little hack to do auto copy to clipboard in a cross browser way (i.e. failing back to Flash). It is the kind of thing that can easily be abused, and you can make your users mad (You just nuked something important out Read the rest…

Posted by Dion Almaer at 7:49 am

3.7 rating from 90 votes

Monday, March 19th, 2007

Participating, or observing, ECMAScript 4

Category: JavaScript

It is fun to take a peak beneath the kimono. The ECMAScript 4 exports their committee wiki, which covers: The ‘spec:’ namespace is intended to hold actual agreed-on chapter text for the final spec document. The ‘proposals:’ namespace is intended for informal discussion of proposed changes. The ‘discussion:’ namespace is intended for permanent archival of Read the rest…

Posted by Dion Almaer at 7:34 am
Comment here

3.3 rating from 20 votes

Cross Browser Keyboard Handler

Category: Browsers, JavaScript, Library

Santosh Rajan has struggled with keyboard handling across browsers. His article discusses some of the pain, and he came up with a simple wrapper to help out: document.onkeydown = function(e) {handleKeys(e)} document.onkeypress = function(e) {handleKeys(e)} var nonChar = false; function handleKeys(e) { var char; var evt = (e) ? e : window.event; //IE reports window.event Read the rest…

Posted by Dion Almaer at 6:37 am

3.9 rating from 35 votes

Fancy Menu: CSS and JS fun

Category: Examples, JavaScript, Library, Showcase

Guillermo Rauch is a sixteen year old hacker who created a fancy menu using CSS and JavaScript based on mootools. You can use his SlideList and attach away. < View plain text > javascript window.addEvent(‘domready’, function() {   new SlideList($E(‘ul’, ‘fancymenu’), {transition: Fx.Transitions.backOut, duration: 700, onClick: function(ev, item) { ev.stop(); }}); }); Now you too Read the rest…

Posted by Dion Almaer at 4:44 am

3.9 rating from 75 votes

Friday, March 16th, 2007

Unobtrusive Control Tabs

Category: JavaScript, Library, Prototype, Showcase, Unobtrusive JS

Ryan Johnson has created unobtrusive JavaScript tabs called Control Tabs. The project uses Prototype / Scriptaculous. You create the tabs using standard anchors and named elements, so it’s completely accessible to non JS browsers. Example < View plain text > HTML <script>     Event.observe(window,’load’,function(){         $$(‘.tabs’).each(function(tabs){           Read the rest…

Posted by Dion Almaer at 4:15 am

4.1 rating from 43 votes