KochiGeek - Geek'in' allday

(Mac)

TextWrangler is a multi-purpose text editor for the Mac OS. It is a programmer-friendly text editor and Unix/Server Admin text editor. It has a useful "plugin" system allowing developers a way for extending TextWrangler’s built-in features. It also has a function browser so that you can quickly find and jump to the function you’re looking for (very helpful for those really long files).

Smultron

(Mac)

Smultron is an easy-to-use text editor. Its simple interface makes it perfect for the minimalist coder. It has the basic features you’d expect from a text editor such as syntax highlighting/coloring but also has cool, helpful features such as the ability to split the viewing pane in two so that you can view files side-by-side, a code snipplet library to allow you to store your often-used code blocks, and a full-screen mode that’s intended to make you focus on the task at hand.

Caditor

(Windows)

Caditor is an open source portable text editor written in the .NET framework (C#) that puts speed and performance at the forefront of its design. It has a convenient search box built into the tool bar of the text editor’s interface so that you don’t have to open another dialog box to perform a search. It has other handy features common to developer-oriented text editors such as line numbering, a compiler feature to allow you to hook it up with your compiler, and FTP feature.

gedit

(Linux)

gedit is the official text editor of the GNOME desktop. Unlike Microsoft’s built-in text editor (Notepad), gedit is a more feature-packed text editor geared towards usage for programming and mark-up. With its syntax highlighting, tabbed interface for editing multiple files, and spell-checking feature – gedit is an excellent, free text editor for coders.

GNU Emacs

(Windows, Mac, Linux)

GNU Emacs (more commonly referred to simply as Emacs) is a cross-platform, extendible text editor geared towards programmers. One of its defining features is Emacs’s ability to be extended – offering you the ability to use it as your project planner and debugger, among other things. It has a file-comparison feature (M-x ediff) that highlights differences between two files (useful for figuring out changes in a file made by coders who don’t document/comment their revisions).

Crimson Editor

(Windows)

Crimson Editor is a light-weight text editor for Windows that supports many languages. It has a "Macros" features which lets you record a sequence of tasks so that you can reuse the sequence with a click of a button. It has a built-in FTP feature, allowing you to upload/download files from your FTP server. Crimson Editor is a solid option for Windows users.

ConTEXT

(Windows)

ConTEXT is another excellent, light-weight, freeware (meaning it’s free - but close-sourced) text editor for Windows. It has countless of handy features such as text sorting (helpful when you need to sort things in alphabetical order, for example), ability to export configuration options so that you can share your configuration or import it into several machines, and a macro recorder for repeating a sequence of tasks. In 2007, ConTEXT development was turned over to David Hadley but continues to be freeware.

SciTE

(Windows, Linux)

SciTE, written on top of the open source Scintilla code-editing component, is a speedy text editor aimed for use in source code editing. It has a standalone .exe version which you can use for portable storage drives (i.e. USB flash drives) so that you can conveniently carry it around and use it on any computer without having to install it. SciTE is a compatible with Windows and Linux operating systems and has been tested by the developer on Windows XP and on Fedora 8 and Ubuntu 7.10.

Komodo Edit

(Windows, Mac, Linux)

Komodo Edit is a freeware, cross-platform text editor created by ActiveState. It is a simple text editor based on the popular integrated development environment - Komodo IDE. It has a convenient and flexible Project Manager feature to help you organize and keep track of your project files.

jEdit

(Windows, Mac, Linux)

jEdit is a text editor that specifically caters to programmers. It’s written in Java and runs on any operating system that supports You can download a ton of plugins (check out the Plugins Central on jEdit’s website) to extend its built-in features. jEdit was designed to combine the best features of Windows, Mac, and Unix text editors.

1. Ajax Forms

Submitting a form with AJAX doesn’t get any easier than this!

1.1 Server side jQuery with Jaxer

Create one ‘master’ form, and use server side DOM manipulation with Jaxer to disable, or completely remove certain form elements before they reach the client’s browser. We can then use jQuery on the server side to select these elements and disable them, or even completely remove them from the DOM before they reach the clients browser.

• Demo can be found here.
• Download Jaxer here

1.2 Ajax login form (PHP & Javascript)

A nice ajax login form using 3 javascript files, 2 php files and 1 stylesheet.

• Demo can be found here.
• Download Jaxer here

1.3 Form Plugin

The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted.

• Demo can be found here.
• Download Jaxer here

2. Ajax ShoutBox

2.1 wTag (Ajax shoutbox)

wTag is a shoutbox (chatbox or mini chat) that is written in JavaScript and PHP, and using Ajax to exchange data with the server without need to reload an entire page. Uses MySQL database as backend. Features Include: Anti-spam filter, CSS based drop-down smileys menu, Bad-word filte, form validation.

• Demo can be found here.
• Download wTag here

2.2 Shoutbox Ajax

Shoutbox Ajax script is based on jQuery library and Form plugin and allows you to implement a shoutbox on your website. This jquery shoutbox is file based, but it’s very easy to write a few more lines to keep your messages in a database.

• Download Code here

3. Validate a Username AJAX

3.1 Validate a username using Javascript and PHP ( AJAX )

Learn how to check if a username is valid without leaving the page using ajax.

• Demo can be found here.
• Download Code here

4. Ajax Instant Messenger

4.1 Ajax Instant Messenger

Ajax im (”asynchronous javascript and xml instant messenger”) is a browser-based instant messaging client. It uses AJAX to create a near real-time IM environment that can be used in conjunction with community, intranet, and social websites. No refreshing of the page is ever needed for this “web application” to work, as everything is updated in real-time via JavaScript.

• Demo can be found here.
• Download Code here

4.2 Ajax and XML: Ajax for chat

Learn to build a chat system into your Web application with Asynchronous JavaScript™ + XML (Ajax) and PHP.

• Download Code here

5. Ajax Tabs Content

5.1 Ajax Tabs Content

This is a versatile Ajax Tabs Content script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. Features Inlcude:
Fetch and display an external page, Supports auto mode, Ability to also expand/contract arbitrary DIVs, Ability to dynamically select a tab, Supports nested Ajax Tabs.

• Demo can be found here.
• Download Code here

5.2 AjaxControlToolkit TabContainer

TabContainer themes for some of the other tab-style controls that is floating around the web.

• Demo can be found here.
• Download Code here

6. Ajax Shopping Carts

6.1 Drag and drop shopping cart

An interesting script.aculo.us Shopping Cart with drag and drop feature.

7. Ajax Star Ratings

7.1 Starbox

Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework.

• Demo can be found here.
• Download Code here

7.2 Unobtrusive AJAX Star Rating Bar

This is a rating bar script done with PHP and mySQL that allows users to rate things like can be done on Netflix or Amazon, all web 2.0-like with no page refresh. It is unobtrusive, meaning that if Javascript is off it will still work.

• Demo can be found here.
• Download Code here

7.3 CSS: Star Rater Ajax Version

Uses komodomedia’s star rating technique. Works on a database without having to refresh any pages (but updating the database with AJAX). In this version it uses for rating an image (with unique id = imgId).

• Demo can be found here.
• Download Code here

8. Ajax Inline Edit

AJAX, DOM, whatever you call it makes it possible to let people edit a piece of text inline without having to use a submit button.

8.1 Easy AJAX inline text edit 2.0

A small piece of javascript reads al SPAN tags, checks if it has class=”editText” and a id=. If that is true, it adds a onclick function. That onclick function will create a textfield or input (depending on the size of the editable text). Someone has the ability to edit the field. When the text field is blurred, it will read the contents, and starts a XMLHttpRequest and ‘sends’ the content + fieldname + any set vars to an update file. That file will update your database, and reply with the newly set text and the textfield will dissapear again.

• Demo can be found here.
• Download Code here

8.2 Ajax.InPlaceEditor

The in-place “text edit” testing allows for Flickr-style AJAX-backed “on-the-fly” textfields. The constructor takes three parameters. The first is the element that should support in-place editing. The second is the url to submit the changed value to. The server should respond with the updated value (the server might have post-processed it or validation might have prevented it from changing). The third is a hash of options. The server side component gets the new value as the parameter ‘value’ (POST method), and should send the new value as the body of the response.

8.3 Edit In Place with AJAX Using jQuery

An AJAX (or AHAH) proof-of-concept page that allows the visitor to edit the very (x)HTML page they are viewing, without leaving the page. Click the text to be edited and magically a textarea appears with buttons beneath to save or cancel the changes. Changes are sent via AHAH to a PHP script which normally would be used to update a database (MYSQL or flatfile).

• Demo can be found here.

9. Ajax Progress Bar

Sometimes, when we are building websites and web applications, we need a percentage bar / progress bar to show the progress of a specific task. However, it is very difficult to find a working and easy solution without using Flash. Here are very interesting Progress bars using ajax instead of flash.

8.1 jsProgressBarHandler

jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App. Next to a structural rewrite of the WebAppers code, this javascript progress bar can easily be extended and tweaked just by setting a few parameters.

• Demo can be found here.
• Download Code here

8.2 A YUI Loading Panel Widget

A web page which is processing a lengthy Ajax request and doesn’t provide a loading indicator of any kind will mostly mislead the user to think that the page has stopped responding. So the solution? Use a loading indicator of course. Here’s a very handy loading indicator widget for Ajax programmers who use YUI.

• Download Code here

10. Ajax Pagination

10.1 Ajax Pagination Script

This script lets you include content from multiple pages and display them on demand, using Ajax. Pagination links are automatically created, with each page downloaded only when requested (speeding up delivery and saving on bandwidth.

• Demo can be found here.
• Download Code here

10.2 Preloading Data with Ajax and JSON

It’s a paging demo that shows how we can preload in the background the next and previous queries from a database. When the user pages through, they can do so quickly without having to wait for an Ajax call to finish.

• Demo here
• Download Code here

11. AJAX File Browser & Manager

11.1 jQuery File Tree

jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code. Currently, server-side connector scripts are available for PHP, ASP, ASP.NET, JSP, and Lasso.

• Demo can be found here.
• Download Code here

11.2 jQuery File Tree

KFM is an online file manager which can be used on its own, or as a plugin for a rich-text editor such as FCKeditor or TinyMCE. Features include: drag-and-drop everything, icon-view, list-view, plugins, image manipulations…

• Demo can be found here.
• Download Code here

12. Ajax Calendar

Online calendars are often used in many web applications. Though popular, the logic behind creating a calendar can be scary especially for those who are new to programming. There are many web calendars in the market but some of them are quite complicated. Check out these excellent ajax calendars.

12.1 Vista-like Ajax Calendar version 2

The Vista-like Ajax Calendar (vlaCalendar) version 2 is a unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the MooTools javascript framework, AJAX, XHTML, CSS and PHP.

• Demo can be found here.
• Download Code here

12.2 Quick Calendar Using AJAX and PHP

Learn how to create an interesting calendar using Ajax and PHP. You will be able to navigate through the calendar months without refreshing the page.

• Demo can be found here.
• Download Code here

13. Ajax Photo Manipulation

13.1 Phototype

A client/server-side library, based on prototype, which supports all kinds of image manipulations. On the serverside the library is powered by combination of PHP/GD that renders the image. With phototype, you are able to rotate, resize, flip and do some other cool effects to images.

• Download Code here

13.2 mooImageCrop

An easy-to-implement image cropper based on the mootools framework and php. This demo shows you how to use ajax and php functions to create cropped areas from images and return them directly. You can specify the width and the height of the overlay, which is used to crop that part then. This can be come in handy if you wish to let users create avatars from uploaded images with a certain with and height or any other process of cropping images.

• Demo here

14. Ajax Dynamic Image Gallery and Slideshows

14.1 Dynamic Image Gallery and Slideshow

This extremely lightweight JavaScript image gallery and slideshow script clocks in under 3kb packed and includes a number of cool features.

• Demo here
• Download Code here

15. AJAX File Upload

15.1 Max’s AJAX file uploader

Max’s AJAX file uploader is a simple and easy to use script, which allows you to upload files to your webserver without reloading the current page. During the upload an animated progress bar is shown. The server side is written in PHP.

• Demo here
• Download Code here

15.2 Ajax Multi Image File Upload

Ajax driven image file upload with thumbnail view and delete function.

• Demo here
• Download Code here

15.3 jQuery Multiple File Upload Plugin

The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obstrusive plugin for the jQuery Javascript library that helps users easily select multiple files for upload quickly and easily whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form (ie.: upload files).

• Demo here
• Download Code here

16. AJAX AutoCompleter

16.1 Autocomplete Control Version Released

Now you can change the look of the suggestion item with your own customizable template. Also it is possible to pass your own suggestion items from the server and work with all their properties on the client side.

• Demo here
• Download Code here

16.2
FaceBook Like - jQuery and autosuggest Search Engine

An autosuggest search engine inspired by facebook for design while using jquery.

• Demo here
• Download Code here

17. AJAX CMS

17.1 NicEdit

NicEdit is a Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser. NicEdit Javascript integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing.

• Demo can be found here.
• Download Code here

17.2 FCKEditor

This plugin makes it easy to install FCKEditors on your page the jQuery way. It integrates FCKEditors with the jQuery Form Plugin and enables the contents of FCKEditor to be submitted via ajax.

• Demo can be found here.
• Download Code here

18. AJAX Polls

18.1 Ajax Poller

This script requires that you have PHP installed on your server and access to a mySql database.

• Demo here
• Download Code here

18.2 Creating a Dynamic Poll with jQuery and PHP

In this tutorial we’ll create a poll using PHP and XHTML, then make use of some jQuery Ajax effects to eliminate the need for a page refresh, and to give it a nice little bit of animation.

• Demo here
• Download Code here

19. AJAX Tabular data manipulations

19.1 Sorttable

Create clickable headers that sort the table by the clicked column. Note how the numeric and date columns all sort properly, too, rather than sorting alphanumerically.

• Demo here
• Download Code here

19.2 FlexiGrid

Lightweight but rich javascript data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content. Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

• Demo here
• Download Code here

19.3 DDDrasticGrid

DrasticGrid is an Ajax-based datagrid with editing support. It uses MySQL as a data source and it supports pagination, sorting, editing records, adding records and removing records.

• Demo here
• Download Code here

19.4 Improving Extra wide Grid View

Refactored the Tablecloth example to use the ASP.NET AJAX client side API.

• Demo here
• Download Code here

20. Miscellaneous

20.1 Ajax Scrolling pages

This script loads content from the server and inserts it into an empty HTML element(example a DIV tag) on your page. New pages can be appended dynamically and the script will scroll down to the content of the new pages.

• Demo here
• Download Code here

20.2 jTip – A jQuery Tool Tip

jTip, not unlike Thickbox, pulls data from the server using a hidden http request. jTip pulls content into a tool tip using the HttpXMLRequest object. By adding a class attribute value of “jTip” to a link element you can create a tooltip from the content found in the file the href is pointing too. Also jTip can be customized by providing user defined widths (defaults to 250px wide) via a url query string.

• Demo here
• Download Code here

20.3 Ajax Broken Link Checker

This module checks your links on the current page by requesting them and reading the server response. If the server returns 200 OK the link gets ‘active’ class, if other header - the link marked as inactive.

• Download Code here

20.4 Facebox

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It’s easy to use and easy to drive programmatically — use it for error messages, confirmations, previews, galleries, etc.

• Demo here
• Download Code here

20.5 Drop Down Panel script

Drop Down Panel adds a pull down panel to the top of your page that contains external content fetched via Ajax. Visitors click on the protruding button to cause the panel to drop down and reveal its content.

• Demo here
• Download Code here