Complete Rounded Corners Generator

[Jalenack]

Hey,

I've finally applied some of my php knowledge to something useful. Check it out:

http://jalenack.com/rounded/

Right now, it's fresh out of the developer's (my) oven, so it may be a little too hot to eat right now...mmm metaphors.

Basically, its a service designed to get a developer from start to finish on a site that needs rounded corners. It supplies the images and the code necessary.

I haven't done any documentation yet, but I plan to extensively. I want this to reach as many people as possible.

The php script I'm using to generate my corners is really excellent. Its funny because I decided to do this project before seeing the person-who-made-it's homepage (http://www.hardgrok.org/blog/) and finding out that it has already been done (http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=en)! Oh well, I like mine as it provides more options and uses javascript efficiently. Tell me what you think of it, and whether or not you think it will be useful. This is just the beta (alpha?) version, so I'm open to suggestions and feature additions. Thanks!

P.S. Yes, I know I need to work on my own rounded corners on that page...heh

[_Aerospace_Eng_]

Awesome page Jalenack! Yours seems more "eye" appealing than the others

[harbingerOTV]

Very damn cool Jalenack. Love the look of the page :D I really like on the code spit out page how the HTML CSS JAVA etc images are faded in like that.

Great usability and great look to it.

very nice. very nice indeed :thumbsup: :thumbsup:

[Scrowler]

bit jagged, but then again, GD isn't perfect. good job :thumbsup:

[Scootertaj]

Looks good Jalenack. The header seems not up to your style, but that's just me :p

[zro@rtv]

... ... should be
roundcorner.org ?
amazing.


(possibly the best.)...at least for now.

[JamieR]

Nice work Andrew - great tool. well done :thumbsup:

~Jamie.

[bcarl314]

Pretty interesting. I tried it and it does function, but it's a little funky if you use 3 char hex codes instead of 6 char (ie #fff instead of #ffffff). At least with the images created.

Otherwise a big ol' :thumbsup:

[Jalenack]

heh ya I was thinking about the color selections, and it would freak out on anything but 6 letter codes....I could try some string manipulation...or you could just type it in right :-D . Anyways, I could use a javascript color picker, they usually are pretty good.

Thanks for the positive feedback everyone! Anyone have any feature requests or such? I'd like to rework the javascript a little bit to make it more flexible...

[redhead]

I dont suppose it'd be possible to have a transparent outer? Handy for such things as putting the rounded boxes over a funky background image... maybe I'm just being awkward though :o

[Jalenack]

I thought about that...I'd really like to see that. I'm not very familiar with GD, but I could probably figure something out...Anyone know about alpha transparency or regular transparency in GD?

[Jalenack]

http://jalenack.com/roundedstage/

I'm using that url as I iron out bugs and such. One noticable bug I haven't figured out yet is when you decide to use borders then don't like it and uncheck it and regenerate the corners, the borders are still there...oh well.

Alrighty, here I am with a new and improved version of my corners generator. Now it has full support for borders...something that was badly missing before. I also added a preview generator....

The transparency stuff won't really work because the background of the main box has to be solid and if you use transparency it will just show through what it is.. does that make sense? thats why we need border-radius.

I engineered some pretty narsty <divitis>-niss to make the borders work. I haven't checked them in all browsers...but theoretically its pretty solid. I didn't like any of the other options out there...including Albin's bullet-proof stuff. As soon as I feel I'm finished I'll notify the developer of the generator script.

I decided a color picker isn't the best idea. Usually people have a color scheme before they try to create corners for it...

And it should say Version 1.1 but I don't have the photoshop file at this house, so i can't update the header :-D

Criticism is still very welcome.

[harbingerOTV]

looks nice works fairly well a little buggy

I enetered these as values:

inner #ffffff
outer #000000
size 10px
border #ffcccc
size 12px

enter those and hit your test page preview. You'll notice the break.

I think the "what you made" images should be up near the "what you made" title.

The glowing border does add a break from the back ground but it kinda leaves the rest of the boxes plain. And the "what you made" "button sort of" needs a little more padding to it.

[bbg5000]

Well that is an interesting idea :)

[Jalenack]

umm harbinger...I find your query confusing. You tried to create borders that are bigger than the actual image!! It throws off the logic I'm using to compute various margins etc. I realize my next step will be validation...So that that kind of the thing will not be allowed. Heh. I've noticed that too.