しゅう【Webコーダー】
のPortfolio Site

デイトラ【Web制作コース】中級最終課題【Onomichi】

当サイトはアフィリエイト広告を利用しています

デイトラの「Web制作 コース中級最終課題」

架空の、尾道の観光案内紹介の、トップページ

中級の段階では、WordPressは使っていません。

HTML・CSS(Sass)・JavaScript(jQuery)で作った静的ページです。

実際のページ表示リンク

架空サービスなのでBasic認証で、表示にはパスワードが必要です。


ID:shu-web
Password:pass

を入力してください。

リンク:Web制作コース中級最終課題【Onomichi】

CSS

absoluteとvw、%、clamp()などによるレスポンシブ配置

グリッドレイアウトによる複数行表示(画像)

iframeを使ったmapの埋め込み(画像)

JavaScript(jQuery)

スマホ表示時のハンバーガーメニュー

close:右上の三本線ボタン

open:画面全体を覆うモーダル

Topに戻るボタン

Topから、指定px下に移動で表示、画面右下固定表示

Swiper(スライドショー)

自動ループするスライド

右にはみ出したスライド

スライドトグルのQ&Aリスト

エラー表示を含むお問い合わせフォーム