WORKS

- Works 004
- 旧ポートフォリオサイト
- 制作期間
- 3週間
- 担当領域
- 企画, ライティング, ワイヤーフレーム, コーディング, 画像編集, HTML, CSS, JavaScript, jQuery, PHP(WordPress以外), Sublime Text, Photoshop, Illustrator, Animate, Google Analytics
カテゴリー:職業訓練校の課題
訓練校在籍時に作成したポートフォリオで、私がポートフォリオを作るなら、ぜひやりたいと考えていた、演出を多く入れています。
ただし私自身の技術の未熟さもあり、挙動が重かったり、ブラウザによっては、レイアウトが崩れたりと、非実用的なものになってしまいまったため、現在は後述のポートフォリオサイトを使用しています。
※この作品以降の作品では、ウェブ解析士の資格取得時に学習したGoogle Analytics を導入しています。
SVG アニメーション
太陽系の惑星が動く美しいアニメーションを入れたいと考え、SVG アニメーションを導入しました。
今回は、短期間で実装したかったこともあり、Adobe Animate CC の拡張機能「Snap.svg Animator」を使用しています。
セクションスクロール
Apple の製品サイトをイメージしたサイトを制作したいと考え、jQuery のプラグイン「fullPage.js」を用いて、縦にスクロールしていくと、クロスフェードでセクションが切り替わるようにしています。
一覧へ戻る