sublime-autoprefixer : Sublime Text でベンダープレフィックスを最適化してくれるプラグイン | Web Design Leaves
sublime-autoprefixer : Sublime Text でベンダープレフィックスを最適化してくれるプラグイン CATEGORY: HTML/CSS | TAG: sublime text 2015年2月5日 CSS のベンダープレフィックス（接頭語）を自動で最適化（追加・削除）してくれる Sublime Text のプラグイン「sublime-autoprefixer 」に関するメモ。 対象ブラウザやそのバージョンを指定することも可能。 適切なベンダープレフィックスを付けるのはとても面倒で大変だが、このプラグインを使用すると簡単に CSS に付与したベンダープレフィックスを自動的に最適化してくれる。 このプラグインは「caniuse.com」という HTML5 や CSS3 等の対応状況を調べられるデータベースを元に、必要な CSS のみにベンダープレフィックスを追加し、ま
SublimeText3を2年以上使って、生き残ったPluginを紹介します。 - Qiita
$options['user_id'] = '1234'; $options['name'] = 'Ichiro Yamada'; $options['gender'] = 'male'; $options['age'] = '21'; どの記号で揃えるかは設定で増やせます。 このように列揃えすることで、他プログラマーへ処理のまとまりの単位を見せたり、タイプミスに気がつきます。 僕は、デフォルトそのままで使っていてイコールぐらいでしか使わないです。 ショートカットを覚えるほど利用頻度がないので、command + shift + pで、abacusと打って呼びます。 BracketHighlighter [], (), {}, "", '', <tag></tag>といったカッコ類を強調してくれます。 Pluginの説明ページに画像があるので、どんな機能なのかわかりやすいです。 https
Sublime Text 2 をちょっと便利に使うTips - webとかmacとかやってみようか R
今さらながら Sublime Text 2 をちょっと便利に使うTipsを２つほど。 Expand Selection の スキップ Sublime Text の特徴の一つに、Ctrl-D とかでどんどん単語を選択して、マルチセレクトで一括編集できる Expand Selection というものがあります。これはとても便利なのだけれど、特定の箇所はスキップしたい、ということも良くあります。 例えば、次のようなコードで、 "hoge_name" と "fuga_name" を、それぞれ "hoge_nickname" と "fuga_nickname" に変えたいとします。 var name_1 = "hoge_name"; var name_2 = "fuga_name"; "hoge_name" の "name" 部分を選択して Ctrl-D すればいいじゃん、と思いますが、そうすると
Sublime Text のテーマファイル .tmTheme があるパス - 情報系大学院生のWebメモ
Sublime Text のテーマをカスタマイズするためには、.tmTheme ファイルを編集しなければなりません。この .tmTheme ファイルがあるパスは Sublime Text 2 では簡単に見つけることができるのですが、Sublime Text 3 では .tmTheme ファイルを表示させるために一工夫が必要です。バージョン別に .tmTheme ファイルがあるパスを紹介します。 Subllime Text 2 の .tmTheme ファイルがあるパス この記事では Flatland テーマの Flatland Dark.tmTheme を例にします。Subllime Text 2 の Flatland Dark.tmTheme ファイルは以下のパスにあります。 C:\Users\<ユーザー名>\AppData\Roaming\Sublime Text 2\Packages\
Sublime text 3でサイドバーの文字の大きさを変える - Qiita
使っていてサイドバーの文字の大きさ（画像の矢印部分）がちょっとデカイなと思ってたので小さくすることに。 Setting - Userで設定すれば簡単に行けるかとおもいきや、意外とめんどくさかったのでメモ。 導入～環境設定周りは前の記事を参照。 Sublime text 3でエディタ環境を整えてみる 1. 上部メニューのPreferences -> Browse Packagesでパッケージフォルダを開く。 2. Theme - 現在使っているテーマ名のフォルダを開く（外部のテーマを使っていない人はTheme - Defaultフォルダ） 3. ~sublime-themeといったファイルがあるのでエディタで編集 追記：仕様が変わったようでsublime-themeを編集するには別の方法が必要とのことです。 ↓のブログが詳しいので、ご参考ください。 http://webmem.hatenab
コードがはっきりと見やすくて、使いやすい Sublime Text 3 のテーマのまとめ
Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Sublime Text 3 のテーマを紹介します。 ダーク系をはじめ、ライト系、クリーム系、GitHubカラーもあります。 ayu -最近注目されてるニューテーマ DuoTone -美しくて見やすいテーマ El Capitan -OS Xにはこれ！ Material -Material Designがかっこいい Tech49 -ダーク系の定番 Predawn -マットなブラックが目に馴染む Soda SolarizedDark -ブルーがかった明るいダーク系 Solarized Space -クリーム系が好きな人に Spacegray -Oceanのダーク系とライト系が爽やか Flatland -シンプルでフラットなデザイン Inspired GitHub Color Scheme -GitHubのシ
Sublime text 2 正規表現で部分置換 - tkymtk's blog
例えばファイル中の visit '/static_pages/about' を visit about_path のように一部分だけ残して置換したい。 そのためには、マッチした部分を取得するために、取得したい文字列を括弧( )で囲む。 上記の例の場合、/static_pages/に続く文字を取得し、その取得した文字に_pathをつけたい。 ちなみにsublime text は正規表現のシンタックスにBoost Syntaxを用いている。 Perl Regular Expression Syntax - 1.47.0 正規表現は次のようになる。 '/static_pages/(.*)' これで/static_pagesに続く任意の文字を取得することができる。 Sublime text2でこれをやるには、 まずはShift + Command + F で下に入力欄を出す。 （現在のファイルのみ
WindowsのSublime Text3でPackage Controlが表示されなくなった時の解決法 | きむおばブログ
このブログではアフィリエイト・アドセンス広告を利用しています 当ブログでは、アドセンス・アフィリエイト広告を掲載しています。 消費者庁が発表しているルールに沿って記事を作成していますが、問題のある表現を見つけた際にはご連絡ください。 Windows10にSublimeText3をインストールして利用していたのですが、ブログにSublimeText3のインストール手順から日本語化までをまとめようといじっていたら、Package Controlが全く見つからなくなってしまいました。さっき、無事に解決したので、方法を残しておきたいと思います。こんなの役に立つ人いるかな… 目次（読みたいところへジャンプ！） Package Controlのインストール手順を確認中にPackage Controlが消えた SublimeText3をインストールしたら、次はPackage Controlのインストール
Sublime Textで特定の拡張子にデフォルトのシンタックスを紐付ける - Qiita
最近 .eslintrc とか .jscsrc とかの設定ファイルが増えてきたけどSTはそんな新しい拡張子のファイルはシンタックスハイライトしてくれないから自分で設定する。 設定方法 該当拡張子ファイルを開く View -> Syntax -> Open All with current extension as... で好きなシンタックスを選択 ※ Open All with current extension as...を選ぶこと Preferences -> Settings More -> Syntax Specific - Userを選択 XXXX(選んだシンタックス名).sublime-settings のファイルが出来てるので、extensions の値の配列に他にも追加したい拡張子があれば足す 設定ファイルの置き場 ~/Library/Application Suport/
オヤマ日記飴
「Sublime Text」があまりに小気味よく動くので、ネットで機能を探しまくる時間を惜しむべく書籍を買った。体系的にまとめられているので助かる。わかりやすいし。 「Web制作者のためのSublime Textの教科書」 「画面分割」機能 「View」メニューの「Layout」から「Column:2」などを選択すると、異なるファイルを横に並べることが出来る。 HTMLとCSSを修正する時とか、色々、便利ですねー。 さらに便利なのは、１つのファイルを分割して見れる！ 分割したいファイルを開いておいて、 「File」メニューの「New Vie into File」を選択する（だけ） これを、３つ、４つと分割して表示出来る。
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
え！？わずか1秒でCSS / JavaScriptファイルを圧縮！Sublime Text3にYUI Compressorを入れてみた。 | ザ・サイベース
ファイルを圧縮するってどういうこと？サイトの読み込み速度などを意識するようになると、ファイルを圧縮したくなると思います。 圧縮というとなんだか難しそうですが、要はCSSやJavaScriptなどで、人がコードを見やすいように使用した、改行やタブ、半角スペースなどによるインデント、コメントなどを削除して少しでもファイルサイズを減らして、ブラウザの読み込み速度を向上させようとする作業のことです。 圧縮前のファイル名が「common.css」だとすると、圧縮後は「common.min.css」といった名称でファイル名を付けることが多いですね。 ファイルの圧縮ってどうやってやるの？これまでは、ファイルの圧縮を行う際はインターネット上のサービスを使用して、ブラウザ経由で圧縮することをよくやっていました。 http://ganquan.info/yui/ http://refresh-sf.com/
プログラミングやマークアップで特に役立つ、Sublime Textの標準機能 - Build Insider
Expand Selection to WordでのTipsをいくつか紹介する。 例えば1つおきに編集したい場合などは、Ctrl(Win)／Command(Mac)＋Kキーで選択がスキップできる（図2.1）。また、Ctrl(Win)／Command(Mac)＋Dキーを入力しすぎて、想定よりも多く選択してしまった場合は、Ctrl(Win)／Command(Mac)＋Uキーで、選択をUndoできる。ちなみに、Ctrl(Win)／Command(Mac)＋Uキーは、Ctrl(Win)／Command(Mac)＋ZキーではUndoできないものをサポートしているので、ここで解説している例だけでなく、例えば複数行選択で↓キーを押しすぎた場合などでも利用できる。 また、同じ文字列を一気に複数選択する場合は、Alt＋F3キー（Win）／Ctrl＋Command＋Gキー（Mac）で行える。 Expand S
Sublime Text 2での複数ファイルの一斉置換
HTMLのコーディングしていると、複数ページの同じ箇所を一気に置換することがあると思うのですが、それのSublime Text 2で実行する方法です。 複数ファイルでの検索と置換 上のメニューバーから「Find」→「Find in Files…」（もしくはショートカットでCtrl+Shift+f）を選択します。 そうすると入力できる箇所が3つでてきます。 上から「検索する文字列」「フォルダの場所」「置き換える文字列」になります。プロジェクトを指定しているとき又は検索対象のファイルを全部開いている時は、 真ん中のWhereは選択しなくて大丈夫です。 ちなみに検索だけすると以下のような感じで該当ページと箇所を教えてくれます。 あと、ファイルを開いていない状態で、置換すると置換したページが全て開きます。 というわけで簡単ではありますが、複数ファイルでの検索と置換でした。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - itsthatguy/theme-itg-flat: A flat theme for Sublime Text that supports both retina and non-retina.
Sublime Text 2, 3の使いやすいテーマのまとめ
SublimeTextで選択した行を逆順にする(Reverse) – Lifelog
YUI Compressor - Packages - Package Control
GitHub - clintberry/sublime-text-2-ini: INI syntax highlighting for Sublime Text 2
Right colors of php.ini