横幅いっぱいのメイン画像を配置したレスポンシブコーディング【改訂版】
横幅いっぱいのメイン画像を配置したレスポンシブコーディング こちらの記事の改訂版になります。 横幅いっぱいのメイン画像を配置したレスポンシブコーディングのサンプルページ デザインファイル デザイナーから支給されたデザイン…
Posted : 2022.4.22
Update : 2022.4.22
html5/css3, responsive
ReadMore
レスポンシブコーディング：作業中のちょっとしたテクニック
テクニック…というほど大げさなものではありませんが、 スムーズに作業を進めるためにやっていることがたくさんありますので、言語化できるものをいくつかご紹介できれば。 ブレイクポイントごとに文字色を変える @media sc…
Posted : 2022.3.25
Update : 2022.3.25
html5/css3, responsive
ReadMore
縦横比を固定したままiframeや画像を表示する
margin と padding を ％で表すときは、親要素の横幅が基準となります。 上下のmargin/paddingも、親要素の【横幅】が基準です。 レスポンシブコーディング時は、これを便利にいろいろなところで活用し…
Posted : 2018.4.25
Update : 2018.4.25
html5/css3, responsive
ReadMore
横幅いっぱいのメイン画像を配置したレスポンシブコーディング
この記事には【改訂版】がございます。 是非下記の記事をご覧ください。 横幅いっぱいのメイン画像を配置したレスポンシブコーディング【改訂版】 用意されたデザインファイルは下記のような感じ。 メインイメージの青枠の部分はマス…
Posted : 2018.3.21
Update : 2022.4.29
html5/css3, responsive
ReadMore