aonow

栅格就是网格，我们很小就会接触到网格，比如小时候的方格本作文本，画的表格等等，利用表格进行分类排版。UI中的栅格系统就是对各个平台的网格布局进行系统化，比如网页的网格定义，APP的网格定义。 栅格化系统是设计的一个基本原则，能够有规律的排版页面的布局，在CSS的Bootstra…

三、度量和参考线（Metrics & keylines） 基线网格（Baseline grids） 无论是移动端、平板端还是桌面端上，所有的应用组件都对齐至8dp单位的方形基线网格上。但工具栏中的图则对齐至4dp单位的方形基线网格上。 基线网格的例子 基线网格的例子 文字于4dp…

关于CSS3 3D Transform是变形属性里面的战斗机，就像立体几何的学习要在平面几何之后类似，在关于所有的2D的属性摸个七七八八之后，终于开始进阶3D变形了。先来一张SVG的背景图。炎炎夏日，清凉一下，即使不能行万里路，至少还有心在远方。 对于2D方向的移动，已经乏善可陈…

上篇CSS3 3D属性入门篇受到了别人的嗤之以鼻，一万点伤害值，好吧，你要的全景视图来了。（哈哈，打击是进步的阶梯！）。今次就来个大家用3D属性最爱炫技的场景，旋转的立方体，有人声称这种动画简直代表了CSS3的癫疯，不不，是巅峰。做完之后只想吼一声，你说的没差！由平面动效进阶到立…