Gee Law ’ s Blog 或者粘贴网址 https://geelaw.blog/
可以发现的几个网站设计的亮点(也就是产品经理常说的 细节):
- 代码 vanilla ,没有库依赖,无浏览器 detection ,内容纯静态;
- 元素 sematic ,纯 CSS 实现 responsive design ,对 screen reader 友好;
- 支持无脚本环境,视觉效果无折扣,所有东西都完美 fallback ;
- 打印机友好,打印效果在不同视觉状态下一致(托 semantic + css 的福);
- 剪贴板友好,可见元素和元素结构长得差不多(托 semantic 的福);
- 支持 Windows 高对比度,部分图片有高对比度版;
- 支持 Windows 动态磁贴,固定到“开始”屏幕将轮播最近 5 条博文标题、摘要和主题图;
- 元数据丰富,支持 Open Graph 和 Twitter Card 以及 vendor-neutral 元数据。
不好之处也有不少:
- 支持高对比度的图片牺牲了部分 semantic 和剪贴板友好性;
- Disqus 部分不支持在更改主题后自动更改主题(如果强行 reset 会导致数据丢失);
- 从博文 source build 网站的脚本写得很糟,不敢开源。
所以求关注我的 blog 啦~
)