Stretchy

JavaScript

入力した文字数に合わせて可変するフォーム実装「Stretchy」

Stretchyは入力した文字数に合わせてボックスが伸び縮みするフォームを実装できます。自分の入力内容が見えなくなって困るという問題をうまく解決してくれるので、ユーザーにとってはうれしい機能ですね。

Stretchy

Stretchy

テキストボックスやテキストエリアに文字を入力していくと、それに合わせてボックスのサイズが可変していきます。

途中で文字が隠れることがないので、非常に入力しやすいですね。

また、セレクトボックスも選択した項目に合わせて可変します。

シンプルですが、あるととても助かる機能です。というわけで、フォームの利便性を高めたい方にはオススメです。

Effect Ideas for Card Stacksカードスタックのためのエフェクトを実装できる「Effect Ideas for Card Stacks」前のページ

軽量でカスタマイズもできるスクロールトップ「Material ScrollTop Button」次のページMaterial ScrollTop Button

関連記事

  1. ReadRemaining.js

    JavaScript

    記事を読むのにかかる時間を教えてくれるjQueryプラグイン「ReadRemaining.js」

    ReadRemaining.jsは記事を読むのにどのくらい時間がかかる…

  2. no-image

    JavaScript

    軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」

    partialViewSliderは左右にスライドする軽量・高速でレス…

  3. gridstack.js

    JavaScript

    ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」

    gridstack.jsはドラッグ&ドロップでウィジェットレイアウトを…

  4. Lity

    JavaScript

    超軽量でアクセシブル・レスポンシブなLightboxを実装できる「Lity」

    Lityは、超軽量でアクセシブル・レスポンシブなLightboxプラグ…

  5. Presentation Slideshow
  6. Radial SVG Slider

    JavaScript

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

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

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP