準中級 HTMLとCSSパーツ

第４回: footer 1. Flexboxの基礎 Flexboxは、従来のfloatやinline-blockなどでは難しかった以下のようなレイアウトが簡単にできます。 複雑なレスポンシブデザインが…

第３回: gridセクション 1. グリッドレイアウトの基礎 このページは、CSSのgridプロパティを使ってレイアウトが整えられています。グリッドレイアウトは、行と列を使ってページを分割し、それぞれ…

第２回: ヒーローセクション 「ヒーロー」セクションでは、カーテンアニメーションを実装しています。このアニメーションは、ページが読み込まれた際に視覚的なインパクトを与える効果を狙ったものです。 カーテ…

第１回: ヘッダーとナビゲーション4回に分けて部分的に作成して4回目には１枚のLPが完成するようになっています。 模写サンプルサイト　　elementary001