SassのデバッグにSource Mapsを使うべきたくさんの理由 | Dress Cording

2013/05/13 101 users Sass Compass デバッグ エディタ CSS

SassやCompassをChrome Developer ToolsでデバッグしたいのにCSSしか参照できなくて困ったり、編集したコードをコピペするのが面倒、エディタに即時反映できたらいいのにって思ったことはありませんか？ この悩みを、Source MapsとChrome拡張「Tincr」を使って解決する方法をご紹介をします。 一連の流れを動画に撮ってみました。 1. Source MapsでS... 続きを読む

hagino3000's blog: Tincrを使って、Chrome Developer Toolsでの変更をソースコードに反映する

2013/02/17 33 users 手癖 Chrome Developer Tools 逆方向

2013-02-18 Tincrを使って、Chrome Developer Toolsでの変更をソースコードに反映する JS開発ツールの話。Cmd+Opt+j や Cmd+Opt+i が手癖になってる人向け。タイトルのTicrはChrome Developer Toolsのプラグインで、ファイルシステム上の変更を検知してブラウザをリロードするのと、その逆方向であるDeveloper Tools上で... 続きを読む

Google Chromeを使ったWebシステム開発がもっと簡単になる「Tincr」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/01/21 54 users デベロッパーツール ソフトウェア エンジニア オープンソース

TincrはGoogle Chromeデベロッパーツール上の修正をローカルファイルに反映できるソフトウェアです。Webシステムを開発している際にGoogle Chromeのデベロッパーツールはおおいに役立ちます。Web上での修正をそのままローカルに反映できるTincrを使うとさらに便利になるでしょう。 インストールします。Google Chrome機能拡張として提供されています。 開発中のサイトで... 続きを読む