本文列出的這些網站可以分享和展示你的代碼。它們都提供在線預覽功能，所以別人可以看到你的代碼如何運行。它們有時候也被稱作“代碼廣場”或者“沙箱”。
它們不僅僅提供簡單的代碼展示功能，還提供很多代碼協作和實際編程過程會用到的功能。例如，當你需要別人幫你調試源代碼的時候，可以使用這些網站分享你有問題的代碼，然后把鏈接分享給幫助你的人。這使得他們可以方便的查看你的源代碼並提供解決方案。
1.CodePen
在CodePen上，你可以演示被稱作 pens 的代碼。Pen 由 HTML、CSS和JS組成。Codepen有很多方便你展示代碼的功能。例如，它支持 SASS 和 LESS 語法，可以快速的添加常用的JS庫如jQuery、Angular等。這里可以查看該網站上流行的Pens。
2.Liveweave
Liveweave是一個非常棒的在線源代碼編輯器。這也是網站設計師和開發者的終極游樂場，一個偉大的測試、練習和展示你代碼的工具。我喜歡它可 以非常方便的為你的代碼添加第三方依賴。你只需點擊兩次就可以為你的代碼添加Bootstrap、jQuery等常用的Web開發包。
3.dabblet
這個代碼展示平台更偏向於CSS，但它也有HTML和JS展示功能。一個方便的地方是它使用了-prefix-free JS庫，所以你不需要擔心CSS屬性的前綴。
4.JS Fiddle
JS Fiddle具有非常強大的JavaScript代碼展示功能。它具有多個版本的開發庫，如jQuery、MooTools、React。它內置代碼分析工具JSHint。它甚至允許你通過它的 echo API來模擬AJAX請求。
5.<kodtest/>
這個代碼高亮展示網站允許你調整預覽尺寸，支持移動設備和一些其他常用的屏幕設備。這個功能可以幫你快速調試響應式斷點。
6.Plunker
Plunker是一個創建、合作、分享你的網站開發思路的在線社區。它的代碼編輯器具有非常多的功能。這里是一個Plunker上瀏覽最多的展示列表。
7.CSSDeck
CSSDeck具有一個簡潔的用戶界面。如果你想找一個簡單的展示代碼的功能，這個一個很好的候選工具。看到你代碼展示的人可以在下面做出評論，不過他們需要提前注冊該網站的帳號或者使用Github帳號登錄。
8.code.reloado.com
這是另一個簡單的展示你代碼的工具。它提供很多js庫， jQuery, Bootstrap, Prototype, Backbone, TwitterLib, Zepto等等。
9.Ideone
這個代碼展示工具允許你展示服務器端代碼語言(PHP、Perl等)。也可以處理像C++這樣的軟件編程語言。當你運行代碼的時候，Ideone會為你和你的代碼reviewers顯示運行結果。它也會為你列出它發現的編譯錯誤。
10.codepad
codepad是另一個展示服務器端語音的選擇。它支持編程語言如PHP、Ruby、C、C++、Python等。
11.JS Bin
JS Bin是一個集成很多功能的代碼展示平台。它甚至有個控制台來讓你調試和檢查代碼。它的控制台跟Chrome瀏覽器的控制台基本一樣。並且JS Bin具有codecasting。
12.Tinkerbin
Tinkerbin是一個簡單的提供了你需要的所有功能的代碼廣場。Tinkerbin除了支持JavaScript還支持CoffeeScript，除了支持CSS還支持Sass/SCSS/Less，除了支持HTML還支持HAML。
13.jqversion
這個一個很好的測試jQuery代碼的地方。它提供了多個版本的jQuery庫。
14.SQL Fiddle
SQL Fiddle是展示你的SQL語句的平台。它可以運行 MySQL, MS SQL, PostgreSQL, Oracle Database, SQLite等。
