はてなブックマーク

現在ではレスポンシブデザインが当たり前になっています。 フォントサイズはどうでしょう？ 画面の大きさでフォントサイズを分けて設定していませんか？ 今回はフォントサイズは自動で調節するようにするテクニックを紹介します。

iPhoneは特殊な画面をしています。 Webサイトもその特殊な画面に合わせたデザインだと好印象です。 今回はiPhoneの対応方法とその確認の方法について紹介します。 iPhoneの画面は、上部にあるノッチと呼ばれるカメラなどを内蔵した特殊な形のフレームがあります。 また、下部にはホームバーと呼ばれるiPhoneを操作するためのエリアも存在します。 Webサイトもそれに合うように、デザインを調節する必要があります。 iPhoneに対応していないWebサイト iPhoneに対応していないWebサイトの場合は、iPhoneの画面のノッチに重ならないように画面内に余白が作られます。 iPhoneの向きによって、画面内の余白が自動的に作られて次のような見た目になります。 縦向きの場合 (portrait) iPhoneを縦向きにしてWebサイトを表示した例です。 この場合、画面上部のノッチにデザ

WEBページの作るのって大変そう... っと思われてる方！！ そんなことないです。 パソコンさえあれば、すぐ始められます。 ハイスペックのパソコンなんていりません!!普通のパソコンで十分です。 今回はWebページの作成に必要なものとWebとはどんなものなのか解説しています。