山口さんの新規事業用のWebサイト、トップページの作成ラスト

MATSUMOTO Kazuki

今日は、前回にできなかったモバイル向け表示のコーディングとアニメーションを作成しました。

モバイル向け表示のコーディングは午前中に終わることができました。ただ、この後にやったアニメーションが13時から19時の6時間ほどかかりました。慣れていない、初めてアニメーションを触ったというのもあると思います。

slickを使った3カラム~1カラムのカルーセルを埋め込みました。slickはBootstrapのcolを使って制御すると、うまく動作しないようです。なので、はずしてやる必要があります。

最後は、ローディングアニメーションです。かなり時間がかかりました。これは、アクセスした時にロゴが弾み、弾み終わったら周囲のコンテンツを表示するというものです。