Get $500+ of the best After Effects files, video templates and music for only $20!
New Plus Tutorial: Build an Awesome Calculator

New Plus Tutorial: Build an Awesome Popup jQuery Calculator

We’ve got a fantastic Plus tutorial for you this week, from Chris Coyier, of CSS-Tricks. In this tutorial and screencast, Chris will show you how to build a really neat jQuery calculator. Join Now!

Preview

“Sure is nice to have a letter opener right next to your mail basket, a shoehorn next to your loafers, and a flashlight by your nightstand. Likewise, it’s nice to have a calculator handy when you need to perform some math. This tutorial and download shows you how to put one right on any website.”

calculator

Join Tuts Plus

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of TUTS sites runs a premium membership service called “TUTSPLUS”. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies at nettuts+, psdtuts+, and vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business. Join today!

  • Subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.


Add Comment

Discussion 32 Comments

  1. Nazmy says:

    Got to join tuts plus soon

  2. Alex Korey says:

    normal

  3. Saro says:

    Very nice calculator!

  4. Yoosuf says:

    chriss on Net.Tuts?

  5. Danny says:

    Very cool.

  6. M.A.Yoosuf says:

    u disrespected :Sm i was really happy when the video was streaming but finally i saw only see u later and bye bye :(

  7. Jeffrey Way says:
    Staff

    @M.A. – Sorry. :(

  8. Jeffrey Way says:
    Staff

    We spend a lot of money on these tutorials; that’s why we have to charge $3 per site.

  9. crysfel says:

    it looks good!! i like it

  10. Shane says:

    I’m sure the concepts covered in the video are fantastic – I don’t doubt that there’s some great CSS/jQuery in there.

    I do, however doubt the assumption that you’ll think ‘oh, I need a calculator on this page to work out a quick sum’ :)

    On another note, I did something similar with an iPhone style keyboard on a site I recently did. Some of the users didn’t have acess to physical keyboards but still needed to enter text on some pages. (Don’t ask ;)

  11. Jason says:

    I’ll sign up when Jeffrey Way finishes the second part of his ‘Login System’ tutorial. *nudge nudge. :)

  12. Douglas says:

    The design is just a rip off of Apple’s dashboard widget calculator (even close button X in the corner), but still interesting.

    I wish these plus tutorial previews had a live demo, but that would provide less reason for people to pay to see it.

  13. Pretty nice. I’ve been collecting jQuery tutorials lately to jump into this summer once I finish with PHP ;)

  14. iPad says:

    Great tutorial, Chris Coyier as always surprising us =) Good work.

  15. Nice calculator, I love the final effect, it moved much smoother that I thought. Great job. :)

  16. Nicholas says:

    What a great Tutorial

  17. wallfa says:

    good script ajax

  18. Khairul Alam says:

    Nice tutorial and this is another great job.Thanks for this Nice calculator.

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.