ホームページのローディングアニメ制作と作り方学習

Webサイトにアクセスすると、時折なめらかにかっこよくロゴマークが浮かび上がるサイトを見かけることが多かったので、今回はトップページアクセス時に表示されるローディングアニメーション制作を行ってみました。

できるだけ時間がかからず、軽量で、なおかつ滑らかにかっこよく表示されるローディングアニメを作成してみます。 今回はローディングイメージがループするタイプではなく、ローディング時にロゴマークのパーツがアニメーション描写されて形づくり、トップページが表示されるタイプのローアニです。 (ローディングアニメーションの文言が長いので、以後“ローアニ”と略称が登場しますが、ご了承ください。)

Webページ印刷のCSS設定について

ホームページを印刷するときに、レイアウトが崩れたり、ページが余白部分まで印刷されたり、ページが切れてしまうことがあります。

ホームページを上手に印刷するには基本的にCSSで修正してうまく印刷できるようにします。
(IEは比較的にバグが多いので個別の対応が必要になるかもしれません。)

修正対応方法は2つだけです。