Log in

No account? Create an account

Previous Entry | Next Entry

Shiny Candy-like Buttons

Okay, I am unreasonably pleased by how nicely the buttons came out in my latest revision of the SciCalc app for the iPhone. The entire app is only one HTML file and one .png image, but I've managed to make it look like I used several more to gloss each of the differently colored buttons.

SciCalc for iPhone screenshot


( 7 comments — Leave a comment )
Jul. 19th, 2007 03:15 pm (UTC)
Hooray for background image abuse!
Jul. 19th, 2007 05:27 pm (UTC)
Actually, it's border images. The iPhone supports variations on some CSS3 constructs, -webkit-border-image, and -webkit-border-radius. Mix those with alpha-channel PNG support, and I can make any DIV look like a lickable button, any color I want just by setting the background-color. Add to that text-shadow support, and I can make the text look inset into the button.
Jul. 19th, 2007 06:23 pm (UTC)
Candy striping?

Ok, silliness aside for a moment...

Is there support for user side skins?

- Krin
Jul. 19th, 2007 07:45 pm (UTC)
Oooh, even better. Since it's the only browser on the platform you can target its unique features with no worries. Though it does mean you kinda now need a rounded corner and some margins on the output display...
Jul. 24th, 2007 07:06 pm (UTC)
Yeah, you're right. My latest version has a rounded corner LCD with a bit of an internal drop shadow, and shadows under the text. I also changed the color to be more LCD-like.
Jul. 19th, 2007 05:00 pm (UTC)
Ohhh... candy buttons! O _ O


- Krin ^ _ ^
Jul. 19th, 2007 10:19 pm (UTC)
Hmm, you should colaborate with brianenigma.. he's doing a bunch of iphone crap as well, including a calculator. ;)
( 7 comments — Leave a comment )