这样的一段代码很简单，然而就是这样的一段简单的代码，在 iOS 中出现了让误以为不兼容 [style*='100vh - 46px'] 这个写法。

曾经想着在手机上看一些属性之类的兼容性，就用了 caniuse 这个网站的数据源做了一个简化版的小程序，不过使用率非常低，于是一直想着换成另外一个工具来玩。然后很巧合的事情是，在一次跟好友聚餐的时候聊到了一个打牌记分的话题，于是就有了现在这个小程序。

这个效果在很多图片处理的相关页面中会出现。不过在这里突然看到有人提到用 JS 来实现，如果只是纯粹为了展示看效果，没有其他需求的话，其实完全可以直接使用 CSS 来实现。

这篇内容之前是发在自己的个人公众号志语自乐中的，然后看到 SF 周刊中有一篇《与众不同的夜间开关交互效果》，于是想着在这里也发一下。当时只是为了整一个效果，并没有对 HTML 和 CSS 有太多细节优化考虑。

现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也开始逐渐淡忘了图片格式应该如何选择，图片是不是要进一步压缩以节约带宽。

原本想着是不是写“用一个 div 绘制 React Logo”，最后想想，就算用一个 div 实现了，那么对于后面可能要添加的效果就会有很大的局限性，于是就放弃了这样的标题。至于 HTML 结构中，div 的使用也不是很多，就下面这样的结构而已。

啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radius 的特性。 {代码...}

今天上班在很认真的寻访候选人，查看招聘网站上的一些人选的信息时，突然收到 Taro 团队的核心开发兼运营（我说他是开发，他说自己是运营）同学的微信消息，如下图：

这个扩展组件是一个在 github 上开源的，作为开源的必定也就无法去做埋点相关的数据统计，最终其实也无法统计到一些数据情况。作为长期维护的项目，但却没有相关有力的数据来依托，做了什么，价值是什么，真说不清。

看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的很不错。原文很长，取部分内容简单分享，并非原文翻译，图片和代码来自原文，具体的可查看原文。原文地址：...

就一般而言，我们所做的页面并非对于文学类用户，因此也不太可能会接触到“着重号”这个符号。如果对于 word 不陌生的朋友应该会知道在 word 中有一个文本设置，就是设置“着重号”的。

这张图是继上篇文章《这样写 step 步骤条就轻松了》而延伸出来的，在上一篇中提到使用 progress 标签来实现一个进度条的效果，并没有提供任何相对比较具象的 demo。这次，不仅有了一个比较具象的 demo（虽然不是特别炫酷），同时，还将会介绍一个新的标签，一个比 progress 更强大的标签。

相信很多朋友在写页面的时候都会遇到类似步骤条的效果，当进入到第 x 步的时候，前面是高亮的，后面是灰的，甚至还有可能是其他的一些样式，反正基本上就类似这样的一个效果。

在 macOS 系统中，一般都会喜欢按空格键去快速预览一个文件，这个操作能够很方便地查看文件内容。不过默认的能够快速打开的文件格式并不多，十分有限，为了满足自己的需求，当初各种搜索后，能够通过 Quick Look 的方式查看：

哦了，多余的话也就不说了，保护好个人信息很关键，不要随便相信任何一个人，尤其是商人。回正题，这本有关 flex 布局相关的 PDF 是免费的，好与不好，看了就知道，页数不多，截图+代码，也就 100 多页。

这个应该是已经有很多人做过的东西，我应该只是算手痒，想写一下，所以，花了点时间折腾了这个，顺便把 Dark Mode 的处理也加上了。 首先可以很明确的一点，这个真没技术含量存在，只是需要点耐心。 LED 数字包含了左右各两条线，中间三条线，一共 7 条线。所以，为了能够更容易辨识，在写 demo 的时候，我直接这样写了...

想想自己为什么要写这个，难道不是因为这篇《50道CSS基础面试题（附答案）》文章最近被转载的多，比较多而凑热闹蹭热点？显然，肯定是因为这样我才打算写的。而且还有就是，我的公众号也很久没有更新了，微信说长期不更新会关掉公众号的，怕……

SF 的首页改版之后，我不知道大家的感受是怎么样的，我个人还是不太习惯，感觉有点杂乱，所有的类别都放在一起了。 为了让自己舒服一点，于是我又一次打开了 stylish 这个小玩意，修改了一下样式，最后就是这样了。 我不知道别人会不会觉得舒服一点，但是我自己觉得舒服了一点了，识别度至少是清楚了。 不过整个的时候，...

不过整体来说，个人还是感觉有一些不是很满意，并且早期的代码太丑太丑了，虽然现在这个版本的也不好，但至少比早期的好一些了。?谁让我是一个不会写代码的切图仔呢，只好默默地在心里发苦。

那个啥，作为一名切图仔，很多时候是要获取设计稿上的某个点的颜色值，如果设计师并没有标注这个颜色值。然后切图仔也偶尔也要装逼用一下OS X这类好像很高端的设备，但是在OS X里又没有像windows系统的那个FastStone Capture一样的好用的东西（理论上应该有，只是我不知道而已……）

background是在CSS中使用率很高的一个属性之一，由最初的几个简单的属性到现在新增了很多的属性，比如background-size、background-origin以及background-clip等属性，还可以设置多背景来达到更多的炫酷效果。

玩过CSS的人朋友都知道，在HTML元素中，表单控件元素的样式修改是最痛苦的，很多控件的样式是跟着系统主题来改变的，想要去修改的话，只能模拟来实现，尤其尤其是在IE浏览器中。

前一段时间无聊，在想项目中的一些图片展示效果，然后想到以前看到过一篇关于JPG展示方式的介绍，搜索了之后在百度百科里也看到了相关的说明。然后也就再肯定了自己的想法，其实印象中这个想法在以前QQ空间相册列表展示方式中似乎就用到过了，我这算是回锅一下吧。

前段时间为了组里在扩充人员，在面试的过程中有过几次扯到“盒模型”这个东西。对于“盒模型”以前是经常提到，现在被CSS3的风头给盖下去了，已经没多少人去讲“盒模型”，也导致了很多了现在根本不知道什么是盒模型。