SimpleCalculadora

JavaScript

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

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

SimpleCalculadora

SimpleCalculadora

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

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

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

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

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

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

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのマウス操作のイベントをまとめてみる

    マウス操作に関するイベントをまとめてみました。まとめたイベントはmou…

  2. Expandy Menu

    JavaScript

    マウスオーバーで広がるメニューパネル「Expandy Menu」

    Expandy Menuはマウスオーバーすると横に広がるメニューパネル…

  3. Wallpaper

    JavaScript

    背景画像のレイアウトをブラウザ幅に合わせてくれるjQueryプラグイン「Wallpaper」

    WallpaperというjQueryプラグインを使えば背景画像のレイア…

  4. popModal

    JavaScript

    6種類のモーダルウィンドウを実装できる「popModal」

    popModalは6種類のモーダルウィンドウを実装することができるjQ…

  5. no-image

    JavaScript

    シンプルでカスタマイズもしやすいタブパネル実装「jquery-tab」

    jquery-tabはシンプルなタブパネルを実装することができるjQu…

  6. Building a Vertical Timeline With CSS and a Touch of JavaScript

最近の記事

  1. 成城石井 フレンチロースト
  2. COMOLI カシミアシルクニットパーカ
  3. 橋
  4. 梅と久保田城
  5. マワマット26

アーカイブ

PAGE TOP