logo
  • ホーム
  • 制作実績
  • お問い合わせ
やま
  • ホーム
  • 制作実績
  • お問い合わせ
伸びしろブログ > コーディング > 【制作物公開】 アクセサリーブランドのLPコーディングしました!【第一弾】
コーディング

【制作物公開】 アクセサリーブランドのLPコーディングしました!【第一弾】

公開日 2021/8/27 最終更新日 2022/1/13

やっとこさカスタム投稿などの整備が鑑賞し、公開することができました!
ポートフォリオサイトとして更新していこうと思います!

こちらからデモサイトを確認できます。
【Basic認証】
ID:yamayamauchiuchi
パスワード:yamayamauchiuchi

制作実績の一覧はこちら
https://yamayamauchiuchi.com/work/

所感

今回のサイトはデイトラさん中級総復習で作成したアクセサリーブランドのLPです。

デザインカンプ(XD)からのコーディングしました。

フォームの動きを再現するのに苦戦。。。
調べまくってなんとか実装できたので、先人達に感謝してもしきれません。

特にロジカさんの[jQuery]【サンプルあり】送信ボタンを必須項目が空なら無効化させるには助けられました。
チェックボックスのアニメーションはデシノンさんのそこをそうやるのか…スゴワザアニメーション参考にさせていただきました。考えた人凄すぎ。。。

まとめ

これから過去に作成したものも整えて公開していこうと思います〜

タグ
LP
pickup
コーディング
デイトラ
関連記事
【jQuery】これ見りゃ簡単!しかも無料!?スクロールに連動するアニメーションの実装方法
【CSS】要素の中央揃えは”flex”で簡単!
【CSS】レスポンシブ時にpositionを解除する方法
:first-childと::afterを一緒に使いたい
効かないなんて有り得ない。CSS優先順位の話
【制作物第3弾】架空のコーポレートサイトコーディングしました!
【jQuery】slick.jsを使ったスライダーで詰まったつまらない話
最新記事
  • 【CSS・HTML】なんだこの余白!?右側に余白ができた時の対策方法

    【CSS・HTML】なんだこの余白!?右側に余白ができた時の対策方法

    2022年1月13日
  • 【CSS】要素の中央揃えは”flex”で簡単!

    【CSS】要素の中央揃えは”flex”で簡単!

    2021年12月12日
  • 【PhotoShopクリエーター能力認定試験 エキスパート】完全未経験から受験してみた。

    【PhotoShopクリエーター能力認定試験 エキスパート】完全未経験から受験してみた。

    2021年9月26日
カテゴリー
  • Tips
  • コーディング
  • カスタマイズ
  • その他
月別まとめ
  • 2022年1月
  • 2021年12月
  • 2021年9月
  • 2021年8月

About

やま

妻の地元帰りたい欲が爆発、富山にUターン。古民家を改装しながらWEB制作と農業でなんとか幸せに生きていこうと挑戦中。 会社員時代の数々の失敗と経験から「誠実と即レス」がモットー。web制作会社さん、webデザイナーさん。一度一緒に働かせてください。

  • プライバシーポリシー
  • 免責事項
  • お仕事の依頼
  • 価格表

Menu

  • ホーム
  • 制作実績
  • お問い合わせ

Twitter

Tweets by noukanaruo

This site is protected by reCAPTCHA and the GooglePrivacy Policy and Terms of Service apply.

© やま
この記事をシェアする