myPortfolio

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」を用いて、縦にスクロールしていくと、クロスフェードでセクションが切り替わるようにしています。