blog
blog copied to clipboard
cssmagic
CSS魔法 - 博客
# 浅谈 CSS 预处理器（二）：如何快速上手？ > 看完了上一篇[《为什么要使用预处理器？》](https://github.com/cssmagic/blog/issues/73)的各种安利，你应该已经跃跃欲试了吧！接下来我们来聊一聊，如何快速上手 CSS 预处理器。 在接触 CSS 预处理器之前，你最好已经具备了一定的 CSS 基础和实践能力，比如你可以完成常见网页的样式和布局；另外，如果你有一些项目经验就更好了，比如组织过整个网站的 CSS 文件、设计过 CSS 代码的分层和复用等等。 因为，当你有了这方面的经验之后，在学习 CSS 预处理器时，对它提供的功能会更有感触，会更有针对性地解决过往 CSS 开发中的种种痛点。 好，接下来，魔法哥建议 “三步走”。 ## 第一步：选择语言 首先，你需要选定一门 CSS 预处理语言。目前主流的预处理语言主要是 Sass、Less...
# [幻灯片] 重拾 CSS 的乐趣（下） 接下来，要向大家介绍一件最近让我非常高兴的事情。我相信它也会是所有 CSS 开发者欢欣鼓舞的一件事。  是关于一本书的。 我对这本书的评价是这样的：  说到 CSS 图书，问题来了。  如果你的书架只能放得下三本 CSS 书，我会推荐哪三本呢？  第一本，《CSS 权威指南》。 这是一本非常经典的...
# [译] [PJA] [502] 接口 > * Original: [Interfaces - Chapter 5. Modules - Programming JavaScript Applications](http://chimera.labs.oreilly.com/books/1234000000262/ch05.html#interfaces) > * Translated by: [cssmagic](https://github.com/cssmagic) ## Interfaces ## 接口 > "Program to an...
# 如何在 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...