BLOG


做多语言网站时推荐的字体
比较适合多语言网站的字体。基于实际搭建多语言站点的经验,介绍 Alibaba Sans、Noto Sans 和系统字体的选择思路与落地要点。
Design Web


我不喜欢 Tailwind(和 React)的理由
本文将解读我对 Tailwind CSS 与 React 组合所感到的问题点。包括样式定义与文档结构的混杂、对 scoped CSS 使用的不满,以及与 Astro、Svelte、Vue 等其他框架的对比。
React tailwind


open 仅用CSS就能让网页支持深色模式。终于在Chrome中也能用的 prefers-color-scheme 超级方便
通过使用 prefers-color-scheme 这个设置值,可以轻松地让网页支持深色模式。Chrome也在今天发布的76版本中开始支持,本文将简单介绍。
Web CSS


open 一行 CSS 实现优雅的背景模糊・毛玻璃效果!Chrome 终于支持的 backdrop-filter 太方便了
之前在 Web 设计中难以实现的背景模糊效果,现在通过 backdrop-filter 这一个 CSS 属性就能极其简单地表达出来了。
Web CSS

![[Chrome扩展] 自由改变常逛网站的设计! 加载自制CSS和JS的方法 [纪念Stylish下架]](/_astro/cover.CpRGPIhH_Zi5O0h.png)
[Chrome扩展] 自由改变常逛网站的设计! 加载自制CSS和JS的方法 [纪念Stylish下架]
只要具备最基本的HTML和CSS知识就OK。可以把Google搜索或GitHub等网站的背景换成黑色,或是去除不需要的元素。这是一种在本地制作扩展的方法,具有「安心」「JS也能用」「SCSS也能用」等众多优点。
Chrome Web


无论是Atom用户还是Sublime用户,都来换用毫无死角的编辑器「VS CODE」吧
世上的编辑器数不胜数,但功能不足、速度不够、学习成本、价格等让人头疼的因素也很多。本文为您介绍其中一款几乎没有弱点、日常使用恰到好处且舒适的编辑器——「VS CODE」。这是一篇主要面向Atom、Sublime、Brackets以及Coda等用户的安利文章。
App・Service Web


【收藏版】gulp、webpack、parcel...理解层出不穷的任务运行器的特点,选择最合适的那一个
前端开发依赖大量的库和框架,管理它们的任务运行器也百花齐放、群雄割据。本文目的在于简要介绍各类工具的特点和理念,让读者能更直观地把握它们之间的差异。
JavaScript Web


如何用电脑实时在手机上预览正在制作的网页
在 Mac 上不需要任何特殊准备,就可以快速架起本地服务器,从手头的手机上预览正在制作中的网页或 Web 应用。
Web