SublimeText2ちょっといいかもね。SublimeText2ちょっといいかもね。SublimeText2ちょっといいかもね。TweetPocket最近いろいろなブログで目にすることが増えてきたので試しに使ってみることにしました。その名の通りテキストエディタです。GoogleChromeのリアルタイム更新。CSSファイルをいじると表示がリアルタイムに更新されるらしいので、とりあえずこれだけ試そうと実際使ってみたらちょっと感動しました。ダウンロードしてインストール。Controlをインストール。エディタ最下部に出てきたコンソール内に、下記テキストをペースト。ここまででプラグインを入れる準備が完了。出てきたフォームに「install」と入力。Packages」を選択。出てきたフォームに「livestyle」と入力。出てきたら選択してEnter。今度はブラウザ側の設定。LiveStyleプラグインをインストールして有効にする。「F12」、または編集したいサイトのブラウザ上で右クリック「要素を検証」。タブの一番右にLivestyeがあったらクリック。編集したいサイトのCSSをSublimeText2を起動。12.こうなってたらOK。複数ファイルある場合は必要なCSSファイルをSublimeText2で開いておけば全部セレクトボックスの項目として出てきます。出てきたものを紐付けして完了です。この状態で開発者ツールのElements上で編集しても、SublimeText2上でCSSを編集してもどちらもリアルタイムで反映されます。使い始めて間もないのでプラグインやショートコードなどわかりませんがもし使いこなせるようになったら結構いいかも。いうことで記事を書きました。個人的な使い方として、ブラウザ上の開発者ツールで使うよりブラウザとエディタを並べてエディタ側で編集してリアルタイムで更新される様を見るのが何とも心地よいです。モニターが狭いと使いにくいのでデュアルモニタ、もしくはiMacの27インチとか高解像度のモニタを使用してる人なんかは相当快適なんじゃないかと思いました。wow.jsとanimate.cssでかんたんアニメーション!訪問時にフェードイン、そして別ページへ遷移時にフェードアウトするやつ農家さん直営の通販サイトWordPressプラグインその2bxsliderで2枚目以降の画像もブラウザ幅いっぱいに表示してみる。WPtouchのメニューボタンの表示が縦になってる。メールアドレスが公開されることはありません。仕事と子育てを楽しむパパです。趣味は漫画、映画、海外ドラマ、波乗り、スノボ、カメラ。最近いけてないけど旅行も大好き。ディレクション、アパレル、写真、店舗プロデュースなどなどなんでもこなします。サーフボードのフィンボックスをリペアしてみた。おしゃれデザインフォームが作れるGridForms。売れている通販サイトの特徴をリストアップしてみた。Charisma.com(カリスマドットコム)やばい。スズキアルトラパンのスモールライト(ポジション灯)交換してみた。bxsliderで2枚目以降の画像もブラウザ幅いっぱいに表示してみる。サーフボードのフィンボックスをリペアしてみた。APIでアメブロ(広告削除)とかWordPressとか。Bad(ブレイキングバッド)やばい面白い。