CSS魔法
# 如何在 GitHub 正确吐槽 ## 背景 在几年前，百姓网几乎所有项目的开发流程就已经迁到 GitHub 上了。将 GitHub flow 作为日常开发流程，有一个很大的好处，pull request 很自然地成为 code review 的平台——每个人的代码都必须经过 review 之后，才会合并到主干。 因此，各个项目的 pull request 也逐渐成为一座座金矿，新人可以在历史 PR 中汲取经验，高手也常常通过 PR 追查疑难杂症的来龙去脉。而对我这个吐槽狂来说，PR 也是一个非常重要的阵地…… ## 一个吐槽狂的日常...
# GitHub 第一坑：换行符自动转换 ## 源起 一直想在 GitHub 上发布项目、参与项目，但 Git 这货比较难学啊。买了一本《Git 权威指南》，翻了几页，妈呀，那叫一个复杂，又是 Cygwin 又是命令行的，吓得我不敢学了。 终于某天发现 GitHub 还有一个 Windows 客户端，试了一下还挺好用。不需要掌握太多的 Git 原理和命令，也可以在 GitHub 上麻溜建项目了，甚是欢喜。可是好景不长，第一次参与开源项目就出洋相了。 ## 经过 小心翼翼地 Fork 了朴灵大大 (@JacksonTian) 的 EventProxy...
魔法哥最近又失踪了，干啥去了？在搞区块链呢！今天就跟大家分享这段时间的收获和心路历程。 ## 为什么搞区块链？ 说起区块链，你会想到些什么？“炒币” “浮躁”，还是 “发币” “圈钱”？这确实就是大众对区块链的普遍印象。不过对于互联网行业的技术人员来说，如果仅仅停留在这个层面的认知，就有点偷懒了。 有人说 “区块链会颠覆传统互联网”，我觉得夸张了。但如果说区块链会改变互联网、改变互联网的应用方式，我现在深信不移。 我刚开始对区块链是无感的，甚至是抵触的。前端领域的新东西都看不过来了，还看什么区块链？然而随着有意无意的一点一点了解，我逐渐转变了态度，甚至开始感兴趣。 这里暂且不多聊区块链的特殊价值在哪里（详情可参考本文末尾的精选链接）；这里只说一点我自己感受。 区块链最让我心动的，当然不是炒币和圈钱，也不是它被很多人当作技术上的万能钥匙。最让我心动的，是区块链正在强烈且持续地刺激互联网从业者重新思考互联网，它已经成为当前互联网最强有力的创新引擎之一。而在这样的背景之下，你我怎能缺席？ ## 区块链对工程师来说意味着什么？ 先谈谈这个问题：“搞区块链” 到底是在搞什么？我最开始的理解是 “做链” 和 “发币”，相信大家最直接想到的也就是这两者。 做链，是指做区块链的基础设施，比如做一条新链出来，这往往需要巨大的人力物力；发币，或者说 ICO，是一种募资方式，但已被本地法规禁止。可见这两者对个人开发者来说都比较遥远，并不是很好的切入点。 不久，我又惊奇地发现，原来区块链除了存储数据，还可以跑代码！作为开发者，还可以在区块链上开发应用！ 基于区块链开发的应用称作 “去中心化” 应用（ Decentralized Application ），简称 DApp。去中心化的含义是指，你的应用不仅是把数据存储在区块链节点上，你的应用本身就运行在区块链节点上！（具体技术细节这里也不展开，可参考本文末尾的精选链接。） 答案很显然，对于我这样的个人开发者来说，自然选择...
*** > 本文已过时，最新版本已迁至： > > * [[译] GitHub 风格的 Markdown 语法](https://github.com/baixing/FE-Blog/issues/6) > * [[译] GitHub 上的书写方式](https://github.com/baixing/FE-Blog/issues/5) *** © Creative Commons BY-NC-ND 4.0 | [我要订阅](http://www.cssmagic.net/blog/subscribe) | [我要打赏](http://www.cssmagic.net/blog/donate)
# [译] 基于 Webpack 和 ES6 打造 JavaScript 类库 > * Original: [Start your own JavaScript library using webpack and ES6](http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6) > * Translated by: [cssmagic](https://github.com/cssmagic) Two months ago I...
# 浅谈 CSS 预处理器（一）：为什么要使用预处理器？ > ### 前言 > > 你好，我是魔法哥。我是一名传统的前端开发者，我的很大一部分工作就是为各种类型的网页写 CSS，写了很多年。 > > 我从三年前开始接触并使用 CSS 预处理，如鱼得水，相见恨晚。因此，我感觉有必要写些文章来总结一下这方面的心得。如果你是一位还没有接触预处理器的 CSS 开发者，希望我的文章能够帮助你轻松开始！ > > （注：本文的示例代码均采用 Stylus 作为 CSS 预处理语言。） ## 背景 CSS 自诞生以来，基本语法和核心机制一直没有本质上的变化，它的发展几乎全是表现力层面上的提升。最开始 CSS...
# [译] Gulp 4 入门指南 > * Original: [gulp 4](http://www.ociweb.com/resources/publications/sett/gulp-4/) > * Translated by: @Leooonard \& @cssmagic ## Introduction ## 介绍 [gulp](http://gulpjs.com/) is a JavaScript-based build tool for automating the...
# 魔法哥快问快答（第二季 ‧ 第二期） > ### 前言 > > 魔法哥 “快问快答” 栏目重装上阵，第二季启动！ > > 在本栏目中，魔法哥会回答具有普遍性的网友提问，希望这些问答对你也有启发；如果你也想提问，直接在 “CSS魔法” 微信公众号内留言就可以了。 ## 区块链相关 ### *Q* 掘金网友 **更不知所以** 提问： > 区块链技术的学习路线是什么呀？ #### *A* 我也是初学者，简单讲一讲我的理解。区块链技术可以粗略划分为两层，一层是链，一层是应用，这两者的关系可以类比为操作系统和应用程序之间的关系。 如果你是想做链，那就需要掌握网络通信、共识算法、密码学、数据库等相对底层的技术。好在公链代码基本都是开源的，我们有很多的学习对象。...
# 魔法哥快问快答（第二季 ‧ 第一期） > ### 前言 > > 魔法哥 “快问快答” 栏目重装上阵，第二季启动！ > > 经常有网友给我留言，咨询问题或寻求建议。我发现很多朋友的疑惑其实是共通的。于是我想，如果把这些问答整理出来让更多的人看到，应该能发挥更大的价值吧！ > > 这便是创立 “快问快答” 这个栏目的初衷。希望这些问答能对你有所启示；如果你也想提问，直接在 “CSS魔法” 微信公众号内留言就可以了。 ## 技术答疑 ### *Q* 公众号网友 **卢通** 提问： >...
> 本文由 **InfoQ** 约稿，由 **CSS魔法** 撰稿，在 “区块链前哨” 和 “前端之巅” 公众号首发。 > #### 编者按 > > 区块链在 2018 年不仅走入大众视野，也火遍了技术圈。在十月即将举办的 QCon 上海站的日程中，小编发现前端会场也有一场与区块链相关的演讲。好奇的小编约来了讲师 **CSS魔法**，请他来谈一谈自己的心路历程。 ### InfoQ：魔法哥，您能先向 InfoQ 的读者介绍下自己吗？ 大家好，很高兴能在 InfoQ 这个平台和大家见面。我叫 “CSS魔法”，熟悉我的朋友都叫我 “魔法哥”。...