14 excellent code Display websites and 14 code Display

Source: Internet
Author: User
Tags codepad

14 excellent code Display websites and 14 code Display

The websites listed in this article can share and display your code. They all provide online preview, so others can see how your code runs. They are also called "code square" or "sandbox ".

They not only provide simple code display functions, but also provide many functions used in code collaboration and actual programming processes. For example, when you need someone to help you debug the source code, you can use these websites to share your problematic code and share the link with the person who helps you. This allows them to conveniently view your source code and provide solutions.

1. CodePen

On CodePen, you can demonstrate the code called pens. A Pen consists of HTML, CSS, and JS. Codepen provides many functions to facilitate code display. For example, it supports SASS and LESS syntax and can quickly add common JS libraries such as jQuery and Angular. Here you can view the popular Pens on this website.

Online Preview

2. Liveweave

Liveweave is a great online source code editor. This is also the ultimate playground for website designers and developers, a great tool for testing, practicing and displaying your code. I like it to easily add third-party dependencies for your code. You only need to click twice to add common Web Development kits such as Bootstrap and jQuery to your code.

Online Preview

3. dabblet

This code display platform prefers CSS, but it also has HTML and JS display functions. It is convenient to use the-prefix-free JS library, so you do not need to worry about the prefix of CSS attributes.

Online Preview

4. JS Fiddle

JS Fiddle has a very powerful JavaScript code display function. It has multiple development libraries, such as jQuery, MooTools, and React. It has built-in code analysis tool JSHint. It even allows you to simulate AJAX requests through its echo API.

Online Preview

5. <kodtest/>

This code highlights websites that allow you to adjust the preview size and support mobile devices and some other commonly used screen devices. This feature allows you to quickly debug responsive breakpoints.

Online Preview

6. Plunker

Plunker is an online community that creates, cooperates, and shares your website development ideas. Its code editor has many functions. Here is a list of the most browsed displays on a Plunker.

Online Preview

7. CSSDeck

CSSDeck has a simple user interface. If you want to find a simple code display function, this is a good candidate tool. People who see your code can make comments below, but they need to register the account of the website in advance or use the Github account to log on.

Online Preview

8.code.reloado.com

This is another simple tool for displaying your code. It provides many js libraries, such as jQuery, Bootstrap, Prototype, Backbone, TwitterLib, and Zepto.

Online Preview

9. Ideone

This code display tool allows you to display the server-side code language (PHP, Perl, etc ). It can also process software programming languages like C ++. When you run the code, Ideone will display the running result for you and your code reviewers. It will also list the compilation errors it finds for you.

Online Preview

10. codepad

Codepad is another option for displaying server-side voice. It supports programming languages such as PHP, Ruby, C, C ++, and Python.

Online Preview

11. JS Bin

JS Bin is a code display platform that integrates many functions. It even has a console for you to debug and check the code. Its console is basically the same as that of Chrome. And JS Bin has codecasting.

Online Preview

12. Tinkerbin

Tinkerbin is a simple code square that provides all the features you need. Tinkerbin not only supports JavaScript, but also CoffeeScript. In addition to CSS, Tinkerbin also supports Sass, SCSS, and Less. In addition to HTML, Tinkerbin also supports HAML.

Online Preview

13. jqversion

This is a good place to test jQuery code. It provides multiple jQuery libraries.

Online Preview

14. SQL Fiddle

SQL Fiddle is a platform for displaying your SQL statements. It can run MySQL, ms SQL, PostgreSQL, Oracle Database, SQLite and so on.

Online Preview

Fixed Link: http://www.i7758.com/archives/2113.html

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.