TheCodePlayer:一个可以查看在线演示代码编写过程的网站

2014-04-14阅读(2245)评论(0)

W3Cways.com 微信公众号

TheCodePlayer一个在线演示代码编写过程的网站,确切来说,整个网站是一款代码播放器,让你从视频教程中学习,边看边学还可以回放编码过程,看起来是不是很爽?!
codeplayer

界面介绍

该网站上有多个项目的制作教程(如幻灯片制作),当你点击其中一个教程,就会进入一个类似播放器的界面,左边是代码(CSS、HTML、Javascript),右侧是实时显示效果。你可以点击开始按钮进行学习。代码包含文本解说(注释),给你手把手教学,让编程如此简单!
codeplayer2

TheCodePlayer特色功能:

  1. 可根据自己的步骤进行学习,非常棒的视觉体验;
  2. 按钮部分设计的很好,如同Dabblet,JSFiddle,CSS Desks简洁方便。你可以快速的在HTML,CSS,JavaScript之间切换,并且可以在多个编辑器中编写代码;
  3. 支持HTML5、CSS3,此外还能获得更多浏览器支持;
  4. 支持编码回放过程;
  5. 可根据自己的需求进行选择,支持快进、倒退、跳过;
  6. 如果你是个急性子,这里有个快速选项,可以满足你的需求。

网址: http://thecodeplayer.com

转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » TheCodePlayer:一个可以查看在线演示代码编写过程的网站

分享到:更多 ()

Web前端开发-Web前端工程师--Web前端学习之路

联系我们