SimpleCalculadora

JavaScript

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

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

SimpleCalculadora

SimpleCalculadora

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

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

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

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

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

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

関連記事

  1. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  2. no-image

    JavaScript

    高さを揃えたレスポンシブな画像ギャラリー「jQuery Mosaic plugin」

    jQuery Mosaic pluginは高さを揃えたレスポンシブな画…

  3. Trunk.js

    JavaScript

    滑らかなスライド表示がいい!レスポンシブなナビゲーションメニュー「Trunk.js」

    Trunk.jsはレスポンシブに対応したナビゲーションメニューを実装す…

  4. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

  5. Zoomify

    JavaScript

    画像ズーム効果によるシンプルなライトボックスを実装できる「Zoomify」

    Zoomifyは、画像のズーム効果を備えたシンプルなライトボックスのた…

  6. Philter

    JavaScript

    CSSのフィルターをコントロールできるjQueryプラグイン「Philter」

    PhilterはCSSのフィルターを簡単にコントロールすることができる…

最近の記事

  1. OWL-LPB6701LA
  2. cheero Power Mountain mini 30000mAh CHE-110
  3. 帆布カメラインナーケース B-2タイプ

アーカイブ

PAGE TOP