メインアイコン myPortfolio

WORKS

Works 004
旧ポートフォリオサイト
制作期間
3週間
担当領域
, , , , , , , , , , , , , ,

カテゴリー:

訓練校在籍時に作成したポートフォリオで、私がポートフォリオを作るなら、ぜひやりたいと考えていた、演出を多く入れています。

 

ただし私自身の技術の未熟さもあり、挙動が重かったり、ブラウザによっては、レイアウトが崩れたりと、非実用的なものになってしまいまったため、現在は後述のポートフォリオサイトを使用しています。

 

※この作品以降の作品では、ウェブ解析士の資格取得時に学習したGoogle Analytics を導入しています。

 

 

SVG アニメーション

太陽系の惑星が動く美しいアニメーションを入れたいと考え、SVG アニメーションを導入しました。

今回は、短期間で実装したかったこともあり、Adobe Animate CC の拡張機能「Snap.svg Animator」を使用しています。

 

 

 

セクションスクロール

Apple の製品サイトをイメージしたサイトを制作したいと考え、jQuery のプラグイン「fullPage.js」を用いて、縦にスクロールしていくと、クロスフェードでセクションが切り替わるようにしています。

 

一覧へ戻る