Works

制作物

Apple(日本) 様(模写コーディング)

appleスクショ
概要
Apple(日本)様のサイトを模写コーディングさせていただきました。

※模写コーディングのルール

  • 素材の利用OK
  • 幅・余白・色の確認はOK
  • フォントサイズの確認もOK
URL
Apple(日本)(TOPページ)

BASIC認証を掛けています。

ID・Passwordともに[mosya]です。

レスポンシブ
スマートフォン・タブレット・PC
利用技術
HTML / CSS / jQuery
制作で得たこと
  • アコーディオンメニュー、ドロワーメニューの実装に時間を要したので、この辺りから頻出のコードやノウハウ等をコードと一緒にメモアプリに保存する習慣がつきました。
  • アコーディオンメニュー、ドロワーメニュー、固定ヘッダー、レスポンシブ(スマホ、タブレット、デスクトップ)への対応と、サイトのデザインがシンプルながらもよく使われる要素が盛り込まれたサイトでしたので、こちらのAppleの公式サイトも勉強になりましたし、復習にもなりました。


Contact

お仕事のご依頼・ご相談などございましたら、お問い合わせフォーム
もしくはTwitterのDMにてお気軽にお問い合わせください!

必須 お名前

必須 メールアドレス

任意 題名

任意 メッセージ本文

© Portfolio - Kei Watanabe