iSara.life模写制作

iSara.life模写制作(→Github

(元サイト)

使用言語:HTML5/CSS3/jQuery

 

Comments

見出し、ボタン、フォントなどのコンポーネント設計を考え、効率的にコーディングできるよう意識いたしました。具体的には、3回以上使用するスタイルは、Sassのmixinや変数を使用して管理しやすいように設計しております。

コード量が多くなってしまったので、Sassのimportを使い、セクションごとに分けて管理しております。

SourceTreeでGit管理を行い、Sassについては、gulp-sassでコンパイルしております。

作業時間:約14時間

 

jQueryで実装した機能

・スムーズスクロール

・アコーディオン

 

全画面キャプチャ

PCイメージ

スマートフォンイメージ

Home

About

Works

Contact