サンプルサイトーフッター編
第４回: footer 1. Flexboxの基礎 Flexboxは、従来のfloatやinline-blockなどでは難しかった以下のようなレイアウトが簡単にできます。 複雑なレスポンシブデザインが…
続きを読む →
html
サンプルサイトーセクション編
第３回: gridセクション 1. グリッドレイアウトの基礎 このページは、CSSのgridプロパティを使ってレイアウトが整えられています。グリッドレイアウトは、行と列を使ってページを分割し、それぞれ…
おすすめのhtml記事
CSS初心者向け練習問題｜プロパティの基礎から簡単なレイアウト作成まで
はじめに CSSは、Webページのデザインやレイアウトを整えるために欠かせない技術です。本記事では、CSSの基礎を学べる練習問題を用意しました。初心者向けにわかりやすく解説し、実際のWebページでよく…
写真館サンプルサイト
<picture> タグ HTMLの<picture>タグは、レスポンシブデザインやパフォーマンス向上に非常に役立つ画像要素です。 1. レスポンシブデザインへの対応 2. パ…
PHPMailer対応：PHPお問い合わせフォームの作り方｜確認画面・メール送信付きサンプルコード
PHP お問い合わせフォームの作り方｜確認画面・メール送信付きサンプルコード PHPでお問い合わせフォームを作成する方法を解説します。今回は、入力フォーム → 確認画面 → メール送信 → 送信完了画…