WIODE is an open source and web-based IDE application which focuses on simplicity and expandability.
It is built with PHP-MySQL and has an interface that will feel familiar to anyone working with desktop IDEs.
The application is very easy to work with; it can manage multiple projects, a file-tree helps browsing files-folders where double-clicking an item is displayed in a new tab (multiple tabs, yay!).
Right-clicking on files/folders (context menu) brings options like "create copy, rename, delete or "FTP upload".
For the opened files, there are features like syntax highlighting, line numbering, auto-indenting, saving and previewing.
Also, a "system" menu displays the lists of projects, number of files in each and presents options like taking backups or archiving them.
WIODE is a multi-user application where users can work at the same time without overwriting each other's files.
Requirements: PHP 5+ and MySQL 5+
Compatibility: All Modern Browsers (except IE)
HTML5 audio and video is really great and very easy-to-use, however, they are not supported in older browsers and there isn't a consistency between modern browsers when it comes to file types.
html5media is a JavaScript library that enables every browser to play the media defined inside the HTML5 media tags.
For a compatible browser, the library doesn't interfere anything. For non-compatible ones (older or non-supported file type usage), the player is replaced with the Flash-powered FlowPlayer.
Even in the Flash-fallback, the library applies the settings defined inside the <audio> – <video> tags to the player (like poster image).
html5media can be installed to your own website or a free-hosted-version offered for a quick usage.
Requirements: No Requirements
Compatibility: All Major Browsers
An option for resizing text is a very good way of helping visitors to read easier.
jFontSize is a jQuery plugin for integrating the popular "A+ and A- buttons with the functionality of resizing text" into web pages.
The buttons are actually inserted with standard HTML-CSS (so any type of buttons can be used) and the plugin controls the resize part.
It is possible to target a specific element (or the <body> for the whole page) and the resizing will be applied only to the contents of that element.
Also, various options can be configured like the "max-min number of resizes" and "how many pixels each command will resize".
Requirements: jQuery
Compatibility: All Major Browsers
Mind maps are a great way of visualizing and documenting ideas that help concentrating and managing the main subject/idea easily.
mindmaps is an open source application that enables anyone to easily create good-looking mind maps.
It is possible to create branches (sub-ideas) with an unlimited hierarchy where all of them are linked to each other.
It is completely written with HTML5, CSS3 and JavaScript, the diagrams are created with canvas and offline usage is possible, thanks to ApplicationCache.
mindmaps has a simplistic interface and has features like copy-cut-paste, undo-redo, saving the document as JSON and much more.
Requirements: No Requirements
Compatibility: All Modern Browsers
Opa is a web development platform that is mostly focused on scalability, easy deployment to the cloud, security and a faster coding process to create apps.
It consists of the following which are tightly integrated into each other:
- a new programming language
- a new web server
- a new database
- a new distributed execution engine
Opa is a little different most other programming languages around considering the integrity it has. There is no need to deal with any other software, server or language (even SQL or JavaScript). Just Opa.
Out of the box, the platform has everything for scaling of storage, transactions and how they are served. It handles them automatically by using minimum resources.
Opa is currently available for Mac OS X and Linux, however, Windows support is under development. It is also very well-documented.
P.S. Although a new language usually looks hard (or unnecessary) for any developer, Opa is definitely worth checking out.
Compatibility: Mac OSX and Linux
FOAF (an acronym of Friend of a friend) is a machine-readable ontology describing persons, their activities and their relations to other people and objects. Anyone can use FOAF to describe him or herself. FOAF allows groups of people to describe social networks without the need for a centralised database (via Wikipedia).
Foafpress is an open source PHP web application and presentation engine for RDF data stored in files.
It makes aggregating and publishing data from multiple web sources via Linked Data possible.
The application can read RDFXML, Turtle + N-Triple files and supports automatic content negotiation, currently for RDFXML, Turtle, N-Triple, HTML and RSS.
There are ready-to-use templates and controllers for foaf:Person and foaf:Group.
It can create a merged activity stream from Atom/RSS feed resources, render Twitter and Identi.ca statuses including @account, URLs and #hashtag links and has icons for ~35 social websites (like Twitter, Youtube, Facebook).
Requirements: PHP
Compatibility: All Major Browsers
Besides the official UI library of jQuery, jQuery UI, there are several other libraries that offer a similar functionality. Sometimes more, sometimes less.
jQuery EasyUI is a complete UI library for creating simple-to-advanced interfaces very easily.
Every feature is offered as separate plugins which include drag-drop, pagination, accordion, tabs, panel, menu, form + validation, modalbox, datagrid and much more.
It has support for theming and comes with a default and grey theme. Also, it is multilingual, already supports multiple languages and new ones can be added quickly.
jQuery EasyUI also has various extensions like portal or an editable datagrid.
The library is very well-documented, comes with examples and updated regularly.
Requirements: jQuery
Compatibility: All Major Browsers
Tiny Tiny RSS is an open source and web-based feed reader application that offers a desktop-like user experience.
It is built with PHP, uses MySQL or PostgreSQL for storing data and makes use of the Magpie and SimplePie libraries (check PHP RSS Parsers) for fetching the feeds.
The interface is completely Ajaxed, there is support for RSS, RDF + Atom and protected/authenticated feeds can be read as well.
Tiny Tiny RSS not only fetches data but can re-publish them as well (again as a RSS feed). The data is also reachable via a JSON-based API.
The application supports multiple users, it is multilingual and has a mobile-version as well.
And, there are many other features like OPML import/export, keyboard shortcuts, duplicate content filtering or article scoring.
Requirements: PHP 5.2+ and MySQL or PostgreSQL
Compatibility: Browsers except IE and Opera 10-11
Git is one of the most popular version control systems out there and, if you use it, you will find Gitalist very useful.
It is an open source web application for viewing local and/or remote git repositories in an easy-to-browse interface.
Gitalist can connect to multiple repositories and branches. The application can display the differences in commits and present the history color-coded.
There are both short + long log views and it generates an Atom feed of the commits for the followers.
Requirements: Perl
Developing mobile web applications is not so different and harder than developing standard websites. Even, considering the better support for the new HTML and CSS tags, it is sometimes easier.
However, debugging them is pretty hard as many features for that process doesn't exist like viewing source code or JS errors generated by the mobile browser.
Socketbug, a remote debugging tool built with Node.js and Socket.io, brings a working solution to this issue.
It auto-determines what communication transport to use and enables your mobile application to send/receive messages from other connected devices (mostly mobile in this case) to your desktop browser.
The usage is not so complicated as well, you just need to setup the Socketbug server, connect to it (a console exists for connection) and insert a JavaScript code to your mobile application.
Requirements: Node.js
Compatibility: Windows, Mac & Linux
Thank you! Please check your inbox to confirm your subscription.
Loading...
Get WebResourcesDepot WeeklyA Weekly Newsletter For Web Designers And Developers
