20 Open Source Scripts Applications for Web Developers

20 Open Source Scripts Applications for Web Developers
by Janeth Kent Date: 11-08-2016 open source script application online web editor


Open source applications and tools can be handy for web designers and developers on a budget. Nowadays most of the tools and applications are increasingly either employing open source or are built entirely on it. And all of this adds up to an increasing premium on web development skills and good tools for web development in the open source community. The good news is that there are many open source tools to help you with your web project, and given the costs of web development environments and the like, they can save you a lot of money.

Here we are listing 20 useful and effective open source tools and applications that will help you to accomplish your designing and development related tasks in certain time of period. From graphics editor to Php Authentication and management app, following apps are capable of resolving all your development and designing related issues. We hope you will find the following list handy and useful; if you are aware of few more effective open source tools and applications, do let us know by commenting below . Enjoy !

1. SVG-Edit : Open Source Graphics Editor

SVG-edit is an open source & web-based vector graphics editor application that is built with JavaScript. Every image drawn generates a SVG output which makes integrating SVG-edit into any application & displaying the results easier. The application is very handy for anyone who is looking for a customizable solution to enable users draw online where the output can be saved.

Source

2. Codiad : Open Source & Web Based IDE for Coding Remotely

Codiad is an open source web-based IDE application for writing and editing code online. The application is built with PHP and doesn’t require a SQL database but stores the data in JSON formatted PHP files. Codiad is capable of handling multiple projects with a single installation and any number of users can login to the application. It removes the need of creating a local test/development environment and enables anyone to keep all data + the development process in a remote server.

Source

3. Ecoder : Open Source Web-Based Code Editor

ecoder is a simple & open source web-based code editor built with PHP & JavaScript. It offers real-time colour syntax highlighting, allowing multiple documents being edited online at the same time. The application has a file browser & file uploader. Multiple files, while being edited, can be browsed within tabs & saved easily.

Source

4. Open Source Ajax Image Editor : AIE

AIE, an open source Ajax image editor, is one of them but with a difference: it can be installed under your websites. So, besides using it as a standard image editor, it can be integrated with other applications you use (like image galleries, blogging apps., etc) by simply setting the “images folder” of these applications.

Source

5. Xinha : Open Source Online HTML Editor

Xinha is a powerful & open source HTML (WYSIWYG) editor. It is a community-built script presenting various options for max. customization. It is possible to configure which features/menus to be displayed, whether coding inside will be permitted or not & almost anything that may be needed.

Source

6. OpenWYSIWYG Editor

openWYSIWYG is an open source application, meaning you’ll have access to the full source code to modify or customize it to your needs. It provides following features.
• Loads extremely fast. Completely written in JavaScript and DHTML. No server side code (like PHP) required!
• Easily view HTML source code and make “in code” adjustments.
• Manage documents similar to Word. Bold, italicize, change the color of your text, and more.
• Create numbered and bulleted lists.
• Insert images, create tables, and link text.

Source

7. Conjoon : Open Source Personal Information Dashboard

conjoon is a web-based open source application, built with the Zend Framework, that focuses on message exchanging. Currently, it is a full-featured webmail & RSS reader client with contacts management. But the upcoming releases show that it will also have anintegrated Twitter client with multiple accounts support.

Source

8. Auth Manager : Open Source PHP Authentication & Management App

It is an open source user management and authentication system built with PHP. AuthManager comes with a ready-to-use registration module where users can register with their e-mails or Facebook accounts, sign-in and get a new password if they forgot it. There is support for reCaptcha to prevent bots and the app provides few lines of code which can be added into any custom PHP file to make it members-only.

Source

9. GitList : Open Source Git Repository Viewer

GitList is an open source PHP application with an elegant interface for enabling anyone to view the repository. It has support for viewing files under different revisions, commit history and diffs. The application uses Twitter Bootstrap for the UI and it is built on top of Silexand the Twig template engine (check other PHP template engines.

Source

10. WebPutty : Open Source CSS Editing & Hosting Service

WebPutty is an application that enables us to write CSS code with an online, feature-rich, syntax-highlighted editor and see the changes in real-time with a side-by-side preview panel. The CSS file is hosted by the service so that any changes made are instantly reflected to the live website. And, you can host any number of CSS files under a single account.

Source

11. OpenKeyval : Instant Web-Based Database for Any Project

Today, while many websites have a database for storing the content, settings, etc., many others are static and don’t use anything to keep the data as they are hard-coded in HTML.
For such websites, we may still want/need to store several things and OpenKeyval provides us that opportunity without setting up a database like MySQL, MSSQL. It is a free (also open source) and web-based database service that doesn’t require any registration and can be used instantly.

Source

12. SiteCake : Open Source CMS for Small Websites

SiteCake is an open source PHP CMS application which allows site admin to edit a website while browsing it. Once logged in, everything becomes editable and it displays a “content editing bar” with options for inserting HTML elements like headers, lists, images, videos and other stuff like Google Maps or a slideshow. It is possible to crop images, drag ‘n’ drop items, create new pages and delete anything with a click.

Source

13. Gantti : Gantt Charts with PHP

Gantti is an open source PHP class for generating Gantt charts on-the-fly. The charts created are pure HTML5-CSS3 with no JavaScript involved. The output looks very nice by default but can be customized with ease (with SASS stylesheet).

Source

14. Brackets : Open Source Code Editor

Brackets is an open source code editor (IDE), built by Adobe, which is created with only client-side web technologies like HTML-CSS and JavaScript. The editor focuses on simplicity and, rather than too many panels, the quick-edit UI is the main thing. A “live development” feature syncs a browser with the editor and displays any changes instantly. Brackets, although being web-based, works in a native shell (Win & Mac versions available) to reach the filesystem.

Source

15. SageFrame : Open Source ASP.NET CMS

If you are an ASP.NET developer, you already know that there are not too many choices when it comes to finding an open source CMS application. SageFrame is a good alternative for any looking for such a solution. It is a feature-rich and open source content management system, built withASP.NET, to create websites easily. The application enables users to customize/up date the websites while browsing by simply interacting with the editable modules.

Source

16. ChilliProject

ChiliProject is an open source project management application that helps tracking many aspects of a process. The application has features for project and milestone planning (roadmap), ticket-based issue tracking, document management (including version control -Subversion or Git- for software projects) and time tracking to calculate costs. ChiliProject notifies team members about the activities via e-mail and further notifications exist by simply subscribing to a project’s activity fee.

Source

17. PHP Bug Lost : A Single File Script for Debugging

PHP Bug Lost is a free and open source script for debugging and monitoring PHP code.
It is a one-file-script, works by inserting a function inside web pages and displays the information in a console window right over the web page. The script can present custom logs, SQL queries, variables, Ajax queries and measure loading times + CPU/memory usage. PHP Bug Lost is not only built to be used in the development environment but it can also be set to auto-send e-mails when any of the monitored data is over or below the expected values.

Source

18. PhotoShow : Open Source PHP Image Gallery

PhotoShow is a free and open source PHP application for creating and managing a web gallery. The application works without a database and uses the folder structure for creating the hierarchy of the galleries (supports unlimited sub-galleries). Images can be added either from the admin panel via a drag ‘n’ drop uploader or directly from the filesystem. Organizing the folders/images, editing and deleting them are also accomplished with the same methods.

Source

19. Stitches

Stitches is an open source HTML5-powered application for creating CSS sprites on the fly. With the help of a couple HTML5 APIs, images can be drag ‘n’ dropped and the sprite image + CSS rules are instantly generated. It uses Modernizr to check for drag-and-drop, FileReader, and canvas support (which are currently available only in Firefox and Chrome). A must-bookmark tool for saving time on creating sprites specially when there are too many images to merge.

Source

20. MyWebSQL : Desktop Like Web-Based MySQL Admin App

MyWebSQL is an exciting open source alternative to both as it is a web-based MySQL (and SQLite) manager with a desktop-like functionality. It is built with PHP and, with the help of a completely Ajaxed interface, tasks can be accomplished pretty quickly. Creating, editing and deleting tables or records are easily done in a grid mode which also makes working with multiple items at the same time possible. Also, shortcuts for any actions exist inside context menus to make browsing faster.

Source

Open source applications are applications that are available in source code form, such open source software are reserved for copyright holders and provided under an open source license that enables users to study, change and improve that particular application.

 
by Janeth Kent Date: 11-08-2016 open source script application online web editor hits : 13265  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.

 
 
 

Related Posts

How to use the endsWith method in JavaScript

In this short tutorial, we are going to see what the endsWith method, introduced in JavaScript ES6, is and how it is used with strings in JavaScript. The endsWith method is…

What are javascript symbols and how can they help you?

Symbols are a new primitive value introduced by ES6. Their purpose is to provide us unique identifiers. In this article, we tell you how they work, in which way they…

Callbacks in JavaScript

Callback functions are the same old JavaScript functions. They have no special syntax, as they are simply functions that are passed as an argument to another function. The function that receives…

How to create PDF with JavaScript and jsPDF

Creating dynamic PDF files directly in the browser is possible thanks to the jsPDF JavaScript library. In the last part of this article we have prepared a practical tutorial where I…

How to make your own custom cursor for your website

When I started browsing different and original websites to learn from them, one of the first things that caught my attention was that some of them had their own cursors,…

8 benefits of having a website for your business

At this moment, the Internet is a phenomenon that is sweeping the world. It has been able to interconnect millions of users all over the planet. People have made the…

Open source web design tools alternatives

There are many prototyping tools, user interface design tools or vector graphics applications. But most of them are paid or closed source. So here I will show you several open…

Node.js and npm: introductory tutorial

In this tutorial we will see how to install and use both Node.js and the npm package manager. In addition, we will also create a small sample application. If you…

How to connect to MySQL with Node.js

Let's see how you can connect to a MySQL database using Node.js, the popular JavaScript runtime environment. Before we start, it is important to note that you must have Node.js installed…

JavaScript Programming Styles: Best Practices

When programming with JavaScript there are certain conventions that you should apply, especially when working in a team environment. In fact, it is common to have meetings to discuss standards…

Difference between arrow and normal functions in JavaScript

In this tutorial we are going to see how arrow functions differ from normal JavaScript functions. We will also see when you should use one and when you should use…

JavaScript Arrow functions: What they are and how to use them

In this article we are going to see what they are and how to use JavaScript Arrow Functions, a new feature introduced with the ES6 standard (ECMAScript 6). What are Arrow…