ziven27

Design Token 是设计语言的产物，开发需要给予场景去选择对应的对接方式，以求更加精准的还原设计。

基于内容的**语义化**命名能够让你创建艺术品。然而在一个多人协作的项目，自认为**语义化**的命名往往会成为被人的噩梦。

Atomic CSS 简称 ACSS。我这个外人一直在推这个设计理念，而官网确沉寂非常非常非常多年了（2015年就有了）。最近在 github 的通知里，竟然奇迹的收到了官网的动态。 粗略的可以理解为以上这种写法就叫 ACSS。本文不对 ACSS 原理做过多介绍，只针官方 Di…

只要一提到组件化，我相信大多数同学，必然会想到 react, vue, angular... 这样的前端框架。 我们都知道 HTML，CSS，JS 分别对应网页中的 结构，样式，行为。 现在有个功能是：一个红色按钮，点击这个按钮输出alert-text 属性上的文案。 可以很明…

假设现在掘金产品给了我们一个需求，要求每个用户的掘金首页都要加上其用户名的水印。 如果可以的话，希望能基于用户等级，水印显示不同的颜色。 可能大多数小伙伴都知道实现水印效果本身比较的简单，只需要平铺一张水印的图片即可。 这个需求难点就在于这个水印的图片是千人千面的。最大的问题就…

熟悉 React 的同学可能都知道，在单页应用 (SPA：single-page application) 项目中，默认只有一个入口文件。为了更友好的 SEO 和首次页面渲染的效率，我们一般会选择服务端渲染（SSR：server side render）方案。当下最流行的 SS…

在不考虑兼容性（IE8+）的情况下，SVG 应该是目前解决项目中图标问题的最佳方案，没有之一。 SVG 既有 PNG 的矢量特性（变大变小也不会出现失真），也有类似 GIF 一样可以动起来的特性，你也不再有只是因为同一个图标颜色不同，就需要切两张图的困扰。只要你愿意，你甚至可以…

首先，需要大家思考一下这个问题。 。。。 一分钟后。 在我看来命名的究极目的，只有一个样式复用。你品，你细品。 一个项目通常不是只有我们一个人在开发，并且我们也会引入一些第三方的库。所以命名冲突是一个非常容易发生的事情。解决命名冲突的方案我知道有三种： 通常我们写一些希望被别人…

译者： 国内大家都去搞 JS 去了，可以看到我们有可以与 REACT 抗衡的 VUE。却显见有类似 CSS-in-js, OOCSS，BEM，Atomic CSS ... 的 CSS 解决方案出现？这是为什么呢？ 随着 Facebook 和 Twitter 最近的产品技术方案的…