Tweet

This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.

To navigate, you can use your keyboard instead the scrollbar or your mousewheel to navigate into the document. But that's not all, there is more features! For example, you can easily add a fixed element or multiple "steps" element into a pannel.

I created this plugin for the upcoming website of my friend Etienne. And I decided to deliver this one as an open source project. I would like you to note that the transition effect between two panels is extensively inspired by Edits Quarterly We were also such inspired by the following websites:

http://www.interviewmagazine.com
http://dbworks.pro
http://www.deuxhuithuit.com/en
http://madebygrave.com
http://www.boston.com/bigpicture

Simple and configurable tag editing widget with autocomplete support.
Source Bugs Docs Download
Source code is available at Github.
Actual jQuery UI widget.
The widget can be styled using Themeroller or any premade jQuery UI theme.
Degrades gracefully for browsers without JavaScript (see example).

jQuery Gantt Chart is a simple chart that implements gantt functionality as
a jQuery component.

It's able to:

- Read json data
- Paging results
- Display different colours for each task
- Display short description as hints
- Mark holidays

* [Demo](http://taitems.github.com/jQuery.Gantt/)
* jQuery Gantt Chart - http://mbielanczuk.com/?p=34

Developer

Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making s@#t look good.

KeyStroke is a Safari extension that provides customizable keyboard shorcuts for common tasks and enhancements

CKEDITOR.plugins.add( 'tokens',
{
requires : ['richcombo'], //, 'styles' ],
init : function( editor )
{
var config = editor.config,
lang = editor.lang.format;

// Gets the list of tags from the settings.
var tags = []; //new Array();
//this.add('value', 'drop_text', 'drop_label');
tags[0]=["[contact_name]", "Name", "Name"];
tags[1]=["[contact_email]", "email", "email"];
tags[2]=["[contact_user_name]", "User name", "User name"];

// Create style objects for all defined styles.

editor.ui.addRichCombo( 'tokens',
{
label : "Insert tokens",
title :"Insert tokens",
voiceLabel : "Insert tokens",
className : 'cke_format',
multiSelect : false,

panel :
{
css : [ config.contentsCss, CKEDITOR.getUrl( editor.skinPath + 'editor.css' ) ],
voiceLabel : lang.panelVoiceLabel
},

init : function()
{
this.startGroup( "Tokens" );
//this.add('value', 'drop_text', 'drop_label');
for (var this_tag in tags){
this.add(tags[this_tag][0], tags[this_tag][1], tags[this_tag][2]);
}
},

onClick : function( value )
{
editor.focus();
editor.fire( 'saveSnapshot' );
editor.insertHtml(value);
editor.fire( 'saveSnapshot' );
}
});
}
});

Tabs in Textarea Plugin for Javascript jQuery
concept

This is a demo of the "Tabby" Javascript jQuery plugin to use tabs in regular textareas to make them suitable for in-browser coding of languages like HTML, CSS, Javascript, or your favorite server-side language. The idea is to be able to use a press of the TAB button or SHIFT+TAB to indent or outdent your code.

try it out!

Simply use TAB to indent code in the textarea, SHIFT+TAB to outdent. It works on a single line or over a range of lines.

jScroll is a jQuery plugin that keeps an element in view when a user scrolls.

Download jScroll now: production  |  development  |  contribute

To use simply call jScroll on the elements that should scroll.
$(function() {
$(".scroll").jScroll();
});

Apprise is

Sexy. An alert alternative for jQuery that looks good. Apprise is a very simple, fast, attractive, and unobtrusive way to communicate with your users. Also, this gives you complete control over style, content, position, and functionality. Apprise is, more or less, for the developer who wants an attractive alert or dialog box without having to download a massive UI framework.

Select2Buttons is a jQuery plugin that provides an alternative to the standard html select. The plugin converts selects into a series of button like elements, and if used correctly can provide a better visual representation of the options available to a user.

jQuery
Zoomooz.js
Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom.

ReMate is a TextMate plugin which can be used to disable the automatic project tree refresh when the application regains focus.

The plugin adds the following:

a toggleable item to the window menu labeled “Disable Refresh on Regaining Focus” - when this is checked, projects will not be updated when TextMate regains focus.
an option on the project menu (reached by right-clicking on an item in the project tree or the gear at the bottom of the project drawer) to “Refresh All Projects”
Download, extract, double-click.

A better sidebar for Textmate.

Vimperator is a Firefox browser extension with strong inspiration from the Vim text editor, with a mind towards faster and more efficient browsing. It has similar key bindings and you could call it a modal web browser, as key bindings differ according to which mode you are in. For example, it has a special Hint mode, where you can follow links easily with the keyboard only. Also most functionality is available as commands, typing :back will go back within the current page history, just like hitting the back button in the toolbar.

But Vimperator is more than just a simple command interface to Firefox — it is a complete development environment as well. If you are a web developer, you can enjoy an interactive JavaScript shell — even with completion support. Or if you want to extend Vimperator, you can easily do that by just dropping a JavaScript file in its plugin directory. Browse through our wiki pages for nice tips to customize Vimperator and for frequently asked questions. If you have more questions, you can visit us on IRC, in #vimperator on freenode.