Apollozz

CSS 解决多行省略的方案有很多种，本篇过滤了一些仅适用于一定会出现省略的情况，主要针对项目中比较常见的不确定行数的情况整理了 4 种方法，并且梳理了在什么情况下建议选择哪个方案。 问完这四个问题，选择一个方案。 下面就针对第二个缺点，把实现过程解释一下，避免下次还难受。 1、…

点的数据是通过getImageData()方法获取的，得到的结果是一串Uint8ClampedArray数据和图片宽高。 imageData.data中的数据每四个数代表一个点。 通过拿到的imageData，获取R通道>0的点，设置该点的(x,y,z)坐标和rgb颜色。 初始…

其实CSS自定义属性还有很多小名，比如CSS变量、原生变量、CSS自定义属性级联变量，这些指的都是同个东西。 那既然SCSS就能做到的东西，我们还有这个所谓的CSS自定义变量干什么呢？人家自然有它的独到之处。 在这几个方面，预处理器完全被CSS自定义变量KO了。 语法很简单，分…

设计师大佬一脸委屈地看着菠萝：“可是这个字体好看啊。” 哎没办法，这眼神分分钟让人觉得自己在犯罪。那就只能搞个font-face了，可是就10个阿拉伯数字要77K，这这这！不行不行，减下肥。 运行index.js，得到精简的字体文件。 unicode-range的作用是可以让特…

之前同事有个奇葩的需求，一句话就是在背景图上面蒙上一层黑色遮罩，而且只能在background属性上改动。 background允许你向元素应用多个背景。 这些背景相互堆叠，第一个背景放在最上面，最后一个背景放在最下面。 仅最后一个背景允许拥有背景色。 也就是说些写在最前面的背…

偶然在codepen上看到一个猫咪loading的动画，仔细看了一下绘制猫咪的过程，觉得有很多细节可以学习。

你一定以为是PS/AI/balabala...不不不，今天我要强烈推荐程序员们使用傻瓜式的PPT来画画。 PowerPoint我推荐使用2013之后的版本，因为会有一个非常强有力的工具叫“取色器”。啥？你说取色器很常见啊，有啥特别的。 下面我们做个小实验，制作一个只有三个色块的…

菠萝看到一个效果非常喜欢，当图形靠近时有一种类似于水滴融合在一起的感觉，不会像平时的图形那样生硬地互相遮挡，看了网上一些资料之后尝试着做了下面这个demo。 如果你也喜欢这个效果，可以继续看下菠萝翻译的下面这篇文章，有些地方可能会因为理解不到位有些差异，有兴趣的戳英文原文，文章…

不不不，这里有坑！产品经理或者交互设计师可能更关注整体交互逻辑，视觉设计师可能更关注页面的整体美观度，而你，是要一点点实现出来的人，你更需要思考的是一些细节问题。 动手前来一波提神醒脑的小思考，让你事半功倍。 视觉稿上经常会缺失一些元素，咋一看不会影响整体交互，做的时候才发现有…