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

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

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

Chrome Developer Toolsを使いこなそう！

2013/03/28 547 users Toru Yoshikawa developers ＷＨＯ

Chrome Developer Toolsを使いこなそう！ Presentation Transcript Chrome  Developer  Tools  を 使いこなそう！ 2013/03/28 Google  Developers  Live  Japan  #3 Toru  Yoshikawa  (@yoshikawa_̲t) Who?吉川  徹  /  Toru  Yoshikawa... 続きを読む

Chrome Developer Toolsのテーマを開発者好みに切り替える裏ワザ | Chrome Life

2012/11/06 108 users 裏ワザ Chrome Life テーマ Webインスペクター

Chromeをメインで使っている開発者の方は、Developer Toolsを開く機会も多いと思います。 一昔前はFirefoxでFirebugsを使っていた人も、Chromeのバージョンが上がったことによりDeveloper Toolsでも同等のことができるようになりました。 Chrome Developer Toolsを使えば、WebインスペクターでDOMツリーの確認やCSSの微調整、Java... 続きを読む

あなたが知らないかもしれない『Chrome Developer Tools』の裏ワザまとめ | IDEA*IDEA

2012/08/15 368 users IDEA 裏ワザまとめ あなた

ドットインストールの方でも紹介していますが、ざざっとまとめたくなったのでご紹介。 なお、ショートカットはMac用の表記なのでWinの方は適当に読み替えてくださいな。 ■ 全般 Developer Toolsを別ウィンドウ表示した状態でDeveloper Toolsを起動するとDeveloper Tools自体をデバッグできる（使いどころはないけど、JSとHTMLで出来ているのだなぁ、と知ることがで... 続きを読む

作業効率が10倍アップする Chrome Developer Tools の使い方 - テックノート＠ama-ch

2011/11/03 565 users Skitch 沢山 作業効率 資料 タイトル

というタイトルで社内勉強会を開きました。その時の資料を公開します。「作業効率が10倍アップする」かどうかは個人差があるのでご注意ください。最近のChrome Developer Toolsは本当に高機能ですごいですね！僕も資料を作っていて新しい発見が沢山ありました。作業効率が10倍アップする Chrome Developer Tools の使い方あとキャプチャをとるのに使ったSkitchが便利すぎ... 続きを読む