free web resources for designers and web developers

PhoneGap is an HTML5 app platform that allows you to author native applications with web technologies and get access to APIs and app stores. With PhoneGap  you can

• Build your app once with web-standards Based on HTML5, PhoneGap leverages web technologies developers already know best… HTML and JavaScript.
• Wrap it with PhoneGap Using the free open source framework or PhoneGap build you can get access to native APIs.
• Deploy to multiple platforms! PhoneGap uses standards-based web technologies to bridge web applications and mobile devices.

1. CodeMirror Syntax Highlighting Editor

CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content ― computer programs, HTML markup, and similar. If a parser has been written for the language you are editing (see below for a list of supported languages), the code will be coloured, and the editor will help you with indentation.

2. Edit Area Syntax Highlighting Editor

Here is EditArea, a free javascript editor for source code. (That is no way a WYSIWYG editor).
This editor is designed to edit souce code files in a textarea. The main goal is to allow text formatting, search and replace and real-time syntax highlight (for not too heavy text).

3. CodePress web-based source code editor

CodePress is web-based source code editor with syntax highlighting written in JavaScript that colors text in real time while it’s being typed in the browser.

Features

You can try some features with the demo below.

• Real-time syntax highlighting » just write some code
• Code snippets » on PHP example type “if” and press [tab]
• Auto completion » simple type ” or ( or ‘ or [ or { on any example below (except Plain Text)
• Shortcuts » on PHP example press [ctrl][shift][space]. It’s shortcut to  
• Multiple windows » you can add multiple CodePress windows to the same page

1. JSINQ
   JSINQ is the JavaScript library that allows you to write SQL-like queries against arrays and DOM node lists.
2. Joose
   Joose is a self-hosting meta object system for JavaScript with support for classes, inheritance, mixins, traits, method modifiers and more.
3. jData
   jData is a shared localStorage object interface that can be accessed by any website on the internet and works on Firefox 3+, Webkit 3.1.2/3.2+ nightlies (for some reason not Safari 3.2 stable), and IE8.
4. xLazyLoader
   Lightweight js, css and images preloader.
5. JavaScriptMVC
   the framework that provides a Model-View-Controller (MVC) pattern for JavaScript development。
6. titaniumapp
   Titanium is the first open platform for building rich desktop applications
7. mxgraph
   mxGraph is the ultimate component for drawing diagrams in a browser.
8. getsprockets
   Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files.
9. Juicer
   a CSS and JavaScript packaging.
10. GX
    GX is a full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework. Using GX you can create complex animations working with every w3c CSS property.
11. Helene
    A syntax highlighting text editor in javascript.
12. jsDraw2D This is a pure JavaScript library to draw 2D graphics on web pages inside web browser without using SVG or VML. JavaScript developers, web developers and webmasters can take advantage of the library to add graphics drawing functionality to their web applications or websites using the library.

Sweetter is an opensource modular microblogging system. Its goal is to provide a customizable communication system for communities, departments or enterprises. Sweetter is opensource software: you can use it, study it, modify it and distribute it under the Affero GPL license terms.

Do you want to setup a web site like Youtube to host some internal videos? Do you want to know whether there are any open source and PHP based projects to easy use/setup? Do you want to host the video by myself other than any 3rd party services for copyright reasons?

Here we find a project called OS Tube which has a open source “community edition”. It is written in PHP. You can run PHP under PHP any environment.

Go to www.vimp.com to get more information about the new products and download the free ViMP Community Version.

With this widget, you can make beautiful interactive timelines like the one below. Try dragging it horizontally or using your mouse-wheel. Click on each event for more details. Check the following lines for more samples.

The Life of Monet: a simple timeline showing the life of Monet.

JFK Assassination timeline: a minute by minute development when John F. Kennedy got shot on November 22nd, 1963 in Dallas.

JFK Assassination timeline in Dutch: a minute by minute development when John F. Kennedy got shot on November 22nd, 1963 in Dallas. Timeline labels are in Dutch, as a demonstration of localization.

Jewish History: 2000 years in length.

Christianity Timeline: from Anno Domini to 2006, 570 events altogether.

Religion Timelines: recommended to be viewed on a huge monitor, mashing the Jewish history with the Christianity timeline together to be seen side-by-side.

Cubism: demonstrating the use of JSON, thanks to Juan Manuel Caicedo.

Test Examples: demonstrates and tests various event attributes.

Test Examples 2: demonstrates automatic Timeline sizing to the event collection.

Compact Painter: demonstrates the new compact painter.

FleaIM is web-based MSN messenger clone. With it you can do

• Register, sign in, automaticaly login
• Modify my profile, state, signature
• Send, receive message, flash & face icon
• Search, add, block, remove, sort contacts
• View, download chatting history
• Get sound notification of message coming, contact logging, etc.
• Maintain contact group