SublimeText2のEmmet（Zen-Coding）カスタマイズ - Qiita
Emmetの導入 「Package Controll」で「Emmet」をインストール。 [command] + [Shift] + [P] で「Command Palette」を開き「install」と入力してパッケージインストーラーを選択。 「Emmet」を選択してインストール。 参考 【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻 ｜ Developers.IO タグの短縮入力 html:5←ここで**[ctrl]+[E]** ↓ <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
Emmet LiveStyle
Ayyo Movies launched a new design of Smart TV application The main goal of the update — to create a new interface to the Smart TV applications, based on user behavior in the old version Ayyo simultaneously changing all the technical background is. Now, instead of the endless windows with films, the application consists of four sections, corresponding to the four types of audience.
SublimeTextのパッケージをiCloudで同期する | Sou-Lablog
ソウラブログまたはソウラボログ。WebとかのBlog。( ˘ω˘ )ｸｿﾈﾐ恋に落ちるというフレコミのエディタSublime Text2。もうすぐ3。 みんな恋に落ちやがってまったく。ぼ、僕は恋になんて、ぜ、全然、落ちてないってば…/// さて、私の環境はiMacとMBAなので、この二台にST2を当然インストゥールです。 フォントとプラグインはあるだけ入れてしまうのタチなのでST2も大量のパッケージが入ってます。 iMacとMBAでパッケージのインストールなどを繰り返すのも面倒なのでST2の設定をiCloudで同期してみました。 WinとMac両刀の頃は、DropboxやSugersyncで同期も試しましたが、Growlで同期の通知が毎回きたり、同時起動するとマシン別の競合ファイルが沢山できてしまったり。100MB以上あるので容量がおしかったり…etc。 なので、即同期で高速安定、
[SublimeText]Emmetを使いこなすためのショートカットキー
Emmet には便利なショートカットキーがあるのでまとめておく。 Actions | Emmet Documentation Expand Abbreviation[SublimeText]Emmetで高速HTML/CSSコーディング HTML編 | DevAchieveで 説明した事ができる。詳しく書いているのでぜひ見てほしい。 Match Tag Pair[SublimeText2]Bracket Highlighterで括弧を強調表示する | DevAchieveの括弧内全選択のHTML限定版。 キーひとつで範囲広げたりできるのでHTMLメインならEmmetの方が便利。 Sublime Text 2 では単語選択のショートカットとかぶっているのためか、ショートカットキーが異なる。 Ctrl + d: 選択範囲拡大 Ctrl + j: 選択範囲縮小 Go to Matching Pai
[Sublime Text2]SublimeLinter+jshintでJavaScriptコードを自動チェック | バシャログ。
最近、JavaScriptの新刊が本当に増えててうれしいなーと思うtanakaです。Web+DB PRESS vol.73 の連載で、JavaScriptのユニットテストについて書かれていたのを読みました。主に3つのツール・ライブラリが紹介されていましたが、中でも複数のブラウザに対して一斉にテスト実行させるtestemがすごい便利そうです。以前、同様のツールであるjsTestDriverをバシャログで紹介しましたが、testemはnpmコマンドでインストールしたらすぐテストを書き始められるし、設定を書けば、自動でブラウザを起動してくれるので楽でした。(Windows,Macともに導入できました)テスト書きたいと思っている方がいましたら是非読んでみてください。 さて、testemはまだあんまりいじってないので、今日は JavaScript のコードをjshintというツールでチェックする方法
![[Sublime Text2]SublimeLinter+jshintでJavaScriptコードを自動チェック | バシャログ。](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 Text 2でコンパイル編 ｜ クラスメソッド開発ブログ
はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
【クリスマスだし】CSScomb for sublime text 2 CSSプロパティの順序をカスタマイズ【25日目の5】 | DevelopersIO
前回書かせていただいた、記事に引き続き。今回もCSScombを書こうと思います。 アジェンダ どうやってカスタムするの？ カスタムしてみる。 動作を確認してみる。 設定ファイルを作る まとめ どうやってカスタムするの？ 前回までは、プラグインが動作するまでは確認できました。 しかし、プロジェクトごとにコーディング規約があったり、自分なりのcssのプロパティ順序を指定したい場合があると思います。 そこらへんのカスタマイズをsublime text 2の preferences > packeges setting でできるもんだと思ってたんですが。。。キーバインドの設定しかない。。。こまった。 csscomb.phpで編集するみたいです。 ちょっといろいろ探ってみたところ、GitHubのissuesに何やら同じ質問されている方を発見！ https://github.com/miripirun
「Sublime Text 2」にて特定のフォルダ内にあるファイルの文字列を一斉に検索・置換する方法
先日DLしました高機能テキストエディタ「Sublime Text 2」における、特定のフォルダ内または開いているプロジェクト内の文字列を一斉に検索・置換する方法の作業メモ。 Sublime Text 2での一斉検索・置換 「Sublime Text 2」でのフォルダ内における文字列の一斉検索は「Find→Find in Files」より行います。 ショートカットは「command（winはCtrl）+ shift + F」です。 あとは出てきたウィンドウに文字列を入力すればおｋ。特に場所を指定しない場合は現在開いているフォルダーorプロジェクト内の文字列を検索してくれます。 また、左側のアイコンをクリックすれば「正規表現」や「大文字小文字を判別」と言ったオプションを使用することも可能です。 また、真ん中のボタンをクリックすると検索するフォルダーやファイルを選択できます。 ありがたいのは「c
htmlを拡張するビルドツールHammer【Mac】 | Sou-Lablog
ソウラブログまたはソウラボログ。WebなどのBlog。多分。2012年はSass,LESSに代表されるcss拡張メタ言語がブレイクした年だったのではないでしょうか。 変数やmixinなど一度つかうと素のcssには戻れないくらい魅力的な機能が増えますよね。 そしてこの度htmlでも変数、インクルードなどが使えるツールが登場しましたよ。 その名もHammer for Macです。 Hammer (￥2,100) Hammer for MacはSass,LESSの様なメタ言語ではなく、MacのGUIアプリケーションです。 プロジェクトのフォルダを監視し更新がある毎にファイルを自動でビルドしてくれます。 Hammerの主な機能として、 変数（html） インクルード（html） パスの自動補完（html,css） Sass、CoffeeScriptのコンパイル オートリロード などの機能が
Sublime Text 2の基本とカスタマイズ【Vim風】
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
gouten.net
gouten.net 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 ｜https://wp.yat-net.com/name
2012年 11月 21日 使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 カテゴリ： PCツール タグ：エディタ 最近流行ってるsublime textというエディタですが僕も試しに使って10分ぐらいでメインエディタにしてしまいました。なんせ使いやすいです。 個人的にショートカットで作業効率がガンガン上がっていくのが非常に嬉しいですね。ちょっとそのあたりを紹介したいなと思います。 1.sublime textとは 2.作業効率を上げる便利なショートカットキー 3.マウス操作との連携で入力を支援 4.カスタマイズで更に便利に！プラグインに関して 5.その他便利な機能 6.参考文献 7.追記 sublime textとは windows,mac,linuxで動作するエディタです。テキストの編集やコーディングを早くするショートカ
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でZen-Codingを使用する際の設定メモ
先日「恋に落ちるエディタ」Sublime Textの勉強会に参加してきた霙(@xxmiz0rexx)です。 エディタの便利さ、優雅さ、魅力などを語るのは別の機会にするとして、 今回はそのSublime Textで、爆速コーディング用プラグイン「Zen-Coding」先生を使えるようにする設定方法を学んできましたので、備忘録もかねて記事にしたいとおもいます。これから使ってみようと思っている方は是非！ Sublime TextにZen-Codingプラグインを入れる手順 他のアプリみたいに設定画面で操作できないので変な感じですが、やってしまえば意外とあっさり終わります。 1.Sublime Textをダウンロードする まずはSublime Textがなくては始まりませんね。 公式サイトに行ってダウンロード、そしてパソコンにインストールしましょう！ 参考：Sublime Text: The te
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Sublime Text 2】ダミー画像をめっちゃ簡単に挿入できるパッケージ 「Placehold.it Image Tag Generator」 | バシャログ。
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
【Sublime Text 2】改行タグ<br>をDreamweaverでのショートカットと同じようにキーバインドを設定する | バシャログ。
http://ntcncp.net/2012/12/21/sublime-useful-tips
Sublime Text | Periodic table of the Keyboard Shortcuts.
東京都近郊｜エッチな出会いサイト【確実にセックスフレンドと会える信頼のサイトランキング】エッチ出会いクリエイト