V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
handsome0ne
V2EX  ›  分享发现

CodePen 简介 - 前端游乐场

  •  
  •   handsome0ne · 2016-10-24 14:32:06 +08:00 · 6280 次点击
    这是一个创建于 2953 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前端的小 demo 应当存放在那? GitHub Pages ?博客子目录?如果你还没有用过 CodePen,是时候去了解一下了。

    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 ),那就另当别论了。

    其它

    • 在 CodePen 上发布的公开作品均使用 MIT 开源协议。
    • CodePen 团队目前只有八个人,完全称得上小而精。
    • 它的文档写得挺有意思的,充满了人文气息。
    5 条回复    2016-10-24 17:24:04 +08:00
    zhenizhui
        1
    zhenizhui  
       2016-10-24 15:57:26 +08:00
    http://runjs.cn/

    http://jsbin.com/

    感觉都没什么区别
    mtmzorro
        2
    mtmzorro  
       2016-10-24 16:47:39 +08:00
    一直在用 codepen 给我们项目找到不少灵感那。
    mtmzorro
        3
    mtmzorro  
       2016-10-24 16:48:19 +08:00
    @zhenizhui 可以以 demo 直接效果检索收藏,更偏向视觉交互吧。 还是有点不太一样
    yoa1q7y
        4
    yoa1q7y  
       2016-10-24 17:12:08 +08:00
    codepen 做的非常不错,界面,体验,还有 js 库非常的全面
    仔细对比,比 runjs 和 jsbin 各方面都出色很多
    handsome0ne
        5
    handsome0ne  
    OP
       2016-10-24 17:24:04 +08:00
    @zhenizhui

    我觉得社区性格,包括作品质量差别挺大的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3190 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 00:13 · PVG 08:13 · LAX 16:13 · JFK 19:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.