サンプルサイトーヘッダー編
第１回: ヘッダーとナビゲーション4回に分けて部分的に作成して4回目には１枚のLPが完成するようになっています。 模写サンプルサイト elementary001
続きを読む →
css
おすすめのcss記事
AdSense 横スクロール問題の解決方法【CSSで簡単に解決】
はじめに Google AdSenseを設置したときに、広告がはみ出して 横スクロールバーが出てしまう トラブルはよくあります。特にレスポンシブ広告ユニットをPCやスマホに組み込むと、CSSの設定次第…
波打つラインアニメーション｜FlipWave UI実装ガイド
Webサイトのビジュアルエフェクトとして、画像の切り替えアニメーションはとても重要です。本記事では 「FlipWave」 というタイル状に分割された画像がめくれながら切り替わるアニメーションを GSA…
メディアクエリの基本と活用法｜レスポンシブデザインを簡単に実現する方法
メディアクエリ（Media Queries）とは？ メディアクエリは、CSSの機能で、異なるデバイスや画面のサイズに応じてスタイルを適用するために使います。これにより、レスポンシブデザイン（画面サイズ…