以前、ブログでEmmetをご紹介いたしましたが、またまたEmmetが良さげなツールを開発中です。 現在はまだベータ版ですが公開されていたので一連の流れを試してみました。 アジェンダ Emmet LiveStyleとは? 環境設定 動作確認 SCSS(Sass)・LESS等のメタ言語の対応は? Emmet LiveStyleとは? ブラウザとエディタ間のスタイルをリアルタイムで確認・編集ができるツールみたいです。現在公式サイトでデモ用の動画を確認できます。 環境設定 Emmet LiveStyle を確認するには、設定が必要なので動作確認ができるまでの設定をご紹介します。 今回の動作検証環境 Windows7 chrome Sublime Text 2 Sublime Text の設定 Sublime Text 側でパッケージのインストール Sublime Textを開き、[Ctrl] +
いよいよ今年も師走となりましたね! この時期は年間を振り返るエントリーが多くなる訳なのですが、今回は2013年にWEB企画の制作チームが使ってみて良かった、SublimeTextのプラグインをランキング形式でご紹介します! (いわゆる定番プラグインは今回はランキングからは除外させていただきました) 第5位 Placehold.it Image Tag Generator ダミー画像を簡単に挿入してくれるプラグインですね!わざわざダミー画像を作ってフォルダに入れて…なんて作業をしなくても良くなりますので、とっても便利。 placehold.itというダミー画像を挿入するサービスがあるのですが、それをそのままプラグインにして使いやすくしたというものです。 事前に設定を登録しておくことで、さらに簡単にダミー画像を挿入できるようになる機能は秀逸! 第4位 SCSS・Compass関連のプラグイン
via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある模様。 TrailingSpaces 行末の半角スペースを削除。 SublimeText/TrailingSpaces Focus Last Tab Sublime Text 2 では、Chrome などのタブブラウザーと同じように command + 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く