Coda2が好きです。でもGoogle ChromeのDeveloper Toolsはもっと好きです。
HTMLだけ先にガッツリ書いてからChromeでプレビューしながらDeveloper ToolsでCSSを一気に書いて元ファイルにコピペするのが昔の自分のスタイルだったんですが少し前のバージョンから仕様変更でこの方法ができなくなりました。
そんな自分のようにDeveloper Toolsでガリガリ書く人にオススメなのが、編集したソースをDeveloper Tools上から元ファイルに保存することが可能な「Tincr」という拡張機能。
しかも導入も設定も簡単！！
続きを読む Chrome Developer Toolsで編集したコードを元ファイルにリアルタイムに反映させる拡張機能「Tincr」
確定申告に追われていてそれどころじゃない中、スマホ向けのWebサイト制作には必須となりそうなAdobe Shadowというツールが登場して使ってみたら凄まじく便利だったのでインストール方法と簡単な使い方をご紹介。
どういったアプリかというとMacもしくはWindows上のGoogle Chromeの画面とスマートフォン（iPhone、Andoroid）の画面を連携するという優れもの。深夜通販で紹介されたら「WoW！！」とか言っちゃいそうなぐらい欲しかったツールです。
1ヶ月程前にメモっておこうと思っておきながら途中まで書いてスッカリ忘れていましたが、Google ChromeのUserAgent（ユーザーエージェント）の切り替え機能を使って擬似的にスマホ（iOSやAndroid）環境の確認する方法です。
先日制作したカワイイものMARKETがスマホの場合にページを切り替えるようになっているので例としてご紹介します。上の画像はPCで見た時（デフォルト）の状態になります。
少し前までGoogle Chromeをメインブラウザとして使っていたんですが、Ironを使ってみたらユーザーにとってはChromeとまるで違い（Googleに情報を送信する機能などが削除）がなかったので乗り換えました。
機能やUIも一緒で拡張機能もそのまま使えるのでChromeの同期設定をそのまま引き継いで簡単にセットアップできたんですが、いくつかの拡張機能がインストールされてませんでした。おそらくChrome Web Storeに登録されているものだけが同期されるんじゃないかと。
で、いくつか手動で入れてたんですが既に配信を止めていてネット上に見当たらないのがあったので、どこかのフォルダ内にあるんじゃないかと、それを取ってくれば使えるんじゃないかと思って調べてみたら既にインストールされている拡張機能をパッケージ化して取り出す方法があったのでメモメモ。
iMacの購入を買ったことでPCが三台（iMac、MacBook、自作デスクトップWindows）になったので効率化を計るために各PCのメールやブックマークなどの同期化をすることにしました。（今までもある程度してたけど）
Windowsは主にブラウザの確認用なのでそんなに使わないのでMac間の同期がメインですがWindowsにも対応してます。
ちなみにWeb制作者のほとんどのMacユーザーはParallels
幸いWindows PCはあるので壊れるかXPのサポートが切れるかまではこのままで移行と思ってます。