iSaraのHPの模写コーディングを行いました。(レスポンシブ対応)
※画像をクリックしていただくとページ遷移します。
使用した言語
HTML / CSS、SCSS、JavaScript、jQuery
気をつけた点
・模写サイトとのズレがないか(PC・SP)。
・タブレットサイズや大画面ブラウザなど、様々な画面幅でも最低限デザイン崩れなく表示できているか。
学んだこと
・擬似要素(before・after)を用いたコーディング(CSS)に慣れることができました。
・HTML / CSSの基礎の反復練習を行うことができました。
・Google Chrome拡張機能のリテラシーが高くなりました。(ColorZilla、FullPageScreen、WhatFont、ImageDownLoader)