no-image

JavaScript

Bootstrap 4を使ったステッパープラグイン「bs-stepper」

bs-stepperはBootstrap 4を使ったステッパーを実装できるJavaScriptによるプラグインです。フォームに入力する項目を一つずつ順番に設定したい場合に便利ですね。ステップにしたがって入力していけるのでユーザーにとっても分かりやすいと思います。

bs-stepper

デモ

デモではステップごとに入力していくフォームが用意されています。例えば一番上のフォームでは、Emailアドレスを入力したあとにNextボタンをクリックすると今度はパスワードを入力するフォームに切り替わります。そしてパスワードを入力してNextボタンをクリックすると次のステップに進みます。こんな感じでステップごとにテンポよく必要な項目を埋めていけるのでとても便利です。

bs-stepper

no-image軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」前のページ

ミニマルなイメージギャラリーを実装できる「Albery」次のページno-image

関連記事

  1. Radial SVG Slider

    JavaScript

    放射状に切り替わるスライダーを実装できる「Radial SVG Slider」

    Radial SVG Sliderは、放射状に広がりながら切り替わるス…

  2. Animsition
  3. no-image

    JavaScript

    親要素の下端まで要素を固定表示できる「Scroll With Page」

    Scroll With Pageはスクロールしても特定の要素を固定表示…

  4. no-image

    JavaScript

    さまざまなSVGパターンによるCSSプログレスバー「Bars」

    Barsはさまざまな種類のSVGパターンによるCSSプログレスバーを実…

  5. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン12選のまとめ 2012/08 – 2012/0…

    2012年8月〜2012月9月までの当ブログで紹介したjQueryプラ…

  6. FractionSlider

    JavaScript

    各要素ごとにスライドアニメーションを設定できるjQueryプラグイン「FractionSlider」…

    複数の各要素ごとにスライドアニメーションを設定できるjQueryプラグ…

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP