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

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

投稿日：2015/4/30 木曜日

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

執筆者：takehito

comment

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

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

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

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

: タグの機能

相対パスで記述されたURLのベース（基準）をhead内で指定すると画像やリンク先のパスがベース（基準）で指定されたURLを基準に表示されます。今日初めて知りました。 <head> &lt …

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

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