Accordion (1) AfterEffects (1) Application (2) Automobile (1) Banking (1) Chrome (1) Cinema4D (2) Coding (2) Corel Draw (1) CSS (4) CSS3 (11) Design (2) Dropdown (1) Film (1) Finance (1) FinTech (1) Gateways (1) HTML (4) HTML5 (4) JavaScript (7) KDE (2) Layout (1) Login (1) LungoJs (1) Menu (3) Menubar (2) Movies (1) Navigation (2) Open Source (4) Panel (1) Payment (1) Photo Gallery (1) Photoshop (2) PHP (3) Production (1) Rekonq (2) Sony Vegas Pro (1) Startups (1) Taskware (1) Technology (1) Ticker (1) Validation (1) Website (3) XHTML (1)

Tuesday, November 15, 2011

Science Calculator Chrome Extension

Finally, after a break of four months and learning CSS3 and HTML5, I'm back to developing apps. This type a web app, more precisely, an extension for chrome, with CSS3, JavaScript and HTML5. This is just a scientific calculator. The buttons have an effect on hover using the CSS3 transform tag, and they are tidily arrange in a tab. Using JQuery I've made a sliding mechanism, which helps to keep the size of the calculator small inspite of have a large number of keys, and also make the accessibility of the keys easier. The main engine of the calculator is created using javascript functions. In general the site works in most browsers and also in mobile browsers, just the sliding mechanism made in JQuery has some issues. I guess that bug will be fixed in later versions.

Download the source
Compilation instructions included inside.

No comments:

Post a Comment