Nitty Griddy: A CSS Grid Overlay Chrome 插件, crx 扩展下载

 收录于6年前 阅读数 92

扩展ID: gdcdncfophbnjbcnfcdennikmcjbpgln

This extension provides an overlay for elements styled with CSS GridCSS Grid has finally landed. All major browser vendors shipped broad support of the CSS Grid specification in March 2017. And it is here to stay!

Dive right in and give web layout a new twist—this plugin will support you while you tackle all aspects of CSS Grid. Use the Chrome context menu (right-click somewhere inside your grid) and choose "Get down to it". You will immediately see an overlay that updates in realtime while you debug your CSS Grid code inside the Chrome dev tools.

This plugin is still in progress, so please reach out to me for bug reports or feature requests. Just drop me a line on the extension's GitHub page.

Planned updates:
* Overall polish, new icon, options page
* Toggle grid overlay (currently you have to refresh the page to get rid of the overlays)
* Better support of subgrids and align-/justify-content stretched/space-around/space-between/space-evenly

Examples from the screenshots are by Jen Simmons (http://labs.jensimmons.com/).
名称 Nitty Griddy: A CSS Grid Overlay
插件标识 gdcdncfophbnjbcnfcdennikmcjbpgln
平台 Chrome
评分 2.11
评分人数 9
插件主页

Stephan Max

作者 Stephan Max
版本号 0.5.0
大小 6.03 KB
官网下载次数 236
下载地址
更新时间 2017-05-23 00:00:00
举报
回复

大家在找这些插件