About Me
Naomi Yao
●経験スキル
HTML、CSS、CSS3、jQuery
Photoshop、Illustrator 等
Creator’s Hive「WEBクリエイター養成所」にて
2015年4月〜2015年10月までの約半年間WEB関係を学ぶ 。
Portfolio
＊Creator’s Hive 卒業制作
[WEB Reference Box]
●制作期間：約１ヶ月 (http://webreference.aikotoba.jp/)
●サイトコンセプト
WEB制作に興味がある人・または実際に制作をしている人をターゲット。
WEBデザインやHTML&CSS、Photoshop・Illustratorなどの参考になるサイト集。
それぞれのカテゴリーごとに分けているので、目的に合わせて探せる。
学習サイトも取り上げているので自主学習にもおすすめ。
●工夫した点
・全体的にアースカラーの淡い色合いに、グリーンを挿し色にしてバランスを整えた。グリーンやブルー系はこういった参考サイトなどに使用される事が多い色なので挿し色としてグリーンを使用した。
・jQueryでMixitupのプラグインを使用し、カテゴリーごとに瞬時に見やすいよう実装した。
・transitionなどを使い、サイトにカーソルを合わせた時に少し浮かせるように動きをつけ全体的に見やすくした。
● Past production
＊入校１ヶ月半の最初のサイト
[Fashon Site(仮)](http://fhsite8070.iza-yoi.net/)
＊入校１ヶ月半で課題のコードを編集したもの
[(P.S.FAのサイトを参考に色・レイアウトを編集)]
●取り組んだ課題(＊サイトの画面からページを開く事ができます)
●復習したコーディング6点(＊画面からページを開く事ができます)
[ jQueryプラグイン使用面白い並び替え ]
[ 猫画像のスライドショー ]
[ ボタン式スライドショー ]
[ ページトップへ戻るボタン ]
[z-index練習とcssでフルスクリーン表示]
[ フォーム画面の作成 ]
Other Production
＊過去Photoshop・Illustratorやレタッチで作ったものです。
Future Work
●今後の取り組み
・コーディング
まだコードを作成する際に長かったり、見直しがしにくかったりするため、知識
を深めるとともに、綺麗でできるだけ短くすむような打ち方をできるようにする。
jQueryはまだ理解が浅いので、参考書などを使い基本知識を身につけていく。
・WEBデザイン
卒業制作時に単色を使いすぎてしまい、安っぽい印象になってしまった。まだまだ
勉強不足だが物理の法則(上にあるほど影が広がる等)やフラット・リッチ・マテリ
アルデザインを見て今後に生かしたい。
