前端利器CodePen和Scrimba了解一下
前端的案例/项目应当存放在那？ GitHub？没问题,但是最为一个专业前端人员,如果你还没有用过 CodePen，是时候去了解一下了。 官方站点连接[https://codepen.io/] 前端学习去哪里?看传统的视频?太无趣了,不妨看看Scrimba吧 Scrimba链接[https ...
原文：codepen的使用
今天偶然发现一神器 codepen，可以直接在线调试代码，而且可以实时可视化编辑，还可以直接引用到博客当中，非常方便，推荐给大家。 使用方法：登录codepen.io，然后点击 newpen ，就可以在编辑器里写你的代码了，写完save之后可以在share里面点击embed，然后点击右上角的代码复制粘贴框下面的iframe即可复制到你的博客上了，就像下面这样。 下面是我随便做的一个布局图，做个例子 ...
2015-07-14 16:18 0 3620 推荐指数：
相关推荐
两个有意思的网站 - CodePen 与 Scrimba
CodePen官方站点连接[https://codepen.io/] CodePen 是一个完全免费的前端代码托管服务。 --- 但不保留提交记录 在 CodePen 上发布的公开作品均使用 MIT 开源协议。 免费版可以有三个项目 什么样的作品符合 CodePen 团队的胃口 ...
赞！15个来自 CodePen 的酷炫 CSS 动画效果
CodePen 是一个在线的前端代码编辑和展示网站，能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品，也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。 今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子，这些 Demo 可以说都是艺术品 ...
[转]Ionic系列——CodePen上的优秀Ionic_Demo
本文转自：http://my.oschina.net/u/1416844/blog/514361?fromerr=bbFC5JIl 案例网站 Slidebox with Dyna ...
15个来自 CodePen 的酷炫 CSS 动画效果【下篇】
CodePen 是一个在线的前端代码编辑和展示网站，能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品，也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。 今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子，这些 Demo 可以说都是艺术品 ...
CodePen 作品秀：Canvas 粒子效果文本动画
作品名称——Shape Shifter，基于 Canvas 的粒子图形变换实验。在页面下方的输入框输入文本，上面就会进行变换出对应的粒子效果文本动画。 CodePen 作品秀系列向大家展示来自 CodePen 网站的最优秀的 Web 效果，上面的那些 Demo 可以说都是艺术品，相信你 ...
vuepress 构建的 UI 组件库插件 打开 codepen 在线代码预览 bug
vuepress 构建的 UI 组件库插件 打开 codepen 在线代码预览 bug ??? 代码中 export default 的 } 后不能加 ; 否则 codepen 渲染时，就会默默地多加一个 } ，从而导致渲染问题，具体原因未知，但解决方案就是不加 ...