Jesse Newland

58 Posts tagged with javascript

Javascript Keyboard Shortcuts

Clean, simple, and cross platform.

AJAX Libraries API

A Google-provided, free CDN for open source Javascript libraries (including Prototype and Scriptaculous).

The Endless Page

A nice implementation of the Endless Page AJAX Pattern

Documenting the Open Web

Google Doctype is an open encyclopedia and reference library. Written by web developers, for web developers. It includes articles on web security, JavaScript DOM manipulation, CSS tips and tricks, and more

ModalBox — An easy way to create popups and wizards

prototype and script.aculo.us based lightbox library

PDoc

PDoc is an inline comment parser and JavaScript documentation generator written in Ruby. It is designed for documenting Prototype and Prototype-based libraries.

RubyJS

Ruby to Javascript Compiler

bundle-fu

CSS/JS asset bundling plugin

Fluid Scripts for Campfire

More awesome Greasekit Userscripts for Campfire

Deprecation.js: easing the 1.5 → 1.6 transition

'When your code calls a [Prototype] method that’s been deprecated, replaced, or modified, the script will log a warning or error to your Firebug console.'

JsonSQL

SQL-like queries on JSON objects

JavaScript Client Library

The Facebook JavaScript client library allows you to make Facebook API calls through JavaScript code from any Web site and makes it easy to create AJAX Facebook applications

GreaseKit

GreaseKit is a SIMBL plugin that adds user scripting to all WebKit applications.

Upgrade your Google Analytics tracker

If you currently track website statistics using Google Analytics you should upgrade your templates to take advantage of the new libraries.

js-sound

RJS Generator for the Script.aculo.us Sounds library

Er.js: Erlang-in-JavaScript

Er.js piggybacks on Neil Mix’s Thread.js which fakes threading in JavaScript 1.7 using coroutines and nested generator continuations. The goal is to replicate Erlang’s concurrent lockless process model and message-passing APIs in JavaScript.

Jibberish

Javascript Localization for use with Gibberish

Design

Design is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet.

SuperInPlaceControls

Better In-place Controls for Rails 2.0

Low Pro 0.5: Now Compatible With Prototype 1.6

sweeeeet

jsspec - Google Code

JSSpec is a Javascript BDD(Behavior Driven Development) framework.

Facebox 1.0

Facebook-inspired lightbox plugin. It uses jQuery and works with images, divs, and ajaxes.

Text resize detection with Prototype

Detects changes to font sizes when user changes browser settings

Metaprogramming JavaScript » SlideShare

Scripteka :: Prototype extensions library

An extensive library of useful (or useless) prototype based extensions

TableKit

TableKit is a collection of HTML table enhancements using the Prototype framework.

The Pragmatic Bookshelf | Prototype and script.aculo.us

Just bought this one

Jester 1.5: Universal REST

New release of Jester, the Javascript REST client library. Looks good!

Rails on the Run - Ajax Pagination in less than 5 minutes

will_paginate meets lowpro. awesomeness.

glider.js

tabs have *nothing* on gliders. this is sick!

iui - Google Code

iPhone UI framework

Prototype JavaScript framework: Prototype 1.6.0 release candidate

Wow. Tons of improvements to the lagging Event API.

SWFUpload Revision 6.2

Nice, clean, unobtrusive flash/javascript multiple file uploader w/ progress bars.

From Rails Ajax helpers to Low Pro, Part 2

Writing unobtrusive Javascript using Low Pro

Using JSON with Yahoo! Web Services

How to correctly work with JSON resources.

dustyd.net - PhotoNotes (Flickr Notes)

Photo Notes is a JavaScript implementation of photo "annotations".

Howto Dynamically Insert Javascript And CSS

a short and sweet little tutorial detailing how to dynamically load remote javascript and css files into an existing page

Mike Davidson: How To Keep Widgets From Slowing Down Sites: WEDJE

A solution to the sidebar javascript widget slowdown problem

Handling Keyboard Shortcuts in JavaScript

Nice simple library to handle Keyboard Shortcuts in JavaScript

A List Apart: Articles: The Perfect 404

Some good best-practices for friendly 404 pages

Google Gears (BETA)

Google Gears (BETA) is an open source browser extension that enables web applications to provide offline functionality

Google Mapplets Documentation

Google Mapplets are mini-applications that you can embed within the Google Maps site. Examples include real estate search, current weather conditions, and distance measurement

code_fu - AJAX file uploads in Rails using attachment_fu and responds_to_parent

AJAX-y file uploads with attachment_fu using an IFRAME trick. Slick

bookmarklet to find latitude longitude in google maps | liquidx

This could prove useful...

Textile : Control.TextArea : Projects : LivePipe™

Control.TextArea for Textile is an extension of the Control.TextArea library.

You think you know (JavaScript) but you have no idea

a series of excellent presentations by Douglas Crockford from Yahoo!

Examples from JavaScript: The Definitive Guide, Fifth Edition

The links below display the source code for the 124 numbered examples in the 5th edition of JavaScript: The Definitive Guide

CSS Dock Menu

?Quite nifty css js dock effect.

plotr - Google Code

Plotr is a javascript framework which enables you to render charts in most modern browsers. It's based on the PlotKit Framework (renderer for Mochikit) and it depends on the Prototype Javascript Framework.

MyConfPlan Javascript Widget

I’ve hacked up a simple Javascript widget for everyone out there using myconfplan, Dr Nic Williams’ wonderful conference session planning tool. Nic recently added JSON and XML feeds to myconfplan, so this is a natural progression.

The XHTML generated by this widget is in hCalendar format, with separate events for each session. If you’re using a Microformats aware browser (or the wonderful microformats bookmarklet), you’ll be able to add my RailsConf sessions to your local calendaring app.

To display your conference session selections on your blog or website, insert these two lines of code:

<script src="http://files.jnewland.com/display_myconfplan.js" type="text/javascript"></script>
<script src="JSON_URL?callback=display_myconfplan" type="text/javascript"></script>

Replace JSON_URL with the URL to the JSON feed for one of your conferences. For example, to display my RailsConf 2007 sessions in my sidebar, I used this:

<script src="http://files.jnewland.com/display_myconfplan.js" type="text/javascript"></script>
<script src="http://myconfplan.com/users/jnewland/conferences/RailsConf2007.js?callback=display_myconfplan" type="text/javascript"></script>

Now seems like a good time to mention that I’ll be at RailsConf 2007 later this month in Portland, OR, and I couldn’t be more excited about it. You can view my session selections in the sidebar, on on myconfplan. Also, I’m staying at the Jupiter Hotel, which looks like a blast. Let me know if you’ll be there too!

Google AJAX Feed API

With the AJAX Feed API, you can download any public Atom or RSS feed using only JavaScript, so you can easily mash up feeds with your content and other APIs like the Google Maps API.

BadgerFish

BadgerFish is a convention for translating an XML document into a JSON object.

Jester: JavaScriptian REST

A JavaScript implementation of REST. It provides (nearly) identical syntax to ActiveResource for using REST to find, update, and create data.

Table Sorting with Prototype * Dexagogo

Nice unobtrusive table sorting support using Prototype

JavaScript - Cookies

Very useful code.

swfIR: swf Image Replacement

Nice standards based approach to processing images with Flash. If only they could get rid of that onLoad flicker.....

LocusFocus — : Acts_as_dismissible Plugin

Allows you to create messages in the user interface, which the users can dismiss once read. The plugin stores the reference to the dismissed message in a cookie.

Prototype Javascript Framework

The much-needed Prototype API Docs. If you haven't seen Prototype, give it a whirl - it's Javascript for Ruby-heads.
next page »
What is this?