Webデザイナーのためのブラウザ検証機能講座

Webサイトを作っていく際、デザイン調整やデバックに欠かせないブラウザのデベロッパーツール(検証機能)の使い方について解説します。

プレミアムサービスを見る
※この講座はプレミアムサービスに加入する必要があります。

レベル

ビギナー

期間

1日約1時間で 0日間

Webサイトを作っていく際、デザイン調整やデバックに欠かせないブラウザのデベロッパーツール(検証機能)の使い方について解説します。Google Chromeなどの検証機能を活用することで上手く行かない箇所の修正や、スマホ・タブレット表示の確認がスムーズに行えるようになりますよ。

レッスン


ブラウザ検証機能(デベロッパーツール)とは

Chrome検証画面の見かた

HTMLとCSSを確認する

HTMLとCSSを打ち換えてみる

東京ビートルズのサイトを直してみよう

Zooloppaサイトを直してみよう

Zooloppaのスマホ表示を調整しよう

Zooloppaサイトをアレンジしよう(positionプロパティ使用)

×