Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/escaton/bem-chrome-devtools

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/escaton/bem-chrome-devtools
Owner: escaton
Created: 2016-03-10T14:47:02.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2017-09-26T10:35:34.000Z (about 7 years ago)
Last Synced: 2024-06-19T03:06:33.567Z (5 months ago)
Language: JavaScript
Size: 1.5 MB
Stars: 45
Watchers: 5
Forks: 4
Open Issues: 3
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-chrome-devtools - BEM devtools - Inspect BEM entities expressed in `i-bem` framework. (DevTools Extensions / Workflow)

README

        ###BEM devtools

Lets you inspect blocks and elems through `mods` and `js params`

[Chrome Store](https://chrome.google.com/webstore/detail/bem-devtools/phioabmfljcmdaiiibdhecmbpaikafnl)

Feedback wanted! Please feel free to [create issues](../../issues/new)

####Start

```

npm i

gulp watch

```

 - [load extension](https://developer.chrome.com/extensions/getstarted#unpacked) (select `src` folder, which contains `manifest.json`)

 - open devtools in separate window and `cmd+alt+i` if you want to debug it

![Open devtools in separate window](/assets/separate-window.png?raw=true)

 - Hack it :)

####TODO

 - toggle mods

 - fallback if no BEM.INTERNAL constants

 - try redux