タグ

ブックマーク / ozpa-h4.com (4)

  • Sublime TextでSass(Scss)をコンパイルしたCSSファイルをサーバへ自動的にアップロードする方法

    こんにちは。 Scssをどう読んでいいかわからず「すこす」と読んではなんだか東北訛りっぽさを演出しているおつぱ( @OZPA )です。 さて、先日Sublime TextのみでCompassとSass(Scss)を使えるようにセッティングをした訳なんですが、コンパイルしたCSSを自動的にサーバへアップロードしてくれる設定がありましたのでご紹介。 設定 まずはSublime TextでCompass + Sass(Scss)を使えるように設定して、保存したファイルを直接サーバへアップロードできるように設定しておきましょう:) 「Sublime Text 2」でフォルダーをプロジェクトとして扱う方法と、アプリ内でFTPサーバに直接アップロードする方法 試しにこんなフォルダを作成してみます。 [css] /*– Scss –*/ @charset "utf-8"; @import "compas

    Sublime TextでSass(Scss)をコンパイルしたCSSファイルをサーバへ自動的にアップロードする方法
  • Sublime Textのプラグイン「Goto CSS Declaration」が素晴らしく便利で泣けてきた

    今日も今日とてSublime Text 2にてコーディングをしているわけなんですが、@kojika17 先生(通称:まぼろしの神)からGoto CSS declarationと言うプラグインを教わって導入したところ、これが素晴らしく素晴らしいので素晴らしさをお伝えしようと思います。 rmaksim/Sublime-Text-2-Goto-CSS-Declaration どんなプラグインか こちらのGoto CSS declaration、どういったものかと言いますとhtmlのID、クラスにカーソルを合わせてキーを押すと該当のcssの編集箇所にカーソルが飛ぶと言うもの。嗚呼説明しづらい。 まぁプラグインのgithubに行ってもらえばそこにあるgif動画でどんなものか一目瞭然なのですが、私もgif作ってみました。 プラグインはPackage Control から「gotocssdeclarat

    Sublime Textのプラグイン「Goto CSS Declaration」が素晴らしく便利で泣けてきた
  • Mac標準アプリ「Automator」でファイル名を一括リネームする方法

    途方に暮れていた私に、和洋風◎の@isloop くんが教えてくれたのが、Macデフォルトアプリの「Automator」を使用してリネームする、と言う方法でした。 よく考えたらAutomatorをほとんど使っていなかった私。 試してみたらこれが非常に便利で快適でしびれるねぇだったので設定方法をご紹介。 連番付きのファイル名にする場合 まずは、連番付きのファイル名にする場合です。 Automatorを起動、「サービス」を選び、右下の選択ボタンをクリック。 次に、画面上部の 「”サービス”は、次の選択項目を受け取ります:」の部分のタブをひっぱり、イメージファイルを選択します(今回は画像のリネームを行うワークフローを作成するため) つづいて、その右の「検索対象」のタブをFinderに設定。 次に、検索窓にfinderと打ち込み、「Finder項目の名前を変更」と言うフローを見つけましたら、そいつを

    Mac標準アプリ「Automator」でファイル名を一括リネームする方法
    jotaki
    jotaki 2014/03/19
  • 「Sublime Text 2」にて特定のフォルダ内にあるファイルの文字列を一斉に検索・置換する方法

    先日DLしました高機能テキストエディタ「Sublime Text 2」における、特定のフォルダ内または開いているプロジェクト内の文字列を一斉に検索・置換する方法の作業メモ。 Sublime Text 2での一斉検索・置換 「Sublime Text 2」でのフォルダ内における文字列の一斉検索は「Find→Find in Files」より行います。 ショートカットは「command(winはCtrl)+ shift + F」です。 あとは出てきたウィンドウに文字列を入力すればおk。特に場所を指定しない場合は現在開いているフォルダーorプロジェクト内の文字列を検索してくれます。 また、左側のアイコンをクリックすれば「正規表現」や「大文字小文字を判別」と言ったオプションを使用することも可能です。 また、真ん中のボタンをクリックすると検索するフォルダーやファイルを選択できます。 ありがたいのは「c

    「Sublime Text 2」にて特定のフォルダ内にあるファイルの文字列を一斉に検索・置換する方法
  • 1