My Portfolio

RaiseTech 旧公式サイト模写

image-photo2

制作ポイント

    ・Webエンジニアリングスクールの旧公式トップページ模写コーディング
    ・HTMLの構造やタグの理解、SCSSを使用してのCSS記述法取得
    ・レスポンシブデザインでデバイスに合わせたデザインを再現
    ・ハンバーガーボタンの実装
    ・Skill : HTML, CSS, SASS, JavaScript

URL

GITHUBのリンクから、ソースコードをご覧いただけます。

こちらをクリックしてください image-photo2

コメント

コーディングをする際、HTMLの組み立てが非常に重要で、また的確にcssを充てる必要性を理解できました。アコーディオンメニューの実装にとても悩まされましたが一つ一つ確認しながら仕上げました。背景画像やオブジェクトの配置調整等で、デザインを再現する為の様々なことが勉強になりました。