Works

  • Coffee Shop

    担当業務:HTML5/CSS3

    コーヒーショップのストアサイトを参考にコーディングしました。
    パララックス(視差効果)を利用した喫茶店のLPになります。
    CSS3によるアニメーションを実装しています。
    ※MENU、ABOUT、LOCATIONの背景はPCもしくはAndoroid時にパララックスで表示されます

  • 爬虫類ショップ Re;ptiles

    担当業務:HTML5/CSS3/Javascript(JQuery)

    Codestepの上級サイトを参考にコーディングしました。
    JQueryとCSSによるアニメーションをたくさん使用しています。
    別途でShopページ、お問い合わせフォーム、JQueryにて起動するGoogleMapの追加などアレンジも多く加えています。
    ※架空サイトなので、お問い合わせフォームにPHPの導入はしていません。

  • BJJ Trick Tips

    担当業務:HTML5/CSS3/Javascript(JQuery)

    Codestepの上級サイトを参考にコーディングしました。
    JQueryとCSSによるアニメーションに加え、Gridを使用したレイアウトを取り入れています。
    スライダーの部分にはJQueryのプラグイン「Slick」を利用しています。
    ※架空サイトなので、お問い合わせフォームにPHPの導入はしていません。