RegexPal - An Online JavaScript Regular Expression Tester Tool

RegexPal is an online JavaScript regular expression tester tool.  Using this tool, you can write and test your regular expressions in a nice environment before including it in your code.

It provides very nice feedback to you by highlighting matched words, unmatched words as as well a small cheat sheet to help you remember your Regex if you forgot some of it!

Features

• Real-time regex syntax highlighting with backwards and forwards context awareness.
• Lightning-fast match highlighting with alternating styles.
• Inverted matches (match any text not matched by the regex).

Requirements: None
Demo: http://regexpal.com/
License: Free

Tangle - A JavaScript Library For Creating Reactive Documents

Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn.

Some Background Information - What Does It Mean To Be An Active Reader?

An active reader asks questions, considers alternatives, questions assumptions, and even questions the trustworthiness of the author. An active reader tries to generalize specific examples, and devise specific examples for generalities. An active reader doesn't passively sponge up information, but uses the author's argument as a springboard for critical thought and deep understanding.

Do our reading environments encourage active reading? Or do they utterly oppose it? A typical reading tool, such as a book or website, displays the author's argument, and nothing else.

The reader's line of thought remains internal and invisible, vague and speculative. We form questions, but can't answer them. We consider alternatives, but can't explore them. We question assumptions, but can't verify them. And so, in the end, we blindly trust, or blindly don't, and we miss the deep understanding that comes from dialogue and exploration (source).

 

What Tangle Brings To The Table?

Tangle allows you to create a reactive document, which in turn, allows the reader to play with the author's assumptions and analyses, and see the consequences.  An explorable example makes the abstract concrete, and allows the reader to develop an intuition for how a system works. 

Contextual information allows the reader to learn related material just-in-time, and cross-check the author's claims.

Requirements: None
Demo: http://worrydream.com/Tangle/
License: MIT License

Extensionizr - A Web App To Create The Basis For Your Own Chrome Extension

Extensionizr helps you create the basis for your own awesome chrome extension. Extensionizr helps you create the basis for your own awesome chrome extension.

Extensionizr will be always updated with the latest chrome manifest changes. In addition, I wanted to create a client-side only tool. Extensionizr doesn't use server side code.

Requirements: None
Demo: http://extensionizr.com/
License: MIT License or GPL

wikiUp - A jQuery Plugin To Display Wikipedia Descriptions In Tooltips

wikiUp is a jQuery plugin which allows you to display Wikipedia descriptions in tooltips.  You just need to include jQuery.js, wikiUp.js and wikiUp.css then you can call the plugin like this:

If you want to get data in a different language, use data-lang:

Requirements: jQuery
Demo: http://pmtarantino.github.com/wikiUp/
License: MIT License

Orion - An Open Source Platform For Cloud-Based Development By Eclipse Foundation

Orion is an open source project under the Eclipse top-level project. Orion's objective is to create a browser-based open tool integration platform which is entirely focused on developing for the web, in the web. Tools are written in JavaScript and run in the browser.

Unlike other attempts at creating browser-based development tools, this is not an IDE running in a single tab. Links work and can be shared. You can open a file in a new tab. Great care has been taken to provide a web experience for development.

Orion components are individually consumable and examples of this are Mozilla Firefox Scratchpad, Scripted Editor. All the components of Orion together can be viewed at the public facing OrionHub site where anyone can create an account and try Orion out.

All you need is a modern web browser, from there you can write code using a great editor, link to a repository, create a site.  Develop your software where ever you go. It'll be there, in the cloud, right where you left it. Just login from a web browser on desktop, laptop, tablet, at an airport, on a bus or even in your office.  Orion incorporates leading edge client technologies together to make an extensible tooling platform. Others fork components like the editor to create their own tooling solutions.

Requirements: None
Demo: http://eclipse.org/orion/
License: Free

CHAP Links Library - A JavaScript Visualization Library For Displaying Graphs, Networks, And Timelines

CHAP Links Library is a web based visualization library for displaying graphs, networks, and timelines. The tools are developed as Google Visualization Charts for JavaScript and GWT. CHAP Links Library is developed by Almende as part of CHAP, the Common Hybrid Agent Platform.

The library contains the following components: Graph, Graph3d, Network, Timeline and a TreeGrid.

• Graph - The Graph is an interactive visualization chart to draw (measurement) data in time. You can freely move and zoom in the graph by dragging and scrolling in the window. The time scale on the axis is adjusted automatically, and supports scales ranging from milliseconds to years. The Graph is specially designed for handling large amounts of data.
• Graph3D - Graph3d is an interactive visualization chart to draw data in a three dimensional graph. You can freely move and zoom in the graph by dragging and scrolling in the window. Graph3d also supports animation of a graph.
• Network - Links Network is an interactive chart to visualize networks. It allows creating nodes, links between the nodes, and interactive packages moving between nodes. Interaction can be real time or can be animated from a set of historical data. The visualization supports custom styles, colors, sizes, images, and more.
• Timeline - The Timeline is an interactive visualization chart to visualize events in time. The events can take place on a single date, or have a start and end date (a range). You can freely move and zoom in the timeline by dragging and scrolling in the Timeline. Events can be created, edited, and deleted in the timeline. The time scale on the axis is adjusted automatically, and supports scales ranging from milliseconds to years.
• TreeGrid - TreeGrid is a visualization which represents data in a hierarchical grid view. It is designed to handle large amouts of data, and has options for lazy loading. Items in the TreeGrid can contain custom HTML code. Information in one item can be spread over multiple columns, and can have action buttons on the right.

Requirements: None
Demo: http://almende.github.com/chap-links-library/index.html
License: Apache License v2.0

X-Editable - An In-Place Editing JavaScript Library For Bootstrap, jQuery UI Or jQuery

X-editable is a JavaScript library which allows you to create editable elements on your page.  It can be used with any engine (Twitter Bootstrap, jQuery UI or jQuery only) and includes both popup and inline modes.

It's new life of bootstrap-editable plugin that was strongly refactored and improved.  Please try out demo to see how it works.

• Bootstrap - Twitter Bootstrap has awesome Form markup and Popover plugin allowing pretty in-place editing. For date input it uses bootstrap-datepicker.
• jQuery UI (1.9+) - Starting from jQuery UI 1.9 it has Tooltip plugin. In combination with Button widget it is very suitable for editable form and popup. You can apply any theme of jQuery UI Themeroller.
• jQuery (+ poshytip plugin) - The simplest build of X-editable. For inline mode you need only jQuery. For popup mode it uses Poshytip plugin. To show date picker you should include jQuery UI date picker. Or surely you can write your own inputs.

Requirements: Twitter Bootstrap, jQuery or jQuery UI
Demo: http://vitalets.github.com/x-editable/demo.html
License: MIT License

Pomelo - A Fast, Scalable, Distributed Game Server Framework For Node.js

Pomelo is a fast, scalable, distributed game server framework for Node.js.  It provides the basic development framework and a lot of related components, including libraries and tools. Pomelo is also suitable for real-time web application, its distributed architecture makes Pomelo scales better than other real-time web framework.

Why should you use Pomelo?

Fast, scalable, realtime game server development is not an easy job. A good container or framework can reduce the complexity. Unfortunately, not like web, the game server framework solution is quite rare, especially open source. Pomelo will fill this blank, providing a full solution for building game server framework. The following are the advantages:

• The architecture is scalable. It uses multi-process, single thread runtime architecture, which has been proved in industry and especially suitable for node.js thread model.
• Easy to use, the development model is quite similiar to web, using convention over configuration, almost zero config. The api is also easy to use.
• The framework is extensible. Based on node.js micro module principle, the core of pomelo is small. All the components, libraries and tools are individual npm modules, anyone can create their own module to extend the framework.
• The reference is quite complete, we have complete documents.Besides documents, we also provide a full open source MMO demo(html5 client), which is a far more better reference than any books.

Features

• Scalable architecture for game - Pomelo uses multi-process architecture in nature, which is proved to be scalable. With Pomelo, you can achieve this architecture in almost zero code.
• Easy to use API and framework - Pomelo framework can help you to extend servers easily, and handle request/response, broadcast, RPC with minimal codes.
• Focus on performance - With a lot of stress tests for improving performance, we've breaked many bottlenecks. Pomelo has achieved industry level in many ways like online users.
• A lot of libraries and tools – Besides Pomelo, a rich set of powerful libraries are provided, including AI, AOI, schedule, etc. Meanwhile a variety of tools such as stress testing and command line can make your work easier.

Requirements: Node.js
Demo: http://pomelo.netease.com/
License: MIT License

Flatiron - An Adaptable Framework For Building Modern Web Applications With Node.js

Flatiron is an adaptable framework for building modern web applications. It was built from the ground up for use with JavaScript and Node.js.

Philosophy

No one agrees on frameworks. It's difficult to get consensus on how much or how little a framework should do. Flatiron's approach is to package simple to use yet full featured components and let developers subtract or add what they want.

Motivation

Build a collection of decoupled, unobtrusive tools that can operate as well in unison as they do independently. Promote code organization and sustainability by clearly separating development concerns.

Features

• URL Routing - A simple tool for directing traffic based on URLs that are received both on the browser and server.
• Templating - An unobtrusive templating tool that is fast,DSL free and simple to use.
• Data Management - A storage agnostic resource-oriented object to document mapper for building data models with validation and sanitization.
• Middleware - A Modern hybrid buffered/streaming middleware kernel backwards compatible with connect.
• Plugins - A plugin manager that provides lightweight application extensibility and composition with a twist of feature reflection.
• Logging - A multi-transport async logging library for node.js with plugins for many commonly targeted stores.

Requirements: Node.js
Demo: http://flatironjs.org/
License: MIT License

jQAPI - An Alternative jQuery Documentation

jQAPI is an alternative jQuery Documentation.  There are numerous alternative jQuery documentations out there, such as jQuery API Browser, jQuery API, Visual jQuery and another jQuery API Browser. They are all out of date. The latest official documentation has been released in the 14 days of jQuery. Why the heck another one?

The jQuery documentation is great, very complete, nicely written and with a lot of examples and demos. The only thing that bugs the creator of jQAPI is the way we have to find the right documentation for what we search for. Try to search for the .is() function for example. Over 100 matches before the actual function we are looking for!  It is also a fixed layout which means even on my big screen people have to scroll all the way down and have to scan for it. There have to be a better way, obviously.

The alternative Rails documentation Rails API is my favorite documentation for my favorite server-side tool. Unfortunately my favorite client-side tool did not have such a fast and slick documentation. Inspired by the Rails API and desperate for a better navigation, the jQAPI creator coded one. Of course with jQuery.

Requirements: None
Demo: http://www.jqapi.com/
License: Free

jQuery Terminal Emulator - A Plugin For Creating Command Line Interpreters In Your Applications

jQuery Terminal Emulator is a plugin for creating command line interpreters in your applications. It can automatically call JSON-RPC service when user type commands or you can provide an object with methods, each method will be invoke on user command. Object can have nested objects which will create nested interpreter.

You can also use a function in which you can parse user command by your own. It′s ideal if you want to provide additional functionality for power users. It can also be used as debugging tool.

Features

• You can create interpreter for your JSON-RPC service with one line of code.
• Support for authentication (you can provide function when user enter login and password or if you use JSON-RPC it can automatically call login function on the server and pass token to all functions).
• Stack of interpreters - you can create commands that trigger additional interpreters (e.g.. you can use couple of JSON-RPC service and run them when user type command).
• Command Tree - you can use nested objects each command will invoke a function if the value is an object it will create new interpreter and use function from that object as commands. You can use as much nested commands as you like. if the value is a string it will create JSON-RPC service.
• Tab completion - if you use object instead of a function you can have tab completion with TAB key.
• Support for command line history (it use Local Storage if possible or cookies).
• Include keyboard shortcut from bash like CTRL+A, CTRL+D, CTRL+E etc..
• Multiply terminals on one page (every terminal can have different command, it′s own authentication function and it′s own command history) - you can switch between them with CTRL+TAB.
• It catch all exceptions and display error messages in terminal (you can see errors in your JavaScript and PHP code in terminal if they are in interpreter function).
• Support for basic text formatting (color, background, underline, bold, italic) inside echo function.
• You can create and overwrite existing keyboard shortcuts.

Requirements: jQuery
Demo: http://terminal.jcubic.pl/#demo
License: LPGLv3

UltraREPL - A JavaScript Development Environment Within JavaScript

UltraREPL is a JavaScript development environment, not just a toy or a simple debugger. Developing JS code inside of JavaScript itself enables a lot of powerful options that are otherwise difficult or cumbersome. The problem is Node's existing REPL doesn't provide the tools needed to take advantage of this potential, and there's not really any other options aside from (albeit awesome) browser based environments like Ace.

UltraREPL is designed to work with zero configuration as long as Node is installed. To get it you can clone it from this repo or simply install it with npm.

Requirements: Node.js
Demo: https://github.com/Benvie/Node.js-Ultra-REPL
License: MIT License

Curlish - A Tool Similar To Curl But With Easy OAuth 2.0 Helpers

Curlish is a tool similar to curl but with easy OAuth 2.0 helpers.  If you’ve ever had to speak to an OAuth 2.0 protected resource for debugging purposes?  Curl is a nice tool, but it totally lacks helpers for dealing with OAuth.   Curlish comes for the rescue. It is able to remember access tokens for you and inject it into requests. Facebook comes preconfigured so you can start using it right away.

Curlish is a small script written in Python without any further dependencies but things that are shipped with Python 2.6.

Requirements: Python 2.6
Demo: http://packages.python.org/curlish/
License: BSD

Tipsy - A jQuery Plugin For Facebook-Style Tooltips

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.  It's used by Twitter, Github, Slideshare and Bitbucket, amongst others.  It provides tons of configuration options to boot.

Features

Gravities - Using the gravity parameter, it's possible to control the positioning of the tooltip relative to the pointer.

Fading – You can apply fading effects on the tooltips.

Dynamically Updating Text - Tipsy tooltips are 'live' - if the source attribute's value changes, the tooltip text will be updated the next time the tooltip is shown.

Using Tooltips on Form Inputs - Tooltips can be bound to form inputs' focus/blur events.

Manually Triggering a Tooltip - It's possible to disable hover events and instead trigger tooltips manually

Support for Live Events - Live events are supported using the option {live: true}. jQuery ≥ 1.4.1 is required and live tooltips do not support manual triggering.

Requirements: jQuery
Demo: http://onehackoranother.com/projects/jquery/tipsy/
License: MIT License

FlashJS - A JavaScript Library To Write ActionScript Code Into HTML

FlashJS is JavaScript graphics and game development engine with API similar to Flash one.  It`s HTML5 game development tool, based on verified for years Flash methodology.  Just write ActionScript 3 code inside of <actionscript> tag.

FlashJS was born at the crossroad of HTML / CSS and beautiful Flash objective model that is known by many interactive developers and fits great for game development.  This library allows to develop HTML5 games and applications in the way that is similar to ordinary AS3 development.  FlashJS was designed to show maximum perfomance for HTML/CSS platforms.

Browser Support

FlashJS is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox.

• Latest Safari
• Latest Google Chrome
• Firefox 4+
• Internet Explorer 9+
• Opera 11

Requirements: None
Demo: http://flashjs.com/#examples
License: Apache License v2.0

Cedvel - An Online Tool For Designing Grid Systems

Cedvel is an application for designing grid systems.  Cedvel aims to ease the grid design process and help you explore more alternatives.  Rectangles are building blocks of grids in Cedvel. Use the rectangle tool draw an arbitrary rectangle on the canvas and then modify its exact dimensions and margins from the properties panel.  Once you are satisfied with the size and position of your container rectangle, divide it into rows and columns and set gutter widths and heights.

Margins define width, height and position of a rectangle within a page. Modifying the width of a rectangle simultaneously affects it's right margin value. Modifying the left margin of a rectangle will affect it's width also changing it's position in the page.  Rows, columns and gutters are automatically updated when the width or height of a rectangle changes.

Rectangle lock control panel enables you to lock width, height or margin values.  When the top margin of a rectangle is increased, the height of the rectangle decreases.  With the height of the rectangle locked, changing the top margin does not affect it's height but moves the rectangle down.

Ratios between values can be controlled from the ratio input field either with entering a specific ratio or selecting a preset ratio from the drop-down menu.  The golden ratio and root rectangle ratios are available in the drop-down menu.  The flow-switch controls which value will be affected from the change in ratio.

Each row or column can be individually selected from the layers panel and can be divided into more rows and columns.  Recursively these new rows and columns can also be selected and divided enabling lots of possibilities.

Circles and lines are formed of two points in Cedvel. A circle’s center is its first point and it's second point marks the length and angle of the radius.  Lines are also formed of two points and an angle defining the slope.
Rectangles can have baseline, image and rectangle grids.  Once activated, each of these grids can be individually customized with their own line styles, values and colors.

Grids can be exported as PNG files ideal for screen use or SVG files for printing.  SVG files can be opened with Vector based applications such as Adobe Illustrator.

Requirements: None
Demo: http://cedvel.com/
License: Free

Dexy - A Powerful, Flexible Documentation Tool

Dexy is a free-form literate documentation tool for writing any kind of technical document incorporating code. Dexy helps you write correct documents, and to easily maintain them over time as your code changes.

Dexy is a tool for writing documents which relate to code. This might mean software documentation, journal articles relating to computational research, a code tutorial on your blog, writing up computer science class assignments, pretty much anything. You can think of Dexy as a very fancy 'make' tool with lots of document-related features and powerfulfilters. Dexy is open source, licensed under the MIT license.

Features

• See Code Run - Dexy helps your code to speak for itself. Show off your code with beautiful syntax highlighting. Write examples and Dexy will run them, inserting the output into any document you wish. Everything is based on live code, so updating is easy, syntax errors blow up on you, not your users, and typos are a thing of the past. With Dexy's smart caching, your code is only executed when it needs updating, saving you time while keeping your documents robust.
• Multiple Languages - Language-specific documentation tools make it impossible for you to document all of your project on equal terms. With Dexy, you can document your whole project with one tool, while still taking advantage of each language's special features. Even if you do write in just one language, Dexy will help you show it off like never before. If you have invented a new language, congratulations! Dexy can support it in minutes.
• Any Kind Of Document - Unlike some other documentation tools, Dexy doesn't care how you organize your project. Choose from a wide range of document formats, and use any markup language you want. Mix and match as much as you like in any project. You can use Dexy to create books, websites, blog posts, or all of these at once.
• Automagic Automation - Dexy's filters do things like run your code and make it pretty, but they can also do just about anything else, like post your docs to a blog or a wiki, or fetch data from an API.

Requirements: None
Demo: http://www.dexy.it
License: MIT License

Ratchet - A Tool To Prototype iPhone Apps With HTML, CSS And JS Components

Ratchet is a tool to prototype iPhone apps with simple HTML, CSS and JS components.  Ratchet has a list of components it supports, among which are:

• Title bar - Title bars are full width and docked to the top of the viewport.
• Lists - Lists can be used for organizing data, showing collections of links or a series of controls.
• Buttons - Buttons come in four flavors and should be used for user actions.
• Segmented controller - Created with flex-box so button sizes and spacing are consistent. Content sections that are to be swapped in and out by the controller should all be siblings and have the class "segmented-controller-item". Then, just give each content section an id and point the link in the segmented controller to that id.
• Counts - Counts come in four flavors and should be used to indicate "how many" of something there are.
• Forms
• Toggles - Toggles can be used by sliding or tapping the control.
• Popovers - Popovers are designed to only fire from title bars.
• Sliders - Can be used with any number of slides with any type of content.
• Push - Push.js is the engine that connects Ratchet pages together with AJAX and the history api. Push.js is listening to all clicks on a page, so just make sure it's included and link something in your Ratchet project up.

Requirements: None
Demo: http://maker.github.com/ratchet/
License: MIT License

Singularity - A Powerful, Flexible And Smal Lresponsive Grid System

Singularity is a responsive grid system designed to be as flexible and small as possible while still providing an enormous amount of power. Singularity was originally conceived as a way to create asymmetric grids using modular scale but has evolved to support uniform column widths, asymmetric, and compound grids. The tools provided with Singularity make building these unique and complex grids a breeze. Singularity also focuses on different development styles. Your grid can be expressed as classes or it can be written to elements as needed.

Requirements: None
Demo: http://singularity.gs/
License: MIT License or GPL

SQL Fiddle - A Tool For Easy Online Testing And Sharing Of Database Problems And Their Solutions

SQL Fiddle is a tool for easy online testing and sharing of database problems and their solutions.  If you do not know SQL or basic database concepts, this site is not going to be very useful to you. However, if you are a database developer, there are a few different use-cases of SQL Fiddle intended for you.

You want help with a tricky query, and you'd like to post a question to a Q/A site like StackOverflow. Build a representative database (schema and data) and post a link to it in your question. Unique URLs for each database (and each query) will be generated as you use the site; just copy and paste the URL that you want to share, and it will be available for anyone who wants to take a look. They will then be able to use your DDL and your SQL as a starting point for answering your question. When they have something they'd like to share with you, they can then send you a link back to their query.

You want to compare and contrast SQL statements in different database back-ends. SQL Fiddle easily lets you switch which database provider (MySQL, PostgreSQL, MS SQL Server, Oracle, and SQLite) your queries run against. This will allow you to quickly evaluate query porting efforts, or language options available in each environment.

You do not have a particular database platform readily available, but you would like to see what a given query would look like in that environment. Using SQL Fiddle, you don't need to bother spinning up a whole installation for your evaluation; just create your database and queries on SQL Fiddle.

Requirements: None
Demo: http://sqlfiddle.com/#!2/a258k1/1
License: Free