GitHub - mattn/livestyle-vim: Emmet LiveStyle for VimYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ã“ã‚Œã¯è¡æ’ƒçš„ï¼CSS開発を爆速化ã™ã‚‹ã€ŒEmmet LiveStyleã€:phpspot開発日誌
Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化ã™ã‚‹ã€ŒEmmet LiveStyleã€ã€‚ ブラウザã®DOMインスペクタã®æ–¹ã§CSSã‚’ä¿®æ£ã™ã‚‹ã¨SublimeTextã«åæ˜ ã•ã‚Œã€ã¾ãŸSublimeTextを編集ã™ã‚‹ã¨ãƒ–ラウザã«å³åæ˜ ã•ã‚Œã‚‹ã¨ã„ã†ãƒ—ラグインã§ã™ã€‚ ブラウザã§ç·¨é›†ã—ã¡ã‚ƒãˆã°ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã¯ã§ãã‚‹ã‘ã©ã€ãƒ†ã‚ストエディタã«ã‚³ãƒ”ーãŒå¿…è¦ã§ã€é€†ã«ãƒ†ã‚ストエディタã§æ›¸ãã®ã‚‚ブラウザã®ãƒªãƒãƒ¼ãƒ‰ãŒå¿…è¦ã¨ã„ã£ãŸå…·åˆã«æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ãŒã€ãã®æ‰‹é–“ãŒãªããªã‚Šã¾ã™ æ›´ã«ã€è¤‡æ•°ã®ãƒ–ラウザウィンドウã«å³åº§ã«åæ˜ ã•ã‚Œã‚‹ãŸã‚ã€æ¨ªå¹…ã‚’å°ã•ãã—ãŸãƒ–ラウザã€é€šå¸¸ã®ãƒ–ラウザを開ã‘ã°ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザインã®ãƒ—レビューãŒåŒæ™‚ã«çµ‚ã‚ã‚Šã¾ã™ã€‚ 片方ã®ãƒ–ラウザã®DOMインスペクタã§CSSをカスタマイズã—ã¦ã‚‚ã‚‚ã†ä¸€æ–¹ã®ãƒ–ラウザ
知らãªã„人ã¯é…ã‚Œã¦ã‚‹ï¼Ÿæ–°Zen-Coding Emmet
é ã®ä¸ã®ãƒšãƒ¼ã‚¸æ§‹æˆå›³ã‚’リズムã§æ›¸ã„ã¦HTMLã«å±•é–‹ã—ã¦ãれるZen-Coding。 ã‚‚ã¯ã‚„HTMLコーダーã§ä½¿ã£ã¦ã„ãªã„人ã¯ã„ãªã„ã§ã‚ã‚ã†Zen-CodingãŒHTML5/CSS3ã®åºƒã¾ã‚Šã¨å…±ã«Emmetã¨ã„ã†åå‰ã«å¤‰æ›´ã—ã€é€²åŒ–ã‚’ã¨ã’ã¦ã„るよã†ã§ã™ã€‚ ã¾ã 開発ä¸ã§å…¬å¼ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã¯ã¾ã ã®ã‚ˆã†ã§ã™ãŒå…ˆè¡Œã—ã¦è©¦ã™ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Zen-CodingãŠã•ã‚‰ã„ Zen-Codingã¯çµŒé¨“済ã¿ã¨ã—ã¦è©±ã—ã¾ã™ãŒã€ã¾ã 使ã£ãŸã“ã¨ãŒãªã„ã¨ã„ã†æ–¹ã¯ã¾ãšã“ã®æ˜ åƒã‹ã‚‰ã€‚ 早速Emmetã‚’Sublime Text 2ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 1. Package Controlã®ãƒªãƒã‚¸ãƒˆãƒªã«è¿½åŠ Sublime Text 2ã®æ¨™æº–リãƒã‚¸ãƒˆãƒªã«ã¯ã¾ã å…¥ã£ã¦ã„ã¾ã›ã‚“。Cmd + Shift + Pã§å…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã«add repositoryを入力ã€ä¸‹è¨˜ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’è¿½åŠ ã—ã¾ã™ã€‚ https://github.com/serge
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}