もりのくまさん

『楽しく、ゆるく、自由に生きる』
が人生のモットー。
34歳にてWEB制作をスタート▶2021年5月にフリーランス開始。 『Web制作』や『フリーランス』を主に発信していきます。
お問い合わせはこちらから

アニメーション コーディング

2022/7/24

【ローディングアニメーションをつくってみよう】

アニメーションはユーザーに「退屈にさせない、ストレスを与えない、飽きさせない」などの効果をもたらせます。 サイトのロード時間が3秒以上あるとユーザーの半分が離脱すると言われています。ローディングアニメーションをつかってサイトのUXを高めていきましょう。基本的には以下のコードをコピペすれば、簡単に実装できます。 ローディング画面をつくってみよう 今回はCSSとjQueryを使ってローディングアニメーションを作っていきます。まずは以下が完成形となります。 ファイル階層は以下のとおりです   jQue ...