CSS Gridish插件 CSS检测工具
目录
CSS Gridish 是一款简单专业网页开发 CSS 库检查 Chrome 拓展程序,它可以帮助用户在使用 Google Chrome 的同时轻松检查任何网页的对齐方式,检查网页如何与CSS Gridish生成的网格设计保持一致。
CSS Gridish 开发背景
如果你喜欢 CSS,那么你应该已经了解了大部分基本概念和设计,包括 CSS 网格布局,简而言之,它为用户提供了一种创建网格结构的方法,可以适应广泛的菜单。
考虑到这一点,你可能有兴趣查看一个名为 CSS Gridish 的专业工具。
这个开源工具由 IBM 开发,旨在帮助您和您的团队通过仔细考虑网站网格的设计规范并生成各种资源(例如带有画板和网格/布局设置的草图文件)更快、更轻松地适应 CSS 网格,以及使用 CSS Grid 和 CSS Flexbox 后备的 CSS/SCSS 代码。
CSS Gridish 功能介绍
一、网页 CSS 对齐检查
这款拓展程序可以帮助用户来检查任何网页如何与 CSS Gridish 生成的网格设计对齐。只需简单单击几下就可以完成部署过程。
之后用户就可以从扩展的紧凑的界面中上传网格 css-gridish.json 以检查对齐情况。现在剩下要做的就是使用默认的键盘快捷键来切换网格 (CTRL+G) 和布局 (CTRL+L)。还值得注意的是,你可能需要在安装 CSS Gridish 后重新加载打开的网页。
CSS Gridish 绝对是一个有用的工具,它应该有助于加快 CSS Grid 的采用率,并使整个过渡过程对你和你的团队都更加容易。