架空の旅館サイト「石井花壇」

担当箇所

コーディング

使用言語

HTML、CSS(Sass)、JavaScript(JQuery)、pug、gulp

制作期間

1週間

サイトURL

https://ishii-kadan.akr-production.com
ベーシック認証にてアクセス制限をかけている場合は、以下のパスワードを入力してください。
User: user, Pass: password

サイト説明

コーディングの練習として作成いたしました。
今回はコーディングの効率化を目的に、
①ファイル分割や変数等を使用するためのテンプレートエンジンのpug
②sass、pugを自動コンパイルするためのgulp
を使用しました。
また、こちらのサイトはCSS設計としてFLOCSSを採用し、再利用性、保守性の高いCSS設計を意識しました。
CSSでは縦書きレイアウトを実装、予約画面ではflatpickrというJavaScriptライブラリを用いてカレンダー入力機能を実装しました。