Table of Contents
Ember Chart
ExtraCSS
DebugBar
Chance
Sir Trevor
Raw
Bolt
PredictionIO
Scrollback
StackEdit
Docker
Monsta FTP
Kint
Sixpack
CaseBox
Ack
Pico
Prepros
Pinry
Brimir
Home Web Front-end HTML Tutorial 20 excellent open source tools that may be used in web projects_html/css_WEB-ITnose

20 excellent open source tools that may be used in web projects_html/css_WEB-ITnose

Jun 24, 2016 pm 12:07 PM

Open source applications and their source code are freely available because the copyright belongs to anyone who makes modifications or submits the code. Most companies that provide open source software can establish industry standards and therefore gain a favorable competitive advantage.

Many open source applications and tools have strong alternatives. Compared with other expensive tools, open source tools have better compatibility, and they are free. In this way, developers can obtain these necessary tools and programs without spending money when carrying out their daily work. This article shares 20 excellent open source tools for web developers.

Ember Chart

Ember Charts is a free and open source charting library built on the two libraries D3.js and Ember.js , including timeline, progress bar, pie chart, scatter chart, which are easy to extend and modify. These out-of-the-box features make these table components easy to present our ideas and very interactive.

ExtraCSS

extractCSS is a free online application that can easily extract CSS style information. Including tags, classes and inline styles, and the output can also be customized (indentation function). This tool is useful for quickly creating HTML files with inline styles and generating appropriate stylesheets. External CSS is also open source and written only for the client.

DebugBar

DebugBar is a free open source program that can be embedded into any PHP project to collect and display pre-processed data. It has no dependencies, supports Ajax, requires and includes generic data collectors and familiar common libraries.

Chance

Chance is a JavaScript random number generation tool that can generate random numbers, bytes, characters, namespaces, addresses, Dictionary waiting helps you perform better automatic testing.

Sir Trevor

Sir Trevor is an open source website rich text editor. He needs to imagine how the content will be displayed. He just used JSON and Markdown and instead of storing anything in HTML, this editor uses blocks for content storage and has multiple default block-level elements, such as: text, graphics, quotes, columns, videos, etc.

Raw

Raw is a free and open source Web application for visualizing data, it defines itself "One missing node for spreadsheets and vector graphics". This program enables data sets to be loaded, copied, pasted, dragged and deleted, allowing us to customize views and hierarchies. Raw is based on the popular D3.js and supports many table types, such as bubble charts, map charts, donut charts, etc.

Bolt

Bolt is a content management tool designed to be as simple and straightforward as possible. It's quick to set up, simple to set up, elegantly modular, and otherwise a joy to use. Bolt is written using the latest open source libraries and is suitable for building websites using HTML5 markup language. Bolt is written in PHP, and users can use SQLite, MySQL or PostgreSQL as the database. It is built using the Silex framework and some Symfony components and other libraries.

PredictionIO

PredictionIO is an open source machine learning engine that programmers use to make programs display predictive features, such as personalization , recommendation, content display. With PredictionIO you can instantly add the following features to your application: predict user behavior, provide personalized videos, news, deals, ads, job vacancies, help users discover interesting things, documents, programs, and restaurants, and provide great thoughtfulness Services and more.

Scrollback

Scrollback is an open source web application that can add a stylish chat room to the website. It is built based on Nodejs. You can use the free hosting version directly, or you can download it and host it yourself. This application creates a separate chat room interface through which community members can communicate with each other.

StackEdit

StackEdit is a free and open source Markdown editor based on PageDown (the library used by Stack Overflow). This editor can create and manage multiple documents, which are stored locally. At the same time, it can import/export from Google Drive or Dropbox and save documents as HTML files.

Docker

Docker is an open source engine that enables any application to run as a lightweight container. Docker is hardware agnostic and platform agnostic. This means he can allow it anywhere. From a laptop to an Amazon EC2 instance, or any computer in between. They do not require special programming languages, frameworks or packaging systems. In this way, large-scale websites, databases, and backend programs can be built and deployed without relying on specific middle layers.

Monsta FTP

Monsta FTP is an open source PHP/Ajax cloud service that allows you to implement FTP file management functions in your browser. You can drag files into your browser and then see them uploaded, like Like magic. It supports online editing of files and supports multiple languages.

Kint

Kint is a modern, powerful PHP debugging tool that can only detect running program variables that are difficult to display. data type. Variable names, files, and functions can all be displayed.

Sixpack

Sixpack is an open source A/B testing tool with a unique feature: it is language-agnostic. It doesn't limit you to running the entire test in one language, so you can start with one language and end with another (e.g. JS & PHP code as the same test). It has libraries for PHP, javaScript, Ruby Python, which are very convenient to use and have interfaces where you can see the results.

CaseBox

CaseBox is an open source PHP/MySQL-based web application for managing tasks, files and other records. It has the style of a desktop program, allowing you to create unlimited levels of folders and save files in a structured manner. Tasks with deadlines can be set up to assign users tasks with trackable progress.

Ack

Ack is a grep-like tool that captures optimizations for programmers. Ack is developed using Perl5 and makes full use of Perl5's powerful regular expression function. It only searches meaningful files, so it is very fast. You can ignore Subversion, Git or other VCS directories and other directories that are not code, so that you can search the entire tree.

Pico

Pico is a very simple, fast and easy-to-use content management system. Picos makes making a website like editing text. Pico is a "flat file" content management system, that is, there is no database and no MySQL query statements. It is very lightweight and does not require a database, so it runs very quickly.

Prepros

Prepros is an open source application for Windows systems that can automatically verify Less, Sass, Scss, Stylus, Jade , Coffeescript, Haml and Markdown. It can automatically compile the code and insert CSS (or HTML, JS) into the browser, so there is no need to refresh. The compilation process can be configured such as the resulting file format and form (compression, nesting). Prepros also has a built-in static HTTP server, in order to test any Ajax requests.

Pinry

Pinry An open source web application that makes it easy to suggest Pinterest-style dynamic grid layouts. It allows users to quickly register, identify, tag, and share multimedia (pictures, videos, web pages). And you can add bookmarks to save browsing content without exiting the web page. This program is written in Python.

Brimir

Brimir is an open source free ticketing program built using Ruby on Rails, and the front-end development framework Foundation. Brimir allows you to send and receive emails through a user-friendly interface. Received emails are converted into tickets, support attachments, have different statuses and can be prioritized for easy classification.

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update? Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update? Mar 04, 2025 pm 12:32 PM

The official account web page update cache, this thing is simple and simple, and it is complicated enough to drink a pot of it. You worked hard to update the official account article, but the user still opened the old version. Who can bear the taste? In this article, let’s take a look at the twists and turns behind this and how to solve this problem gracefully. After reading it, you can easily deal with various caching problems, allowing your users to always experience the freshest content. Let’s talk about the basics first. To put it bluntly, in order to improve access speed, the browser or server stores some static resources (such as pictures, CSS, JS) or page content. Next time you access it, you can directly retrieve it from the cache without having to download it again, and it is naturally fast. But this thing is also a double-edged sword. The new version is online,

How do I use HTML5 form validation attributes to validate user input? How do I use HTML5 form validation attributes to validate user input? Mar 17, 2025 pm 12:27 PM

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

How to efficiently add stroke effects to PNG images on web pages? How to efficiently add stroke effects to PNG images on web pages? Mar 04, 2025 pm 02:39 PM

This article demonstrates efficient PNG border addition to webpages using CSS. It argues that CSS offers superior performance compared to JavaScript or libraries, detailing how to adjust border width, style, and color for subtle or prominent effect

What are the best practices for cross-browser compatibility in HTML5? What are the best practices for cross-browser compatibility in HTML5? Mar 17, 2025 pm 12:20 PM

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

What is the purpose of the <datalist> element? What is the purpose of the <datalist> element? Mar 21, 2025 pm 12:33 PM

The article discusses the HTML &lt;datalist&gt; element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What is the purpose of the <progress> element? What is the purpose of the <progress> element? Mar 21, 2025 pm 12:34 PM

The article discusses the HTML &lt;progress&gt; element, its purpose, styling, and differences from the &lt;meter&gt; element. The main focus is on using &lt;progress&gt; for task completion and &lt;meter&gt; for stati

How do I use the HTML5 <time> element to represent dates and times semantically? How do I use the HTML5 <time> element to represent dates and times semantically? Mar 12, 2025 pm 04:05 PM

This article explains the HTML5 &lt;time&gt; element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

What is the purpose of the <meter> element? What is the purpose of the <meter> element? Mar 21, 2025 pm 12:35 PM

The article discusses the HTML &lt;meter&gt; element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates &lt;meter&gt; from &lt;progress&gt; and ex

See all articles