推荐一个 MS Edge theme
https://microsoftedge.microsoft.com/addons/detail/pride/gpahbdchbfofplfeaeipcphhbdhdpnae
非常漂亮!inspired by the many flags of the LGBTQI+ community
https://microsoftedge.microsoft.com/addons/detail/pride/gpahbdchbfofplfeaeipcphhbdhdpnae
非常漂亮!inspired by the many flags of the LGBTQI+ community
CSS Nesting Module
CSS 终于支持选择器嵌套了,https://drafts.csswg.org/css-nesting/
过了一遍,和 Sass 语法基本差不多,浏览器目前仍在实现,或将在 Chrome 109 中可用(with a flag)。
另外刚刚查资料时,发现了 postcss-nesting 这个插件,它允许你提前体验该语法,原理是将 nesting selector 编译为
如
CSS 终于支持选择器嵌套了,https://drafts.csswg.org/css-nesting/
过了一遍,和 Sass 语法基本差不多,浏览器目前仍在实现,或将在 Chrome 109 中可用(with a flag)。
另外刚刚查资料时,发现了 postcss-nesting 这个插件,它允许你提前体验该语法,原理是将 nesting selector 编译为
:is()。如
div{+span#my-id{}} 编译为 :is(div)+span#my-id{}。
🌸
CSS Nesting Module CSS 终于支持选择器嵌套了,https://drafts.csswg.org/css-nesting/ 过了一遍,和 Sass 语法基本差不多,浏览器目前仍在实现,或将在 Chrome 109 中可用(with a flag)。 另外刚刚查资料时,发现了 postcss-nesting 这个插件,它允许你提前体验该语法,原理是将 nesting selector 编译为 :is()。 如 div{+span#my-id{}} 编译为 :is(div)+span#my…
试了下已经支持了欸,不过 DevTools 显示还有问题。
Chrome 版本
flag 参数
Chrome 版本
Version 109.0.5402.0 (Official Build) canary (arm64)flag 参数
--enable-blink-features=CSSNestinghttps://sxyz.blog/functors-applicatives-and-monads-in-pictures/
把 Aditya Bhargava 的这篇经典文章重新翻译了一版。
它是了解函数式编程非常棒的一篇文章,但现存的中文译文却都不可用了。
#blog
把 Aditya Bhargava 的这篇经典文章重新翻译了一版。
它是了解函数式编程非常棒的一篇文章,但现存的中文译文却都不可用了。
#blog
sxyz.blog
图解 Functor、Applicative、Monad
序言 这篇文章是对原文 Functors, Applicatives, And Monads In Pictures 的翻译,由 Aditya Bhargava 撰写,翻译时已取得作者授权。 它是了解函数式编程非常棒的一篇文章,但它的两篇中文译文已不再可用(404、全部图片丢失),另外仅剩的一篇却是以 Kotlin 为导向的,因此
现在国行 iPhone 限制了 AirDrop,如果哪天限制只能国区 App Store 下载 App,那岂不是不越狱,连个梯子都用不了了😅
或许以后只有 Android,或除中港澳 iPhone是安全的。想想还挺恐怖的,希望也只是想想。
或许以后只有 Android,或除中港澳 iPhone是安全的。想想还挺恐怖的,希望也只是想想。
Atomic CSS 类名编码方式,对文件体积的影响
现代 Web 将 gzip、brotli 这些压缩算法,应用到了各种类型的,浏览器所需的文件上。其原理就是寻找数据中的公共子串,并将其替换为较短的表示形式。
因此,很早有个想法,想以 Atomic CSS 为例,测试看看类名的不同命名方式,究竟对 gzip、brotli 的压缩率有多大影响。现在终于想动了。
这里我随便找了一个使用 Atomic CSS 构建的博客,它的类名是
结果是,
另外,这种连续编码方式,还可以进一步优化,我统计了一下整个 page 只有 315 个不重复类名,因此理论上
#experience
现代 Web 将 gzip、brotli 这些压缩算法,应用到了各种类型的,浏览器所需的文件上。其原理就是寻找数据中的公共子串,并将其替换为较短的表示形式。
因此,很早有个想法,想以 Atomic CSS 为例,测试看看类名的不同命名方式,究竟对 gzip、brotli 的压缩率有多大影响。现在终于想动了。
这里我随便找了一个使用 Atomic CSS 构建的博客,它的类名是
gSBWlu kJzccJ hsxujn 这种随机字符,我写了个简单脚本,将其重编码为 aaaaaa aaaaab aaaaac 这种连续字符,然后通过 brotli cli 分别压缩它们,观察文件大小变化。结果是,
b-brotlied.html 比 a-brotlied.html 体积小了 12%,具体图片见评论。这个数字其实是超出我预期的,因为这还只是一个博客首页。理论上,页面规模越大,这个数字就会越明显。另外,这种连续编码方式,还可以进一步优化,我统计了一下整个 page 只有 315 个不重复类名,因此理论上
aaaaaa aaaaab aaaaac 可以进一步简化为 aa ab ac,但我却给它们补全了 aaaa 的前缀。#experience
👍2
https://doc.lagout.org
刚刚搜 PDF 发现的网站,主要是 PDF,大概 4.2w 本,其它还有 chm,zip,ios 等格式文件,分门别类整理好的,质量还挺高的。
#tools #pdf
刚刚搜 PDF 发现的网站,主要是 PDF,大概 4.2w 本,其它还有 chm,zip,ios 等格式文件,分门别类整理好的,质量还挺高的。
#tools #pdf
🤩2