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

デザインカンプからのコーディング(→Github

使用言語:HTML5/CSS3/Sass/jQuery

 

Comments

東京フリーランスコーディング学習トライアルに挑戦しました。

用意されたデザインカンプ、コーディング仕様書を見つつコーディングを行い、不明点は東京フリーランスのオンラインコミュニティ「東フリサロン」のslackで質問し、解決していきました。

スライダーは「Swiper」、ドロワーメニューは「drawer.js」のライブラリを使用。

Chrome拡張機能「PerfectPixel」を使用し、ピクセルパーフェクトでのコーディングを意識しました。

 

jQueryで実装した機能

・スムーズスクロール

・アコーディオン

・ドロワーメニュー(drawer.js)

・スライダー(Swiper)

 

全画面キャプチャ

PCイメージ

スマートフォンイメージ

 

Home

About

Works

Contact