SHO
MATSUDA
Front-end engineer
Works
[DIGSMILE.inc ※模擬サイト]
コーポレートサイト 株式会社DIGSMILE
http://matsu1226.github.io/DIGSMILE
WEB制作会社のコーポレートサイトを想定して、作成させていただきました。
デザインカンプを参考に0からコーディングしています。
〈point〉
・jQueryを用いたアニメーション
・複数の画像/背景画像の重ね合わせとレスポンシブ対応
・googlemap埋め込み
・画像のretina対応
・ハンバーガーメニュー
・操作性の高いコンタクトフォーム
・プライバシーポリシーとブラウザ内ウィンドウのデザイン
〈デザインカンプ引用元〉
https://crestadesign.org/cording-training/
※提供いただきありがとうございます。
[(株)立川松田製作所 ※模擬サイト]
コーポレートサイト 株式会社立川松田製作所
※制作中
[Number Game]
Number Game
http://matsu1226.github.io/NumberGame/
JavaScriptの学習のアウトプットとして作成しました。
〈point〉
・クラスを適切に運用することにより、少ないコードでlevelの選択機能を搭載
・適切にclickイベントを配置し、各種ボタン操作を制御
・タイマー記録機能の追加