You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
次に、Sublime Text 3を起動して、Package Controlを開きます。↓↓ Install Packageをクリックします。↓↓ GhostTextと入力して、GhostTextをクリックすればインストール完了です。↓↓ GhostText for Chromeの使い方。 まず、テキストフィールドのあるページにアクセスします。 そして、Chromeの右端にある、GhostTextアイコンをクリックします。↓↓ こんなボックスが表示されるので、編集したいテキストフィールドにカーソルを当てます。↓↓ すると、テキストフィールドが青く囲われて、↓↓ Sublime Textにテキストフィールド内の文章が反映されます。なんて便利な!↓↓ さて、GhostTextが凄いのはこれだけじゃなく、なんとSublime Textで編集した文字がリアルタイムにChromeのテキストボックスに
Sublime Textのさまざまなパッケージの中から、利用シーン別におすすめのものを紹介。また、Sublime Textのパッケージの基本的な使い方として導入方法や有効化/無効化、削除の方法も説明する。 ← 前回 連載 INDEX 今回はSublime Textのさまざまなパッケージの中から、特におすすめのものを紹介する。 Sublime Textのパッケージ Sublime Text自体はオープンソース・ソフトウェアではないが、内部機能を操作するためのAPI(API Reference - Sublime Text 3 Documentation)が公開されている。また、メジャーなスクリプト言語であるPythonのランタイムが搭載されているので、誰でもパッケージを作成できる。 そのため、パッケージの作成は盛んで、2014年12月時点登録されている公式パッケージは2600以上となっている
BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。 紹介している主なチートシート Bootstrap 3, Foundation 5のチーシート CSSの各フレームワークの比較 WordPressのチートシート iOS, Androidのデザイン用のチートシート jQueryのチートシート HTML5, CSS3のチートシート ファビコンのチートシート 検索エンジン最適化2015年版のチートシート Chromeのデベロッパーツールのチートシート SublimeText, Emmetのチー
ファイルを圧縮するってどういうこと?サイトの読み込み速度などを意識するようになると、ファイルを圧縮したくなると思います。 圧縮というとなんだか難しそうですが、要はCSSやJavaScriptなどで、人がコードを見やすいように使用した、改行やタブ、半角スペースなどによるインデント、コメントなどを削除して少しでもファイルサイズを減らして、ブラウザの読み込み速度を向上させようとする作業のことです。 圧縮前のファイル名が「common.css」だとすると、圧縮後は「common.min.css」といった名称でファイル名を付けることが多いですね。 ファイルの圧縮ってどうやってやるの?これまでは、ファイルの圧縮を行う際はインターネット上のサービスを使用して、ブラウザ経由で圧縮することをよくやっていました。 http://ganquan.info/yui/ http://refresh-sf.com/
Mac のプレビューなどから Sublime Text にコピペした際に、濁点・半濁点が分解されてしまうことがあります。 この問題を、Sublime Text の教科書の共著者上野さん ( @astronaughts ) がパッケージで解決してくれました。 astronaughts/SublimeNFDToNFCPaste Sublime Text 2 および 3 ( Build 3061 ) にて動作確認をしています。 2014年4月3日追記: Package Control 経由でインストール可能になりました。 他のパッケージと同じく、Package Control: Install Package で SublimeNFDToNFCPaste を検索、インストールしてください。 記事公開時点では sublime.wbond.net に登録されていないので、以下の手順を踏んでインストー
この記事ではDefault設定ファイルにどのような記述がされているか、その記述にどんな意味があるかを一つ一つ見ていきます。実際に設定をカスタマイズしてみたい方は、メニューのPreferencesタブの"Settings - User"からUser設定ファイルを開いてそこでいろいろ試してみましょう。 Sublime Text 2 のDefault設定ファイル 本文 Default設定ファイルとは、Sublime Text のデフォルトの動作の設定が記されたファイルのことです。Default設定ファイルはメニューのPreferencesタブの"Settings - Default"から開けます。 早速設定ファイルを眺めていきましょう。 設定ファイルは1個のJSONオブジェクトからなっています。このJSONオブジェクトに色々なプロパティを設定して、ひとつの設定ファイルとしているようですね。 その
最近周りで禁煙者が増加していることより、今月からショートホープのパッケージデザインが変わったことの方が微妙な心持ちのショートホープです。 Web制作の仕事をしているならば、何かしら「エディタ」を利用していることと思う。最近かなりのシェアで利用されていると思われるのがSublime Textだ。動作が軽い、便利機能がてんこ盛り、パッケージをインストールしてさらなる機能追加が容易で拡張性に富む、などメリットは大きい。MacとWinどちらでも使えることを知って飛びついたが、実はショートカットのキーの組み合わせが全く違っていた(´・ω・`) 調べてみたらもう1年半以上使っていた(使い始めたのはこの勉強会に参加した日から)ものの、最初にあれこれ設定したあとはほぼその設定のまま来てしまっていたので、ここらでちょっと自分の設定を見直しがてら使っている設定状況を晒してみようと思う。 2015.1.16 追
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く