デザインカンプからのコーディング(XD)

Adobe XDのデザインカンプ、コーディング仕様書を見ながらコーディングを行いました。

» サイトへのリンク

開発の経緯

東京フリーランス」 のプログラミング学習のオンラインコミュニティに所属しており、 Adobe XDのデザインカンプ からコーディングを行う課題に挑戦しました。

ポイント

・Adobe XDの基本的な操作方法を習得
・Chrome拡張機能「PerfectPixel」を使用し、ピクセルパーフェクトでのコーディング
・「Swiper」を用いてスライダーを実装
・アコーディオンメニューを実装

使用言語

HTML5 / CSS3 / jQuery

ソースコード

GitHub(30daystrial-2nd)

全画面キャプチャ

PCイメージ(Googleドライブ)
スマートフォンイメージ(Googleドライブ)