Introduction: original article from 《
Best "must know" open sources to build the new web
Translated by Chen Hao of coshell 《
The best web development resources in Open Source
. The materials collected in this article are quite complete for your learning and reference.
Learning HTML 5 programming and design
★HTML5 rocks
: Major feature groups: HTML5 resources (HTML5 demo, tutorial). Source Code
Very goodHTML5 dashboard
-Mozilla: the effect is amazing.
Whatwg developers
, A clear HTML5 Technical Specification.
★Stackoverflow
: Well-known technical Q & A forum.
★Addyosmani
, Jquery and JavaScript document tutorial
Sohtanaka
, Jquery and JavaScript articles and tutorials
★Nettuts +
It is a website for Web developers and designers. It provides various technical tutorials and articles covering HTML, CSS, JavaScript, CMS's, PHP, and Ruby on Rails.
Codrops
, Tutorials and web resources
Webappers
, The best open source resources
Tutorizine
-PHP MySQL jquery CSS tutorials, resources and gifts
Mozilla JavaScript Guide
Codes snippets
Some code snippets collected by the author
Server Software
★Node. js
Is the Javascript environment on the server, which uses the asynchronous event-driven mode. It enables node. js to achieve very good performance in many Internet application architectures. Source code
And real-time demonstration
.
Phantomjs
WebKit is also a server-side javascript API. It supports various web standards: Dom processing, CSS selector, JSON, canvas, and SVG
Lighttpd
A lightweight open-source Web server. News, documents, benchmarks, bugs, and download. Lighttpd support several well-known Web 2.0 websites, such as YouTube, Wikipedia, and Meebo.
Nginx
Is a lightweight Web server with extremely high performance. It is much higher than Apache. It took six years to go to Version 1.0.
Apache HTTP Server
Is a popular Web server that supports multiple popular operating systems.
★PHP
It may be the most popular dynamic Web scripting language for servers.
Of course, there areRuby
,Python
,Erlang
,Perl
,Java
,. Net
,Android
,C ++
,Go
,Fantom
,Coffeescript
,D
,...
PHP
Frameworks and tools
★WordPress
Is an open source software based on the blog system. See how WordPress wins?
"
Drupal
Is a Content Management System (CMS ).
Centurion
Is a new open-source CMS, a flexible PhP5 content management framework. With Zend framework, its components adhere to General, simple, clear, and reusable design principles.
PhpBB
An open-source forum (discuz in China! More)
★Simplepie
: Ultra-fast, easy to use, RSS and atom feed PHP parsing.
★Phpthumb
, PHP image processing Library
★Phpmailer
Powerful full-featured PHP email Library
Pubsubhubbub
Protocol, a simple, open, server-to-server pubsub (publish/subscribe) protocol-extensions of atom and RSS.
For more information, see-20 PHP libraries.
And 9 powerful free PHP Libraries
Database
★Apache couchdb
Is a document-oriented database management system. It provides a rest interface that uses JSON as the data format to operate on it, and can manipulate the organization and presentation of documents through views .. Source code
.
Monoql
Is a MySQL database management tool developed using PHP + extjs. The interface is very similar to a desktop application. It supports most common functions, including table design, data browsing/editing, data import/export, and advanced query.
Mariadb
Yes MySQL
Developed by Monty widenius, the founder of MySQL. GPL is used to defend against license issues of all Oracle MySQL databases. Since Oracle's acquisition of sun, the Community has never stopped worrying about the future of MySQL.
★SQLite
Unlike the Common Client/Server structure examples, the SQLite engine is not an independent process for communications between programs, but a major part of the connection to programs. Therefore, the main communication protocol is programming
Direct API calls in the language. This plays a positive role in total consumption, latency, and overall simplicity. The entire database (definition, table, index, and data itself) is stored in a single file on the host
. Its simple design is completed by locking the entire data file at the beginning of a transaction. Library implements the majority of SQL-92 standards, including transactions, is representative of atomicity, consistency, isolation
And persistent (acid), triggers and most complex queries. No type check is performed. You can insert a string into an integer column. Some users find that this is an innovation that makes the database more useful, especially
When the types of scripting languages are used together. Other users think this is the main drawback.
SQL online design editor
The picture in this section is like the online editor. An online tool for drawing database charts. Very powerful.
API
And Online Data
Programmableweb
, The most popular Web Services and API directory.
Google Data Protocol
A group of Google service data service APIs.
Yahoo! Developer Network
-APIs and tools
Yahoo! Pipes
Visualized online programming tool is a service used to filter, convert, and aggregate web content.
★TheYahoo! Query Language
A web page query tool similar to SQL.
Online code and media Editor
★Coderun Studio
A cross-platform integrated development environment based on the Javascript language. It is based on the design concept of cloud computing, allowing developers to easily develop, debug, and deploy network applications on the browser side. (See coderun.com online development IDE.
)
Cloud9 ide
-Develop a web IDE for javascript programs built based on node. js. It has a very fast text editor that supports coloring and display of JavaScript, HTML, CSS and these mixed codes.
★Jsfiddle
-
This tool can effectively help Web Front-end developers to effectively share and demonstrate front-end effects. It is simple and powerful (JavaScript,
Mootools, jquery, prototype, Yui, glow and dojo, HTML, CSS)
Akshell
,
A cloud service that uses JavaScript on the server and online ide To help developers develop applications quickly. It also provides cloud hosting, so deployment is real-time.
Jsoneditor
, A good JSON Editor
★Tinymce
A lightweight browser-based WYSIWYG editor that supports various popular browsers and is written in JavaScript.
EXT designer
Is a desktop application tool that helps you quickly develop extjs-based user interfaces.
★Lucidchart
, An online Chart Drawing Software Based on the latest HTML5 technology, which is powerful and fast. To run this software, you must support HTML5 browsers.
Balsamiq mockups
A powerful tool for product designers to draw line diagrams or product prototype interfaces.
Color Scheme designer
3-a free online coloring Tool
★Pixlr
Is a free online image processing website from Sweden based on flash. In addition to the operation interface and functions close to Photoshop, it is also a multi-language version that supports Simplified Chinese. (I used to introduce cool shell
)
Aviary
Is an HTML5-based online image processing tool that can easily post-process images. Aviary API
Favicon Generator
,
Online favicon (16 × 16) production tool.
Code resource and Version Control
★GitHub
Is an Internet-based access service for projects that use the GIT version control system.
Git
Is a distributed version control/Software Configuration Management software created by Linus to better manage Linux kernel development. It is extremely fast and efficient. It uses a distributed version library without the support of server software, making it extremely convenient to publish and exchange source code.
Google Code
Google's official developer website contains APIs, development tools, and Development Technology references for various development technologies.
Google libraries API
Google deploys excellent JavaScript frameworks on its CDN and uses the Google libraries API on our website to accelerate loading of JavaScript frameworks.
Snipplr
An open source code sharing community, known as code 2.0. Unlike a general source code sharing website, it is not aimed at large website source code, but some programming code skills.
Javascript
Desktop Application Framework
★Jquery
It is a fast and simple JavaScript library, which simplifies the HTML file traversing, event processing, animation, Ajax interaction, thus facilitating the rapid development of Web Page production. Source code
, API
, API browsing
, Very good documentation
.
★OfficialJquery User Interface (UI) Library
(Demonstration and documentation). Source Code
, Themes Roller
, Download
.
Yui 2
-Yahoo! User Interface library
Mootools
, A super lightweight Web2.0 JavaScript framework
Prototype
Provides object-oriented JavaScript and Ajax
Dojo
The dojo
Toolkit, a powerful object-oriented JavaScript framework that cannot be defeated. It consists of three modules: Core, dijit, and dojox. Core provides
Ajax, events, packaging, CSS-based
Querying, animations, JSON, and other related operation APIs. Dijit is a replaceable skin, template-based Web
UI control library. Dojox includes some innovative/novel code and controls: dategrid, charts, offline applications, cross-browser Vector Plotting, etc.
★Ext js 4
, The most powerful JavaScript framework in the industry.
PHP. js
, An open-source JavaScript library, which tries to implement PHP functions in JavaScript. Import in your projectPHP. js
Library, you can use your favorite PHP functions on the Static Page.
Javascript
Mobile and touch frameworks
★Jquery mobile
: Jquery version on mobile phones and tablets. Jquery mobile
It not only brings jquery core libraries to mainstream mobile platforms, but also releases a complete and unified jquery Mobile UI framework. Supports mainstream mobile platforms around the world. Jquery
The mobile development team said: we are very excited to develop this project. Mobile web requires a cross-browser framework so that developers can develop real mobile Web websites. We will try our best to fill
This is enough. Sources
.
Zepto. js
Zepto. JS is a javascript framework that supports mobile WebKit browsers and has jquery-compatible syntax. 2-5 k Library, through a good API to handle the vast majority of basic work. Sources
.
Microjs
: Microjs website applications list many lightweight JavaScript class libraries and frameworks, which are small and mostly smaller than 5kb. In this way, you do not need to load a JS rack because only one function is required.
★Phonegap
: It is an open-source mobile application development platform. It can be used only in HTML and JavaScript to create applications that can run on multiple mobile devices. Sources
.
★Sencha touch
Sencha touch is an HTML5 product that supports multiple smartphone platforms (iPhone, Android, and Blackberry ).
Framework. Sencha touch can make your web app look like native
App. The beautiful user interface components and rich data management are fully compatible with Android and Apple iOS devices based on the latest HTML5 and css3 web standards.
Jqtouch
Is a jquery plug-in. It is mainly used to implement some JavaScript libraries on the WebKit browser on the mobile phone, including animations, list navigation, default application styles, and other common UI effects. Sources
.
Dhtmlx touch
Javascript framework for mobile and Touch devices. Dhtmlx touch creates mobile Web applications based on html5. It is not just a set of UIS
A complete framework for creating cross-platform Web applications for mobile and Touch devices. It is compatible with mainstream Web browsers and uses dhtmlx
Applications created by touch can run smoothly on iPad, iPhone, and Android smartphones.