前端利器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 渲染時，就會默默地多加一個 } ，從而導致渲染問題，具體原因未知，但解決方案就是不加 ...