Top Tab Extensions for Firefox Basic Paint.NET Features Using Vista’s Parental Controls Test Your Tech Knowledge Photoshop Mistakes
Collapsed This Week Collapsed CyberNotes
Collapsed Last Week


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

RSS Icon Enjoyed the post? Subscribe to our feed to get a daily dose of CyberNet!

Tags: Google

Previous ArticleNext Article
 

Related Posts:


3 Unread Comment Tracking CyberMark This Article
RSS Icon
3

  1. Avatar

    I wrote cornershop (at http://wigflip.com/cornershop/ ) exactly for this purpose. I hope google doesn’t make an official one of their own. ;)

  2. Avatar

    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).

  3. Avatar

    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.

:mrgreen: :| :twisted: :arrow: 8O :) :? 8) :evil: :D :idea: :oops: :P :roll: ;) :cry: :o :lol: :x :( :!: :?:

Note: All links posted in comments will automatically be hyperlinked.

↓ Expand Text Area  or  Decrease Text Area ↑

 Find out how to track new comments!


 

  1. There aren't any trackbacks or pings yet. You can be the first by using this trackback URL.