niwadesign

ホームページ制作のネタ発信

html 仕事術

Chromeのディベロッパーツールを別ウィンドウにする方法

投稿日:

ディベロッパーツール

最近PCを買い替えていつものようにディベロッパーツールを使おうと開いたら、ブラウザから分離できない。。。
調べてみたら、下右に移動させるアイコンを長押しすると別ウィンドウのアイコンが表示される。
わかりにくい。。。

-html, 仕事術

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Macでディレクトリ階層の一覧を作る方法

仕事をしていてよく納品ファイルの一覧が欲しいと言われることがあります。 ファイル数が少なければフォルダ内にあるファイルを選択肢てエディタに貼り付けるだけでいいのですが、 階層も深くファイル数も多い場合 …

Dreamweaverでよく使うショートカット

普段ボクがコーディングする上でよく使うショートカットの紹介 ⌘(コマンド)+1〜6 h1〜h6 ⌘(コマンド)+Shift+P pタグ ⌘(コマンド)+B strongタグ ⌘(コマンド)+alt+T …

スマホサイト(iPhone)のソースコード(htmlソース)確認方法

スマホサイトを制作する時に、たまに実機でjsの挙動などソースコード(htmlソース)を確認したい時があります。 そんな時、役に立つ小技をご紹介。 Bookmarklet(ブックマークレット)を使った方 …

pngyu

png画像をより軽くする方法

pngyu 最近のWEB制作ではpng画像をよく使います。1つ1つはそれほど重くなくても、数が増えるとやはり、表示速度が遅延する原因になります。 そこで、クオリティをほとんど落とさずにpng画像を軽量 …

スマホサイト(iPhone)のソースコード(htmlソース)MacのSafariで確認する方法

前回ブックマークレットを使ってのソースコードの確認方法を紹介しましたが、 今回はMacのSafariを使ってのソースコードの確認方法をご紹介します。 ■iPhoneの設定 設定 > Safari > …