2ステップでできるサイトをスマートフォンに対応させる方法

スマホに対応したサイトとは

スマートフォン表示に対応したサイトの多くは画面サイズによって、Webサイトのコンテンツの大きさを変更したり、表示位置を移動してWebページを見やすくしています。

たとえば、スマートフォンでWebサイトを閲覧したときに、折りたたまれたメニューを見たことがある方も多いのではないでしょうか。

スマートフォンで表示したサイト画面
スマートフォンで表示したサイト

そのような画面サイズによって、Webページのコンテンツのレイアウトを変更する手法を、… 続きを読む

3ステップでセレクトボックスにプレースホルダーを設定する方法

はじめに

selectタグに「選択してください」などのプレースホルダーを表示させたいことがあるとか思います。
本記事では、optionタグに属性値と呼ばれる情報を設定していきます。たったこれだけで、簡単にプレースホルダーを実装できます。

デモ

下記は本記事で作成する、プレースホルダーを設定したセレクトボックスのデモです。… 続きを読む