ようこそ
当サイトは、Tokiko Sanoのポートフォリオサイトです。
略歴
大学入学を機に東京暮らしを開始。
大学では英語学、言語学を選考。
大学卒業後、複数の大手企業で事務職、技術職(SE/プログラマー)を経験。
前職退職を機に、フェリカ・テクニカルアカデミーにてWEB制作の基本を習得。
6ヶ月の過程(2014年1月～7月)を経て同校を卒業。
いったんはシステム開発の現場に戻るも、現在はWEBデザイナーとして就業中。
WEBサイト：
制作時間：約3時間
ポイント：margin、paddingをうまく設定する
制作時間：約3時間
ポイント：料理の画像をfloatで最適位置に設定する
制作時間：約2時間
ポイント：背景画像をbodyのtop leftに読み込む
制作時間：約1時間
ポイント：containerにposition:absoluteを設定する
制作時間：約5時間 （Illustratorでのロゴ作成、
Photoshopでのナビゲーション作成含む）
ポイント：画像使用時のナビゲーションの処理と位置合わせ
制作時間：約1時間
ポイント：onMouseOverで画像置換させる
制作時間：約1時間
ポイント：onMouseOutに this.src=を使用する
制作時間：約2時間
ポイント：複数の画像をposition:absoluteで最適位置に設定する
制作時間：約2時間
ポイント：classとli要素で効率的にグリッドを完成させる
制作時間：約4時間
ポイント：箇条書き部分に、text-indentをマイナスで設定
.png)
制作時間：約2時間
ポイント：スタイルシート1枚にデバイス別の対応を記述
.png)
制作時間：約3時間
ポイント：日付にborder-radiusを設定する
.png)
制作時間：約5時間
ポイント：デバイス別に4枚のスタイルシートを作成
nth-child(even) で右マージンを削除
.png)
制作時間：約5時間
ポイント：1つのclassで効率的に記事4段を作成
hoverにlinear-gradientを使用
.png)
制作時間：約1時間
ポイント：normarize.cssを使用
.png)
制作時間：約2時間
ポイント：imgの幅・高さを自動に設定
IE対策に/respond.min.js, html5shiv.jsを使用
.png)
制作時間：約2時間
ポイント：bodyにclearfixを使用
.png)
制作時間：約2時間
ポイント：header箇所にpositionとz-indexを使用
制作時間：約2時間
ポイント：formのoptionにoptgroup labelを使用
文字の強調にemを使用
.png)
制作時間：約3時間
ポイント：グリッドに実現にjQueryのmasonryを使用
画像のcaptionにopacityを使用
制作時間：約5時間
ポイント：画像の調整にz-indexを使用
input type="search"（検索ボックス）に画像を使用
制作時間：約3時間
ポイント：画像スライスの正確さ
margin, paddingの設定の仕方
制作時間：約5時間
ポイント：positionの使用
表組み箇所にdl, dt, ddの使用
制作時間：約5時間
ポイント：formの使用
fieldsetの使用
.png)
