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."
Join Tuts Plus
For those unfamiliar, the family of TUTS sites runs a premium membership service called "TUTSPLUS". For $9 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.
Related Posts
Check out some more great tutorials and articles that you might like
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.











User Comments
( ADD YOURS )Deddy March 4th
Cool
( )Andrew Pryde March 4th
Uncool.
1. Interesting
2. Done by one of my favourite authors on webdesign
3. Paid subscription required
@Prydie
( )Nazmy March 4th
Got to join tuts plus soon
( )Philo March 4th
Looks Great!
( )Alex Korey March 4th
normal
( )insic March 4th
holy awesome!
( )Rik Girbes March 4th
i agree!
BTW: your new site design is great!
( )Andrew Pryde March 4th
I disagree but I do really like your site design
@Prydie
( )Abhisek March 4th
I disagree…the design is based on wp-remix.com’s wp premium theme but nowhere it is said or acknowledged. FAIL!
Juarez P. A. Filho March 4th
I don’t see the video, but your new site design is Great. Congrats girl and very nice job there.
( )crysfel March 5th
i think it is a good design hehehehehe
@nettuts: keep posting good stuff for free
( )Saro March 4th
Very nice calculator!
( )Yoosuf March 4th
chriss on Net.Tuts?
( )Craigsnedeker March 4th
Kewlz!
( )Craigsnedeker March 4th
Looks sweeeet!
( )Danny March 4th
Very cool.
( )weblizzer March 4th
great cool
( )M.A.Yoosuf March 4th
u disrespected :Sm i was really happy when the video was streaming but finally i saw only see u later and bye bye
( )Jeffrey Way March 4th
@M.A. – Sorry.
( )Jeffrey Way March 4th
We spend a lot of money on these tutorials; that’s why we have to charge $3 per site.
( )crysfel March 4th
it looks good!! i like it
( )Shane March 4th
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
( )Jason March 4th
I’ll sign up when Jeffrey Way finishes the second part of his ‘Login System’ tutorial. *nudge nudge.
( )Douglas March 4th
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.
( )Amber Weinberg March 5th
Pretty nice. I’ve been collecting jQuery tutorials lately to jump into this summer once I finish with PHP
( )iPad March 5th
Great tutorial, Chris Coyier as always surprising us =) Good work.
( )Brandon Roach March 5th
Nice calculator, I love the final effect, it moved much smoother that I thought. Great job.
( )Nicholas March 5th
What a great Tutorial
( )saurabh shah March 11th
good one….
( )advise-art March 12th
not bad …
( )