Sublime Text 2に登録できるCSSのスニペット集が配布されてます
テキストエディタはSublime Text 2 が最高に自分に馴染むので去年、正式 に乗り換えたんですが、Sublime Text 2に登録出来るスニペットのCSSのが 沢山配布されていたのでご紹介。 テキストエディタの個人の好みはOSと同じくらい布教活動が盛んな、宗教染みた部分が垣間見えるので、正直言って心底ウザい言葉にするだけで不快に感じる方もいるかもと思ってからTwitterで言ったり記事にしたりとかにはしないようにしてるんですけど・・・（宗教が悪いと言ってるわけじゃないですよ。押し付け感や比較対象を貶す行為が嫌なだけです。） 折角なのでスニペットの紹介ついでに簡単にご紹介します。あ、もちろんWindows版もMac版もあります。僕はWindowsユーザーなのでその目線で書いていきますね。 エディタは1に起動スピード、2に使いやすさ、カスタマイズ性もあると嬉しい、といった視点で選ぶの
より見やすく、使いやすくなるsublime textテーマ8つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですはやちです(ノ)◜ω◝(ヾ) 最近『龍が如く維新』にどっぷりはまっております。畑仕事と釣りと別宅のローン返済が楽しくて本編のストーリーが進みません。 龍が如くシリーズは毎回寄り道してしまいます( ˘ω˘) どうでもいいですねc⌒っ´ʘ‿ʘ｀)っ 今回はLIGのデザイナーチームで半数以上のメンバーが使用している『sublime text』がより見やすく、使いやすくなるデザインテーマをご紹介いたします。 テーマを変えてみよう まずテーマの変更方法をご紹介します。 テーマをインストールする Control + Shift + pで呼び出して Package Control: Install Packageを選びます( ˘ω˘)☝ そのあとにパッケージ一覧が表示されますのでthemeで絞り込み、お好みのものを選びましょう( ˘ω˘)☝ これでインストールは完了です。 テーマを反映させる。
Hamlで開発効率アップ｜Sublime text 2でビルドしてみました。 | DevelopersIO
先日、弊社で開催ししている勉強会:【課外授業5日目】「Sublime Text 2とSass&Compassで効率的なコーディングライフ」のスピーカーを務めさせていただきました。 人生初のスピーカーということで、緊張して時間を10分巻いてしまいました。。。 さて今回はHaml with Sublime text 2と題しまして、ご紹介できればと思います。 アジェンダ Hamlとは？ Hamlの書き方 Sublime text 2でビルド(ファイル出力) おまけ Hamlとは？ XHTML Abstraction Markup Languageの略称です。 と言われましてもなんのことだ？？ってなるかと思います。 日本Hamlの会というユーザーグループで以下のように、説明しれくれてます。 HamlはHTML/XHTMLを生成するためのマークアップ言語です。インデントや簡略構文によって簡潔な記述
Sublime Text 2 で Sass/compass のコンパイルができるパッケージ 『Compass』 « shilog
この記事は 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
デザイナ・フロントエンドエンジニアから見たSublime Text 2 | ドーナッツ工場
Sublime Advent Calender 2012 こんにちは、第0回の勉強会ではUstream中継のお手伝いをさせて頂きました、清水です。今日でカレンダーも23日目、もうすぐクリスマスです。 Sublime Text 2 Advent Calendar 2012 凄腕の方々がこれまで記事を書いてきたので、僕は僕なりに少し違った視点から書こうと思い、僕はデザインもやっているので、そちら方面から書いてみようかなと。 デザインも含めてフロントエンドの開発をやっている人間にも、Sublime Text 2は非常におすすめです。 コードを書いている時は様々なパッケージのお陰で不自由なく使えるSublime Text 2ですが、HTMLをカキカキしているときでは、少し頭が切り替わっているので、少し背中のあたりに痒いところが出てきます。 ちなみにSublime Text 2を使うまではDrea
Sublime Text2のプラグイン、Zen codingをEmmetに変える - inkdesign
27 Nov 2012 Zen CodingはHTML/CSSなどを簡易的な記法で展開・記述することでコーディング効率を上げるツール。Zen Codingについては、公式のGoogle codeのページか、以前に書いた記事を参照してもらえればと思う。 がしかし、このZen CodingはEmmetという名前でバージョンアップされているので、実際にZen Codingをこれからはじめる！という人は、Zen Codingではなく、Emmetをお使いのエディタなどにインストール、セットアップする必要がある。 Zen Codingをほどほどに使っている自分も、使っているSublime text2のプラグインとしてEmmetに移行することにした。 Zen codingパッケージのDisable/Remove Sublime text2のパッケージ（プラグイン）管理については、他の方が書かれた記事など
Windows 版の Sublime Text 2 を使う
Eclipse → Aptana Studio → NetBeans と、IDEを乗り換えながら使っていたのですが、どれもしっくりこなくて、大学卒業以来となる emacs にいよいよ乗り換えるときかなぁと考えていました。 コーディングしていて何が嫌かというと、別の行に移動するときに右の小指で矢印キーを押しているときや、マウスでソースコードをスクロールしているとき。Mac であれば、大抵のエディタでデフォルトキーバインドが emacs風になっているのであまりストレスは感じませんが、Windows で作業しているときは本当にストレスを感じていました。 そんな折、去年末に Sublime Text 2 の存在を知って使い始めてからは、他のIDEに乗り換える気が全くなくなるほど気に入ってしまいました。 とても素晴らしいエディタなのですが、Windows環境で使っているという情報があまりないので、紹
DreamweaverCS6 やめて Sublime Text 2 っていうエディタにのりかえた :: backyard.weblog
Sublime Text: The text editor you’ll fall in love with Dwのショートカットに慣れきって使ってきたけれど、いろいろととっても気に入らないことが最近多くて（検索置換が変になることが多いなど）卒業することにしました。 ということで、結構前から話題になっている Sublime Text 2 についに手を出しました。 Sublime Text 2 を選んだ理由は、、、なんとなくです。なんか流行ってるなーって。 先週の頭に、とりあえず使ってみよう！と思ってダウンロードして以来、学習コストの低さに感動して使い続けています。 vimmer に憧れて vim をお勉強していたから学習コストの低さに感動したのかも。 vim は GUI 育ちのわたしにはちょっと難しく、最近少し慣れてきたところでしたが、ST2と出会えたので、vimmerへの夢は先送りにする
Sublime Text 2をMacで使う | Kitchen Garden Blog - I'll cook and hack new one.
ウェブサイトやロゴは明らかに林檎の風ですよねえ Vim風コーディングが出来る！ということで、ちまたで噂のSublime Text 2をMacに入れてみました。 目次 Sublime Text 2を知ったキッカケ Sublime Text 2の入手方法 Vim風コーディングの設定 Package Controlのインストール Emmetのインストール LaTeXToolsのインストール (R言語のために)インタプリタを追加 CSSCombをインストールする Sublime Text 2のちょっとした雑感（どうでもいい話） Sublime Text 2を知ったキッカケ ちなみにわたしがSublime Text 2を知ったキッカケはこれ： 初めは、Emacser向けスライドということもあり、気になったものの使用するには至りませんでした。しかしここ最近のわたしのTwitter TLでちょこちょこ
SublimeText2でコード補完の候補選択をTabで行う方法
SublimeCodeIntelを入れているといちいちctrl+spaceをしなくてもコード補完(auto complete)の候補が出てくる。 コード補完の候補が表示されている時にTabを押して次の候補→次の候補と選択したい。（Google IMEと同じ動作）。下記の設定で実現した。winだけで確認。 Preferences > Key Bindings - Userに [ { "keys": ["tab"], "command": "auto_complete", "context": [ { "key": "auto_complete_visible", "operator": "equal", "operand": true } ] }, { "keys": ["shift+tab"], "command": "auto_complete_prev", "context": [ {
Sublime Text 2 Packages for Web Developers.
~2012 Autumn & Winter こもりが使っているモノやそうでないものも含め、なんとなくWebデザイナーやWebデベロッパーな人たちに便利そうなのを集めてみました。 ここに挙げたものは、類似のパッケージがあるものも存在するので、Package Controlや 「Sublime Text Packages by the Community」 などでキーワードで検索してみると良いでしょう。 LESS/Sass/SCSSなどCSSプリプロセッサの自動ビルド系パッケージは、あらかじめそれぞれの実行ファイルのインストールが必要、かつコンパイル先やコマンドの位置を設定ファイルに書く必要があります。 ※入れすぎると起動時に遅くなったりするので、そこは自分の必要なものだけで。 ApacheConf HTTPサーバであるApacheの.confファイルや.htaccessファイルの入力補完やカ
意外と知らなかったSublime Text 2 で使えるショートカット | バシャログ。
どうぶつの森に行きたいminamiです。 Sublime Text2 、いいエディタですよね。僕も使ってから日が浅いのですが、毎日なにかしらの発見があります！便利なショートカットがたくさんあるので備忘的にあげてみました。操作はWindows版です。 Ctrl+P 候補のファイル名を入力していくと該当するファイルを開くことができます。 Ctrl+R JavaScriptなどでメソッドを設定していると候補を表示して移動できます。 Ctrl+L 行選択。続けて入力すると次の行も選択されます。 Ctrl+G 指定行にジャンプします。 Ctrl+D 選択範囲の文字列を一度にまとめて編集できます。 また、文字列を選択してCtrl+Dを実行するごとに、同じ文字列が選択され、そのまま内容を変更できます！ Ctrl+Shift+↑↓ 行をまるごと上下に移動できます。複数行選択しても同様です。 Ctrl+Sh
Sublime Text 2がプログラミング人生を変えるかも知れない
Sublime Text 2がプログラミング人生を変えるかも知れない programming sublime editor はじめに 最近話題のエディタ,SublimeText2,ボクもかなり気に入っています. なんといってもその豊富なプラグイン(vim,emacsには劣るが),そしてそれらの導入コストの低さなどが優れてSublimeTextの優れた点ではないでしょうか. 今回はボクがSublimeを使い始めてから入れたプラグイン,設定,よく使うキーバインドなどをまとめて行こうと思います. インストール,初期設定 SublimeTextは本家のサイトからダウンロードできます. http://www.sublimetext.com/ headerのdownloadから自分の環境にあったものをダウンロードしてください. 今回,記事中ではボクの環境がmacなのでmacのキーバインド,操作方法で紹
Essential Sublime Text 2 Plugins and Extensions | Envato Tuts+
Sublime Text 2 is a relatively new code editor that I've been trying out for a while now. While it's still in public beta, it already offers a great mix of features and performance that has convinced me to switch from my trusted Komodo. While I really do love the features available out of the box, as with most things in life, there is always room for more. With Sublime Text 2 being as extensible a
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
