動画・Web制作

Webページのレイアウトを整える上で欠かせないのが、CSSの「display」プロパティです。中でも「display: block」は非常によく使われる基本的な指定ですが、意外とその正確な意味や使いど

モーダルウィンドウ（ポップアップ）は、ユーザーの注目を集めるためにWebページでよく使われるUIパーツの一つです。ログインフォーム、画像の拡大表示、注意喚起など、さまざまな用途で活躍します。しかし、モ

Webページで日付を入力する場面は、予約フォームやスケジュール調整、誕生日の登録など、さまざまなシーンで登場します。そんなときに便利なのが「日付ピッカー（日付選択ウィジェット）」です。ユーザーがカレン

スマートフォンやタブレット、パソコンなど、あらゆるデバイスで快適に見られるWebサイトを作るには「レスポンシブデザイン」が欠かせません。特にナビゲーションバー（メニュー）はユーザー体験を大きく左右する

Webページのレイアウトを整えるうえで、CSSのFlexbox（フレックスボックス）は欠かせない存在となっています。従来のfloatやinline-blockに比べて、柔軟で直感的な配置が可能なFle

Webデザインの自由度を大きく広げてくれる「CSS Grid」。従来のFlexboxでは実現しにくかった複雑なレイアウトも、Gridを使えばシンプルなコードで実装できます。この記事では、CSS Gri

Webページのレイアウトで定番の一つが「3カラムレイアウト」です。左右にナビゲーションや広告、中央にコンテンツを配置することで、情報を整理して伝えることができるため、ブログやニュースサイト、企業ホーム

Webサイトを作るときによく使われるレイアウトの1つに「2カラムレイアウト」があります。左右に分かれたシンプルな構成ながら、情報を整理しやすく、ブログや企業サイトなど幅広く活用されています。この記事で

Webサイトの下部に表示される「フッター」は、サイト全体の印象を引き締める大切なパーツです。企業サイトや個人ブログ、ECサイトなど、どのようなジャンルのサイトでもフッターは必ずと言っていいほど設置され

Webページを閲覧していると、上部にあるナビゲーションバーやロゴなどの「ヘッダー」が、スクロールしても常に画面上部に表示されているサイトをよく見かけます。これは「固定ヘッダー（Sticky Heade