SimpleCalculadora

JavaScript

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

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

SimpleCalculadora

SimpleCalculadora

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

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

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

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

関連記事

  1. circleChart

    JavaScript

    多彩なカスタマイズができる円形チャート「circleChart」

    circleChartは多彩なカスタマイズを実現した円形チャートを実装…

  2. jQuery cForm

    JavaScript

    フォームのスタイルをカスタマイズできる「jQuery cForm」

    jQuery cFormはフォームのスタイルを簡単にカスタマイズするこ…

  3. PWS Tabs jQuery Plugin
  4. Instafeed.js

    JavaScript

    Webサイト内にInstagramの画像を表示できる「Instafeed.js」

    Instafeed.jsはWebサイト内にInstagramの画像一覧…

  5. Text Scramble Effect

    JavaScript

    テキストをスクランブルしながら表示していく「Text Scramble Effect」

    Text Scramble Effectはテキストをカシャカシャとスク…

  6. Multi-level push menu

最近の記事

  1. Kindle Oasis
  2. OWL-WDDESK01
  3. ワンタッチ着脱フィルターキット
  4. Soundcore Ace A1

アーカイブ

PAGE TOP