Using Google To Make Perfectly Rounded Corners For Web Design
So this little trick doesn’t exactly look like something Google would approve of, but it would be awesome if they did. Using a customized Google URL you are able to generate a perfectly rounded corner with various specifications. Here is the URL that you would need to use:
http://groups-beta.google.com/groups/roundedcorners?c=000066&bc=white&w=250&h=150&a=br
To change the color and appearance you’ll need to alter the parameters of the URL. Here is what they do:
- c = the HEX value (or word, such as “black” or ”navy”) for the color of the rounded corner
- bc = the HEX value (or word, such as “black” or ”navy”) for the background color of the rounded corner
- w = width of the corner in pixels
- h = height of the corner in pixels
- a = the position that the corner will be placed, use br (bottom-right), bl (bottom-left), tr (top-right), or tl (top-left).
Now you need to be careful with this though. If you permanently link to the image on Google’s servers then they will probably change something and your image will be gone. However, you should use this as a developers tool to play around with corners that have different radii, colors, etc.. and then when you find the perfect one just save it to your own server.
Google should come up with more things like this and actually make them available to developers. It is something so small, but it can make developing sites a lot easier and I’m sure Google could get Web programmers to flock to their site if they offered a bunch of little (but useful) tools like this.
News Source: Google Blogoscoped
Enjoyed the post? Subscribe to our feed to get a daily dose of CyberNet!
Tags: Google


Related Posts:
- Firefox Makes Rounded Corners In CSS Easy
- SlashDot Site Redesigns Start Rolling In
- CyberNotes: Time Saving Image Generators for Web Developers
- Google’s SketchUp 3D Design Released for Mac
- The Coolest WindowBlinds Theme: Novum OS


















I wrote cornershop (at [wigflip.com] ) exactly for this purpose. I hope google doesn’t make an official one of their own.
That’s pretty close to what I was looking for but you only allow an input of the radius…whereas Google lets you put in different dimensions for width and height so that the corner isn’t perfectly rounded (as I demonstrated above).
I like Zach’s Cornershop
It is great tool for programmers. But I am designer, so I will always paint corners myself in Adobe Photoshop.