Like their real-world counterparts, web development “sandboxes” are environments for play, exploration and discovery. Sandboxes take code entered into one window and present it live in another, avoiding the back-and-forth cycle of developing a page, saving it, and refreshing it in a browser. A sandbox is a safe zone: it is nigh-impossible to break anything while coding within its borders. It is also a place of cooperation: sandboxes usually feature save-states, allowing others to view, share and contribute to your work. Sandboxes are the online equivalent to a hallway whiteboard in an office of codemonkeys: places to congregate and communicate snippets of code. Sandboxes are not direct development environments, and do not make web pages themselves… but they can be vital tools for making your pages better.
像现实世界中的其他对象一样,Web开发“沙盒”是玩,探索和发现的环境。 沙箱将输入到一个窗口中的代码呈现在另一个窗口中,从而避免了开发页面,保存页面以及在浏览器中刷新页面的来回循环。 沙箱是一个安全区域:在边界内进行编码时几乎不可能破坏任何东西。 它也是一个合作的场所:沙箱通常具有保存状态,允许其他人查看,共享并为您的工作做出贡献。 沙盒在线等效于代码猴子办公室中的走廊白板:聚集和交流代码片段的地方。 沙盒不是直接的开发环境,也不能自己制作网页……但是它们可以成为使您的网页变得更好的重要工具。
A catalog of web development sandboxes in 2012 would include:
2012年的Web开发沙箱目录将包括:
-
, created by Lea Verou: probably my current favorite sandbox. CSS is entered in one window, HTML in another, and the result is shown in a third. CSS is assumed to be prefix-free, so there’s no need to include proprietary code to run your examples. Dabblet code may be saved and referenced anonymously and stored in github.
Lebble Verou创建的Dabblet :可能是我目前最喜欢的沙箱。 在一个窗口中输入CSS,在另一个窗口中输入HTML,然后在第三窗口中显示结果。 假定CSS是无前缀的,因此无需包含专有代码即可运行示例。 Dabblet代码可以匿名保存和引用,并存储在github中。
CodePen might be thought of as Chris Coiyer's response to dabblet, with many of the same features but a little more sharing and community focus.
CodePen可以被认为是Chris Coiyer对dabblet的回应,它具有许多相同的功能,但更多地共享和关注社区。
-
LiveWeave is a friendly HTML, CSS and JavaScript sandbox >with support for many JavaScript frameworks.
LiveWeave是一个友好HTML,CSS和JavaScript沙箱,具有对许多JavaScript框架的支持。
JSFiddle: a JavaScript sandbox, offering a multitude of libraries and frameworks. Being a JavaScript environment, there are rather more options than dabblet, making it overkill if you are only working in CSS and HTML.
JSFiddle :一个JavaScript沙箱,提供了许多库和框架。 作为一个JavaScript环境,除了涉猎之外,还有更多选择,如果您仅使用CSS和HTML进行工作,那就太过分了。
JSBin is an another JavaScript sandbox, with a strong support for different frameworks.
JSBin是另一个JavaScript沙箱,具有对不同框架的强大支持。
SQL Fiddle is a handy sandbox for MySQL, Oracle, PostgreSQL and MS SQL.
SQL Fiddle是MySQL ,Oracle,PostgreSQL和MS SQL的便捷沙箱。
CSSDesk: one of the first sandboxes I was aware of; perhaps a little aged at this point, but still useful.
CSSDesk :我知道的第一个沙箱之一; 在这一点上也许有些老了,但仍然有用。
The Code Player is a new entrant, with a live playback of HTML, JavaScript CSS code.
代码播放器是一个新进入者,可以实时播放HTML,JavaScript CSS代码。
Have a sandbox you prefer that is not listed here? Share it in the comments!
有您喜欢的沙箱未在此处列出吗? 在评论中分享!
翻译自: https://thenewcode.com/263/Web-Development-Sandbox-Survey-2012