Web Design Coding

HTMLやCSSなどWebデザインのコーディングに関する記事を掲載しています。

CSS3 レスポンシブデザイン ブレークポイントでデザインの変更をアニメーションする CSS

CSS3 レスポンシブデザイン ブレークポイントでデザインの変更をアニメーションする

Webサイトのレスポンシブ化が当たり前になってきました。今回は、ブレークポイントでCSSの切り替えをアニメーションする方法の解説です。 レスポンシブデザインとは? レスポンシブデザインとは、画面サイズの異なる端末(PC、タブレット、スマートフォンなど)でサイトを閲覧した際、それぞれの画面サイズに最適…
ブログやWebサイトに掲載する画像ファイルの最適化 Application

ブログやWebサイトに掲載する画像ファイルの最適化

現在のサイトに利用されている画像ファイルはRetina対応などで高解像度の画像ファイルが多数ありコンテンツのダウンロードに時間がかかります。今回はこれらを最適化する方法を記事にしました。 画像ファイルが重いとなぜダメなのか? 画像ファイルが重いとコンテンツの表示速度が極端に遅くなります。検索結果など…
メールフォーム作成時の備忘録 button type HTML

メールフォーム作成時の備忘録 button type

メールフォームはプログラムではよくある案件です。今回、一部のIE11(インターネットエクスプローラ11)で起きた現象への対処法の備忘録です。 IE11(インターネットエクスプローラ11)でメールが二重送信されてしまう PHPの関数「mb_send_mail()」でメールを送信しているのですが、「送信…
CSSフレームワーク Bootstrap 4 チートシート CSS

CSSフレームワーク Bootstrap 4 チートシート

WEBサイトのコーディングで幅広く利用されているCSSフレームワークのBootstrapですが、個人的にはフロントではほとんど利用しませんが、そこまでデザインを気にしないシステムの管理画面で大変お世話になっています。 あくまで管理画面などで簡易に利用する場合ですが、非常に便利なサイトを見つけたので記…