WordPressの初心者が独学でホームページ作成したときの技術メモ
2015/01/26
レスポンシブのWebサイトを作成するときウィンドウ幅を見ながら画面表示をみたいので、こんなことをしていた。
<script>
$(function(){
$(window).resize(function() {
console.log($(window).width());
});
});
</script>
ウィンドウ幅が変わるたびにconsole.logでブラウザの開発ツール上で表示させていた。
スポンサーリンク
上記のようなことしなくてもよかった。
ブラウザ（ForeFox）の開発ツールを起動し、下記に示すところに「レスポンシブデザインモード」というものがあった。
「レスポンシブデザインモード」をクリックすると、
表示が切り替わり、ウィンドウサイズを自由に変更でき、サイズも確認することができました。
ずっと知らなかった・・・・
今回はFireFoxですがおそらくChromeでもあるでしょう。
ブラウザ標準搭載の開発ツールにはいろいろ機能があるけど全然使いこなせてない気がする・・・
あるお店の各スタッフのアメーバブログの更新情報をホームページに乗せることになり、 …
デジカメの画像データなどファイル名を管理する時、「好きな名前」＋「通し番号」を付 …
Google Analytics でアクセス解析したいとき、管理者からのアクセス …
簡単に無料でネットショップが開設できるサービス「BASE」。無料ってのがとても魅 …
「Ctrl＋C」 でクリップボードにコピーできるのは通常1つで、1つ前にコピーし …
Windowsマシンを使って十数年、この度マシンをMacに移行することになりまし …
2015年6月にfacebookをwebサイトに埋め込むには「like box」 …
bootstrap便利です。WEB製作でレスポンシブ対応するときこれを使ってます …
PhotoShopの初心者の私です。今回、画像に写っている邪魔な物体を削除するの …
リモート会議するときに使用してたマイクスピーカーのAvaya B109が突然動か …
