Tag Archives: coding

Introducing the Tip Palindromator

It’s surprising to me how many people I know have independently taken to tipping such that the total is palindromic. The reasons for doing so are simple enough:

  1. It’s entertaining (for you and for the staff processing your charge)
  2. It helps you quickly verify credit card charges and check for potential fraudulence
  3. After a delicious sleepy meal late at night, one definitely needs to practice one’s mental math abilities…

Ok. We should probably strike #3.

  1. After a delicious sleepy meal late at night, one definitely needs to practice one’s mental math abilities…

The fact is we’ve all gotten checks where we definitely did not want to have to deal with figuring out precisely how much to tip. After one too many of those, I realized that I needed to create the Tip Palindromator (http://octahedralgroup.org/tip).

Pasted_Image_5_6_14__2_22_PM

The Tip Palindromator shows up great on mobile web. Want it as an application? Just choose the “add to home screen” option from your Android or iPhone web browser. The “Tip It” application is a great addition to the home screen.

It lets you quickly input your total bill and automatically finds a potential palindromic tip*, which can be adjusted up and down to find the perfect tip percentage.

Now, even the half-asleep can leave palindromic tips with ease.

* Note: I use this term to refer to a tip that leaves a total that is a palindrome, rather than a tip that is itself a palindrome.

A CSS Octahedron

I recently ran into the idea of styling single divs to get interesting effects, with the win that you can then just apply a single css class to a single html element to create re-usable shapes, icons, animations, etc. An impressive set of examples of this technique can be found here.

I immediately wanted to try it myself, and naturally started off with a subject that I am rather fond of – polyhedra. I wrote a css class that when applied to a div gives you an octahedron that rotates on hover (with appropriate lighting effects) without any Javascript.

Check out the JSFiddle here: http://jsfiddle.net/wtMrH/11/