「プラグイン:Emmet LiveStyle」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
|||
| 10行目: | 10行目: | ||
===ブラウザからエディタへ=== | ===ブラウザからエディタへ=== | ||
ブラウザのデベロッパーツールでレイアウトを微調整し、これらの変更をソースコードに反映させたいですか?LiveStyle はこれができる唯一のツールです。LESS と SCSS にも対応しています。 | ブラウザのデベロッパーツールでレイアウトを微調整し、これらの変更をソースコードに反映させたいですか?LiveStyle はこれができる唯一のツールです。LESS と SCSS にも対応しています。 | ||
=== 既知の問題 === | |||
ブラウザのデベロッパーツールで特定の属性値をドロップダウンで選択した場合にエディタ側にセミコロンが残ることがある。(例えば overflow-x の値を auto から hidden にドロップダウンで選択して変更した場合など) | |||
LiveStyle 専用のエディタ群でも同様の問題を確認。恐らく Chrome の拡張機能側の問題だと思われる。 | |||
2016年6月6日 (月) 23:37時点における版
このページは執筆中です
Emmet LiveStyle プラグイン (beta)
Emmet LiveStyle はスタイルシートを高速に双方向・リアルタイム編集するためのツールです。
リアルタイム編集
入力と同時に LiveStyle がブラウザのスタイルシートを更新します。ファイルの保存やページの再読み込みをしなくても Web ページに反映された状態を確認することができます。
ブラウザからエディタへ
ブラウザのデベロッパーツールでレイアウトを微調整し、これらの変更をソースコードに反映させたいですか?LiveStyle はこれができる唯一のツールです。LESS と SCSS にも対応しています。
既知の問題
ブラウザのデベロッパーツールで特定の属性値をドロップダウンで選択した場合にエディタ側にセミコロンが残ることがある。(例えば overflow-x の値を auto から hidden にドロップダウンで選択して変更した場合など)
LiveStyle 専用のエディタ群でも同様の問題を確認。恐らく Chrome の拡張機能側の問題だと思われる。
スポンサーリンク