Simple, powerful HTML5 calculator with three modes.

Construit avec HTML5, CSS3, Mobile, Support hors connexion, Multi-touch

  • 125 vues

L'auteur nous en dit plus sur cette démo

Ubercalc is an HTML5 calculator with a clean interface, yet including many features. There are three modes: basic, when simple operations do the trick; scientific, with functions and constants, and statistics, allowing to add elements to a memory and get variables such as the average or standard deviation.

It has offline support and is available as a Mozilla Web App: open it with a compatible browser (recent versions of Firefox for Desktop, Android & Firefox OS!) and you'll be able to install it. It also adapts to different screen sizes: on the desktop, it gives you space and it works down to small smartphones, hiding extra buttons with CSS animations.

You can swipe to change tabs, or you can click the corresponding tab. Related functions are grouped and can be used by long clicking. The same goes for constants in scientific mode or getting the previous results (saved across sessions). If you want to delete all the current input, you can also long click instead of going one by one.

(For developers: I didn't like the swiping or toast libraries I found [too heavy or with jQuery: I wanted the application to be lightweight], so I created simple ones. They are included in the source which, by the way, is open source and available at https://github.com/jcreus/ubercalc . It uses require.js and for performance reasons only the compiled.js file is loaded, you can still access the rest of the files and recompile with build.js.)

UPDATE 13/4/2013: The Mozilla Web App feature only works when cloned and hosted locally. It worked until now but previous zips were removed, and a web app requires an URL (it cannot self-reference, the URL is random). Sorry!

À propos de cette démo

Téléchargez le fichier ZIP · 37.17 Ko

Browse the Source

Cette démo est fournie sous la licence MPL/GPL/LGPL.

Plus par JoanC