BLOG
横幅いっぱいのメイン画像を配置したレスポンシブコーディング こちらの記事の改訂版になります。 横幅いっぱいのメイン画像を配置したレスポンシブコーディングのサンプルページ デザインファイル デザイナーから支給されたデザイン…
テクニック…というほど大げさなものではありませんが、 スムーズに作業を進めるためにやっていることがたくさんありますので、言語化できるものをいくつかご紹介できれば。 ブレイクポイントごとに文字色を変える @media sc…
いわゆるサブタイトル付きのページタイトルです。 前提として、ページタイトルには「お知らせ」、 ページスラッグは「information」と設定した場合の例です。 自分の作業用のメモとしてまとめました。 サブタイトルがすべ…
下記サンプルページのような、グラデーションで表現されたボタンのマウスオーバーを、cssのみでフェード処理をする方法をご紹介いたします。 グラデーションボタンマウスオーバーのサンプルページ ボタンなどに使うhoverの変化…
margin と padding を ％で表すときは、親要素の横幅が基準となります。 上下のmargin/paddingも、親要素の【横幅】が基準です。 レスポンシブコーディング時は、これを便利にいろいろなところで活用し…