前端利器CodePen和Scrimba了解一下
前端的案例/项目应当存放在那？ 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窗口查看视图.
总之是非常有创意的编程教学网站,新手去学习,大佬去找灵感!
前端利器CodePen和Scrimba了解一下相关推荐
- 前端利器CodePen和JSRUN了解一下
https://www.jianshu.com/p/a0aa7443ce77 https://www.v2ex.com/t/659859 前端利器CodePen和JSRUN了解一下 JSRUN 是一个 ...
- 前端利器CodePen，了解一下吧
大家好,我是为前端娱乐圈操碎了心的小迷妹,每天推荐一个小工具/源码/知识点,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标. 一直在整理与收集的一些比较 ...
- 前端利器—1—转型JS编程
JS作为前端开发的必备语言工具,虽然JS对非编程人员来说比较容易上手,但是,要真正的精通JS开发,尚且假设学习过c++.java等面向对象语言的一种.因为对oo开发人员,迅速掌握JS的开发要点,是顺利 ...
- 前端神器-----CodePen
和大家都分享一个前端神器,CodePen. 你可以理解为他是和github类似的代码托管服务,但是有一个不同之处. 你可以本地修改,即时预览效果. 举个例子,你自己写了一个小demo,但是有点问题,需 ...
- 前端利器——炫酷的CodePen
前言 众所周知,前端是一个很容易将自己的劳动成果呈现出来的一个职位,无论是写1行代码还是写100行代码,都可以通过页面来进行呈现,在工作中的劳作成果也是可以一眼就呈现给客户.用户的.比如一些精美的页面 ...
- 站长工具 - Web前端利器
站长工具包含了Web前端.SEO等多种实用的工具(http://tool.chinaz.com/),堪称利器, 以下是常用的工具截图: 1.CSS代码压缩格式化 http://tool.chinaz. ...
- 常见开发需求之前端利器webstorm中的git和快捷键
需求 前端开发中我们最常用的一般是webstorm.hbuilder和sublime,因为以前使用过一段时间eclipse所以我对webstorm的感觉比较良好,再加上以前使用hbuilder维护 ...
- 前端利器倚天剑之sublime
一款好的代码编辑器能让我们的工作效率高效,心情舒畅,在我使用过的几款编辑器之中,能称得上倚天剑和屠龙刀的当属sublime text和webstorm.sublime比较轻盈,打开速度巨快,而且功能强 ...
- js 字符串插入_前端利器React，为什么推荐JSX来替换JS
前端框架这几年更新非常快,传统的Boostrap.Jquery已经慢慢退位,现在大行其道的是React和Vue.其中就出身来讲,React来自科技巨头Facebook,似乎更牛逼一点. React 自 ...
最新文章
- Minionda3环境的迁移
- python图像分类代码_Kaggle—So Easy!百行代码实现排名Top 5%的图像分类比赛
- 免除抠图困扰，专供PNG图片素材网站你知道么？
- 链式二叉树的C语言代码
- java 不同类数据的传递_java 数据在不同类之间的传递
- [LeetCode] 144. Binary Tree Preorder Traversal Java
- Cocos2d-x之绘不规则多边形
- 希捷srd0nf1移动硬盘是叠瓦盘吗_最值得买的固态移动硬盘推荐-最佳固态移动硬盘排行榜【2020年10月】...
- antd系列之Select
- 3626 三元一次方程（枚举）
- 考验AI对代词的理解力，解读艾伦AI研究所公布的数据集“QUOREF”
- 中职学校计算机应用基础学什么,中职计算机应用基础课程教学分析
- MP530注墨 连供及传真的心得体会
- 有几种检测方法可以检测沼气成分？
- 第 254 场力扣周赛（KMP、贪心、快速幂、二分+多源bfs、并查集 + 时光倒流）
- A Crash Course on the Depths of Win32 Structured Exception Handling
- 世界坐标系/相机坐标系/图像坐标系 转换
- 树莓派应用（一）--环境配置
- 爬虫日记(35)：抓取磁力链接
- 毕业设计 医学数据分析 中医乳腺癌数据分析与可视化