デモサイト hp001
- レスポンシブ(BP 768px,992px)
- ハンバーガーメニュー
- スライダー
ご観覧頂き有難うございます。WEB制作所Flamie(フラミー )代表のmasakiです。
こちらのサイトでは当方のポートフォリオを公開しております。
下記の通り、様々な技術を組み合わせお客様に最善のサイトをご提供致します。
イメージ画像の下に使用した技術を実装しておりますので是非ご確認頂き、お客様の求めるサイトのイメージを膨らませてください。なお、技術内容については、右側に解説しておりますので、参考にしてみてください。
上記は提供例の一部です。
他にもこんな機能が欲しい、こうゆうレイアウトがよいなど、案件に合わせてご相談ください。
あなたのWEBサイトを輝かせます!
サイト上部に付いているボタンを押すことで、すだれのように隠されたメニューが現れる機能。 主にスマホ等の横幅が狭いときに有効
メインの画像が自動で次々に切り替わる機能。 会社サイトや、ショッピングサイトなどでよく使われる
サイト下部に現れるボタンを押すことでスルスルと一番上に自動で戻る機能
ナビゲーションメニューなどで、マウスを乗せると隠された配下のメニューが現れる機能
サイトを下にスクロールした際に画像や文字がフワっと現れる機能。 会社サイト、ショッピングサイトなど様々なサイトでよく見かける
ハンバーガーメニューと同様にボタンを押すことで隠されたメニューが現れる機能
ハンバーガーメニューなどで項目をクリックすると、さらに隠された小見出しが現れる機能。 他にも目次など、全表示すると長くなってしまうときにコンパクトにまとめることができる
スクロールしても項目が一緒に付いてくる機能。 サイドメニューや、バナーなど常に画面内に表示させたいときに便利
webページ内で現在どの階層にいるか視覚化させたもの。 例えば、「ホーム > 会社概要 > 取り組み」といった具合に階層構造を確認できる
観覧するデバイスの幅によってwebページのデザインを変更する技術。ブレークポイント(BP)で指定した画面幅で表示が変わる。スマートフォンなどの幅の狭いデバイスでは画面上部のメニューボタンにて情報を集約することで可読性が向上する。