SimpleCalculadora

JavaScript

シンプルでカスタマイズもできる電卓「SimpleCalculadora」

SimpleCalculadoraはシンプルでCSS、オプションなどでカスタマイズもできるjQueryプラグインです。電卓ボタンの種類や配置に関してはオプションのBotonesで設定することができます。

SimpleCalculadora

SimpleCalculadora

シンプルで立体的なボタンがとてもいい感じですね。ボタンを押すとしっかりとへこむ動作も、電卓の特徴をしっかりと捉えていて使いやすいです。

ボタンがちゃんと押されたかどうかを把握しやすいのでユーザーにとっての操作感はいいと思います。カラーも割と落ち着いた感じで配色もいいですね。

ボタンの組み合わせや配置などはオプションで簡単に設定できるようになっています。リセットボタンに表示するテキストもオプションで指定することが可能です。

他にも、電卓上部に表示するタイトル(リンクも付けれる)やボタンの種類別カラー設定(具体的にはCSSのクラス指定。実際にカスタマイズする場合はCSSで設定)などいろんなオプションがあるので、気になる方は是非チェックしてみてください。

iPhoneのSafariですべてのタブを閉じるiPhoneのSafariですべてのタブを一気に閉じる設定方法前のページ

様々なカスタマイズができる便利な通知バー「jquery.peekABar」次のページjquery.peekABar

関連記事

  1. jQuery Slideshow

    JavaScript

    シンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」

    jQuery Slideshowはシンプルで軽量、そしてレスポンシブに…

  2. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  3. Mini Previews

    JavaScript

    リンクにホバーするとプレビューが見れるjQueryプラグイン「Mini Previews」

    Mini Previewsは指定したリンクにホバーするとリンク先のプレ…

  4. jQuery GoUp!

    JavaScript

    ページ上部にスクロール移動してくれる「jQuery GoUp!」

    jQuery GoUp!は、ページ上部にスクロール移動してくれるシンプ…

  5. Liquid Slider

    JavaScript

    タブパネル式のレスポンシブなjQueryスライダー「Liquid Slider」

    ちょっと珍しそうなスライダーを見つけたのでご紹介します。タブパネルにも…

最近の記事

  1. ハワイ カウ
  2. ぼんしゃん全部入り
  3. ナイトロコーヒー
  4. チーズベーコンエッグバーガー
PAGE TOP