前端利器CodePen和Scrimba了解一下

原文：https://blog.csdn.net/qq_16756237/article/details/80830208

前端的案例/项目应当存放在那？ GitHub？没问题,但是最为一个专业前端人员,如果你还没有用过 CodePen，是时候去了解一下了。 
官方站点连接[https://codepen.io/]

前端学习去哪里?看传统的视频?太无趣了,不妨看看Scrimba吧 
Scrimba链接[https://scrimba.com/]

 
CodePen 是一个完全免费的前端代码托管服务。 
与 GitHub Pages 相比，它最重要的优势有： 即时预览。你甚至可以本地修改并即时预览别人的作品。 支持多种主流预处理器。你从不需要手写生产级别的代码，无论是 Jade 、 LESS 、 Sass ，还是 CoffeeScript 、 es6+（ Babel ），都能尽情使用。 
快速添加外部资源文件。只需在输入框里输入库名， CodePen 就会从 cdnjs 上寻找匹配的 css 或 js 库。 免费用户支持创建三个模板，不是每个作品都需要从白板开始。 
优秀的外嵌体验，且支持 oEmbed 。在 WordPress 或 Reddit 等支持 oEmbed 的平台上，只要简单地把链接贴入编辑框，发布后会自动转为嵌入作品。 
当然，它不是 Git ，不能记录提交历史。不过有 fork 功能，通常出于“备份他人优秀作品，防止未来该作品消失了或者变了样子”的目的而使用。 
如何上首页 上首页是提高作品曝光率的最有效途径。一般来说，上过首页的作品的访问量通常比其它的高出一两个数量级，这从我的主页能看出一些端倪。那么如何上首页？很简单，要做的仅仅是把作品转发到 twitter ，并 @CodePen 即可。如果作品符合 CodePen 团队的胃口，他们会将作品放入队列中，等几小时就能在首页看到你的作品了。 什么样的作品符合 CodePen 团队的胃口？他们在文档里这样说道： 这没有特定的规律可循，我们只是选我们喜欢的。我们认为有趣的、不寻常的、好看的作品。 被挑选的作品往往有着不错的视觉体现。假如你写了自古以来最精明的 JavaScript 排序算法，然而页面一片空白，那我们可能不会看上它，因为白板在首页区域实在不好看。不过假如你把它写成文章（ Post ），那就另当别论了。 
note: 
在 CodePen 上发布的公开作品均使用 MIT 开源协议。 
CodePen 团队目前只有八个人，完全称得上小而精。 
许多国内网站从CodePen上获得灵感!

也是偶然从comehope老师专栏那发现的,大家可以在Scrimba上follow一波,个人挺欣赏老师的设计美感的.
关于Scrimba,它不同于传统的视频教学,除了评论就什么也不能做,Scrimba不同,它是音频+编码回放的形式展现,用户能随时暂停,除了编辑同时可以在形似Siri窗口查看视图. 
总之是非常有创意的编程教学网站,新手去学习,大佬去找灵感!