![【Sublime Text 2】ダミー画像をめっちゃ簡単に挿入できるパッケージ 「Placehold.it Image Tag Generator」 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/e09ad8f655ea0962c3fc07c12b65c5a618375e0d/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_tools.png)
今、すごく話題になっているエディター「Sublime Text2」 私もまだ使いこなせていませんが、Webデザイナーの私から見た便利なプラグインとその簡単な使い方をまとめてみました。 Webデザイナーが入れておきたいプラグイン -目次- AutoFilename Bracket Highlight Goto-CSS-Declaration Emmet hayaku Color Pick CSSComb SFTP LiveReload IMESupport(※) AutoFilename 画像などのパスの入力を補完してくれる便利なプラグイン。 画像やCSS,Javascriptを挿入するときに、パスの入力を補完してくれます。 例えばHTMLにCSSのリンクを挿入するとき linkと入力してtabキーを押せば <link rel="stylesheet" href=""> が展開されます
たまたま目にした海外の記事「Configuring Sublime Text 2」に、自分が指定してないSublime Text 2の設定がありまして。ちょっくらそれを拝借しつつ、自分が指定しているいくつかの設定とZen-Codingの次期バージョン「Emmet」を日本語環境で使う時にしておいた方が良い設定をまとめておいた。 「Cmd+,」で出る「Settings – User」に書いとけば大丈夫。 これら以外にも「Sublime Text Unofficial Documentation」とかに日本語じゃないですけど、いろいろな設定が書かれているので参考にされると良いかと。ロシア語のサイトにはココにないのもあったりしましたが、なんせロシア語なので載せないでおきます(笑)。
検索しても見当たらなかったので、ニッチかもしれないけど、覚書程度に書いておきます。 例えば html:5 を展開すると、以下のようなコードが出来上がると思います。 この、 lang="en" といった部分を lang="ja" に変えたいわけですが、これの設定方法です。 Emmet プラグインをインストールしたら、メニューから Preferences → Package Settings → Emmet → Settings - User と辿って、ユーザ設定ファイルを開きます。 開いたら、以下の設定を入力して保存してください。 再起動すると(しなくても?) lang="ja" になっているはずです。
凄く便利で使いやすいと最近エンジニアの間に話題になっているエディタです。 なんかめっちゃ色々できて良いらしいので使い始めることにしました。 Sublime Text: The text editor you'll fall in love withからダウンロードできます。 恋に落ちるエディタと自称するだけあってかなり評判いいです。 ライセンス料は$59ですが試用版でも無期限で使えるようです。 今後リリース予定のSublime Text 3はアップデートにお金がかかるらしいです。 Sublime Text 2 - Sales FAQ おそらくSublime Text 2ユーザーは割安なアップデート料を払えばよくて 新規になると値上がりしてて手を出しにくくなるのが この手のソフトウェアにありがちなパターンだと思うので今のうちに買っておくのが良いかもしれません。 PayPalで支払いができて今
【課外授業5日目】「Sublime Text 2とSass&Compassで効率的なコーディングライフ」を開講しました!! クラスメソッドブログ課外授業5日目 今回は今大人気のSublimeText2とSass&Compassの勉強会でした。弊社のブログでも大変人気なこのシリーズですが、今回も募集30名という枠に対して倍近い応募があり人気の高さが分かりました。 1時間目:ちょっと心地よいHTMLコーディング with Sublime Text2 1時間目は、清田 隆志によるsublime text 2 のパッケージ(プラグイン)についての話でした。発表したスライドは以下になります。 スライドのリンクは以下になります。 https://dev.classmethod.jp/slide/html-coding-with-sublime-text2/ ロレム・イプサムについて熱く語る清田先生。サ
ダミーテキストの挿入 loremを記載して、展開するとダミーのテキストを挿入してくれます。 //展開前 p*3>lorem //展開後 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus consectetur nisi modi alias aspernatur suscipit nihil laborum vero possimus. Nobis velit iste eveniet atque aspernatur! Repellendus illum nulla similique quia.</p> <p>Magni sapiente dolorum dolorem expedita natus eaque aut nesciunt modi libero aspernatur omn
前回は初期の設定とプラグインのインストールと削除をやりました。 今回は、Dropboxを使って家のマシンでも会社のマシンでも設定を共有出来るようにしたいと思います。 設定の共有 別のマシンでも製作する人は設定が同じ方が便利ですよね。でもわざわざ設定をまるまる移すのは大変だったりします。移し忘れることもありますし。 というわけで、このSublime Text 2を使うときに設定が簡単に共有できないか調べたのですが、 Dropboxで設定ファイルを共有し、別のマシンでも同じ設定を共有できる方法を見つけました。 共有するフォルダ 共有するフォルダは以下の3つ。 Installed Packages Packages Pristine Packages フォルダの場所は「C:\Users\hogehoge\AppData\Roaming\Sublime Text 2」 MacかWindowsか。ま
2012年12月4日:Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです(ちなみにVimを完璧に使いこなしているわけではありません)。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします! Sublime Text 2は有料($59)の
はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2(Windows, Mac)を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
この記事は Sublime Text 2 Advent Calendar 2012 とは関係なく書いております。 いや、Sublime Text 2 Advent Calendar 2012 で投稿されていた 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 という記事を読んで、自分で試したことのメモなので少し関係あるかな。 記事書いてくれた @tomo_thumb さん、ありがとうございます m(_ _ )m ということで、Sublime Text 2 だけで Sass/Compass のコンパイルができるということで、黒い画面でコマンドゴニョゴニョしたり、いちいち Scout 立ち上げたりしなくてもよさそうなので、Sass/Compass の導入の敷居が少し下がりそうな感じですね。以下、Windows 環境での解説。 pack
Recommended Sublime Text 2 Packages for Web Developers. Update 「Browser Support」を追加しました。 2013 Spring & Summer こもりが使っているモノやそうでないものも含め、なんとなくWebデザイナーやWebデベロッパーな人たちに便利そうなのを集めてみました。 ここに挙げたものは、類似のパッケージがあるものも存在するので、Package Controlや「Sublime Text Packages by the Community」などでキーワードで検索してみると良いでしょう。 LESS/Sass/SCSSなどCSSプリプロセッサの自動ビルド系パッケージは、あらかじめそれぞれの実行ファイルのインストールが必要、かつコンパイル先やコマンドの位置を設定ファイルに書く必要があります。 ※入れすぎると起動時
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く