blog
blog copied to clipboard
cssmagic
CSS魔法 - 博客
# 快问快答（第一期） > ### 前言 > > 经常有网友给我留言，咨询问题或寻求建议。我发现很多朋友的疑惑其实是共通的。于是我想，如果把这些问答整理出来让更多的人看到，应该能发挥更大的价值吧！ > > 这便是创立 “快问快答” 这个栏目的初衷。希望这些问答能对你有所启示；如果你也想提问，直接在 “CSS魔法” 微信公众号内留言就可以了。 > > 以下就是 “快问快答” 第一期的问答精选。 ## 技术答疑 ### *Q* 图灵社区网友 __DearLin\*\*__ 提问： > 为什么看到有的前端工程师将每条 CSS...
# 图灵访谈 CSS魔法：学海无涯，而吾生有涯 > 本文由 “图灵访谈” 微信公众号约稿并首发，由 **CSS魔法** 撰稿。 ### 图灵访谈非常有幸能邀请到 “魔法哥” 做一期专访。我们都知道您是国内知名的 CSS 专家，是什么样的 “CSS 情结” 使得您愿意将 “CSS魔法” 作为自己的别名？ 大家好，很荣幸接受图灵的专访。我叫 “CSS魔法”，熟悉我的朋友都叫我 “魔法哥”。 这个问题问得好，瞬间把我的思绪拉回八年之前——那时我刚开始系统地学习前端知识。当时为了找一份前端工作，我把市面上所有的 CSS 书籍全部买来，全部啃光，迅速且系统地掌握了 CSS 的基础知识。 在这一堆书里，有一套上下册教程叫作《Eric Meyer...
# [译] NPM 与前端包管理 > * Original: [npm and front-end packaging](http://blog.npmjs.org/post/101775448305/npm-and-front-end-packaging) > * Translated by: [cssmagic](https://github.com/cssmagic) We've known for a while that front-end asset and dependency management is a huge...
# 《重拾 CSS 的乐趣》问答环节 > 我在第二届 CSS Conf（2015 中国 CSS 开发者大会）上的演讲主题为《重拾 CSS 的乐趣》。在演讲的问答环节，现场观众提了三个问题，整理记录如下。 ### Q1 - CSS 图标的代码量会不会很大，在实际项目中使用可能会有什么问题？ 虽然我在演讲中花了很多时间来介绍 CSS 图标，但我并不鼓励在生产环境中大量使用。我自己的项目 [CMUI](https://github.com/CMUI/CMUI) 在后续版本中已经改用了其它的图标解决方案。我在演讲中也提到了，任何技术都有优缺点，需要看场景来选择使用。 我今天介绍 CSS 图标，主要目的在于分享它的乐趣，以及它所体现出的 “化整为零” 的 CSS 思维方式。...
# [译] YUI 的浏览器分级支持策略 > * Original: [Graded Browser Support](https://github.com/yui/yui3/wiki/Graded-Browser-Support) > * Translated by: [cssmagic](https://github.com/cssmagic) > > **译者札记**：YUI 停止开发，宣告了一个旧王朝的结束，和一个新时代的到来。尽管如此，YUI 所倡导的“浏览器分级”策略对前端开发领域的影响仍将延续。今日重新翻出这篇文章，别有一番滋味。 ## About the Browser Test Baseline and Operating Systems ##...
# 浅析 Bootstrap 的 CSS 类名设计 > 最近在重新设计一个 UI 框架，因此也在考察同类项目的特征和要素。在读到[《Bootstrap 编码规范》](http://codeguide.bootcss.com/)时，顺着链接发现了其作者 @mdo 的一篇文章，其中讲到 CSS 类名的设计思路。 *** ## [译] 使用前缀来限定 CSS 类的作用范围 > * Original: [Scope CSS classes with prefixes](http://markdotto.com/2012/02/16/scope-css-classes-with-prefixes/) >...
# [译] [PJA] [600] 第六章 关注点分离 > * Original: [Chapter 6. Separation of Concerns - Programming JavaScript Applications](http://chimera.labs.oreilly.com/books/1234000000262/ch06.html) > * Translated by: [cssmagic](https://github.com/cssmagic) # Chapter 6. Separation of Concerns #...
# 交互设计师的工作内容与发展前景 > 本文的部分内容整理自我对此问题的解答： [交互设计师的主要工作是什么？发展前景如何？ - 知乎](http://www.zhihu.com/question/20243929/answer/18825215) ## 交互设计的工作内容是什么 我也只是一个初学者，所以只简单说两句： * 如果说视觉设计决定了产品是不是“好看” * 那么交互设计将决定产品是不是“好用” 再深入一些的东西我就不扯太多了，只推荐一本书吧——《交互设计之路：让高科技产品回归人性》。书里的一些内容可以作为这个问题的答案来参考，我在看了《Don't Make Me Think》和这本书之后就毅然入坑了，以 30 岁“高龄”转行互联网，从老家奔到了大上海。 ## 交互设计的发展前景如何 说到发展前景，我这里理解为两个方面： ### 交互设计在整个产品生命周期内的是否重要？ 举个我自己的例子吧。我在一家电商公司独立负责手机版网站项目，我重新设计了整个结算流程。手机版网站上线之后，我连续三个月统计了这个结算流程的转化率，发现它的数据明显比桌面版网站明显要高。 这意味着： * 桌面版网站的结算流程设计得不够好。 *...
沟（你妹的）通
# 沟（你妹的）通 ## 前言 > 本文完成于数月之前。部分内容可能有争议，所以低调发布。 > > 本文涉及场景纯属虚构。本文仅描述一种可能性。 > > **警告**：本文可能包含令人不适的内容（粗口、暴力倾向等），18 周岁以下读者请在父母陪同下阅读。 ## 对话 > **AA**：“Hi，BB，你给的这个数据是错的。” > > BB：“……你这个人怎么这样说话呢，婉转一点不行嘛。看来你情商不高。” > > **AA**：“我情商是不高。这个数据错了，麻烦改一下。” > > BB：“向别人提意见要注意方式啊，这样别人才更容易接受啊。要注意沟通技巧嘛……” > > **AA**：“这个数据错了，我这里程序跑不下去了。” >...
# [译] [PJA] [508] 基于 CommonJS、npm、Grunt 和 Browserify 构建客户端代码 > * Original: [Building Client-Side Code With CommonJS, npm, Grunt, and Browserify - Chapter 5. Modules - Programming JavaScript Applications](http://chimera.labs.oreilly.com/books/1234000000262/ch05.html#building_clientside_code_with_commonjs_npm_grunt_and_browserify) >...