Better

Ethan的博客,欢迎访问交流

justify and align in grid and flex

让 justify 和 align 不再容易混淆的图示。


CSS layout digest

如何用一行 CSS 实现 10 种现代布局


关于 UI 规范与 CSS 换肤

整理项目 CSS 存在的问题,如何减轻样式编写痛感,以及如何实现动态换肤。


设备像素与物理像素

容易混淆的名词。


CSS 图形变化

最近的工作涉及到图形变换会比较多,不过都是基于具体 2D 和 3D 场景的,但其实 CSS 就自带类似的变换功能,且同样支持 3D 场景,回忆小小总结下


利用 Grid 网格布局解决 Flex 布局最后一行均匀排列问题

Grid 布局相比 Flex 布局,个人觉得其实更容易理解,只是属性比 Flex 来的更多而已。先总结下属性的基本使用,然后解释下 Flex 存在的问题,以及 Grid 如何解决


CSS background

最近发现自己写 CSS 的时候,感觉很不熟练了,比如最近用到的 background 属性,在这里做点小笔记


Angular: tips and tricks for CSS structure

Angular 中关于 CSS 的建议与技巧,正确理解 Angular 中的特殊选择器 :host 和 :host-context,以及如何在 @import 规则中使用绝对路径。


再读《CSS 世界》内容总结

由于之前读 《CSS 世界》有些匆忙,趁这段时间,重新阅读了一下,收获还是特多的,尤其是内联盒模型那一块,对于 CSS 一些奇怪的现象有了很好的理解。


等高布局、多栏自适应布局

两侧或多侧等高布局,在网页设计中是十分常见的,最近在重看 CSS 世界时,觉得有必要对 CSS2 中几种实现方式进行实践和总结,一起来看看吧。