Another jQuery Curvy Corners Update

May 19, 2008 | Published in: Out of the Blue | Tags: 7

I’ve added a new version of the popular curvy corners plugin. This version removes the problem of extra padding within boxes (by using negative margins), works in IE7 and Safari, and loads faster. The downside is that the packed version has a larger filesize; to reduce the /packer/ overhead I did not encode it, but you can repack if you want a smaller file.

The official page is here and the demo page is here. Enjoy!

Found this post useful? Why not buy me a coffee!

Related Entries

  • No related posts found

Popular Entries

7 Responses to “Another jQuery Curvy Corners Update”

RSS feed for comments on this post.

  • 1 - William Chang says: Reply to this comment

    Gravatar

    I really enjoy using your jQuery version of curvy corners. Thanks! You’re the best!

    Comment made on May 25, 2008 at 10:36 pm

  • 2 - Mike Jolley says: Reply to this comment

    Gravatar

    Thankyou =)

    Comment made on May 27, 2008 at 10:22 am

  • 3 - Luke Brookhart says: Reply to this comment

    Gravatar

    I’m having an issue with curvy corners.

    Nested divs inside the div with the rounded corners are not filling the width of the rounded corner container. Therefore, if I have a div that has a solid border inside a div with rounded corners, the bordered div isn’t the full width of the containing div. It is only as large as the content inside the next div, which is out of place.

    Comment made on June 18, 2008 at 3:23 am

  • 4 - Ilya Novoselov says: Reply to this comment

    Gravatar

    I download latest version (1.5 is latest, isn’t it?). Still rounding enlarges box. Is it intended?

    Comment made on July 3, 2008 at 6:59 pm

  • 5 - Ilya Novoselov says: Reply to this comment

    Gravatar

    Uh… I mean then I round a box, it becomes bigger with extra padding.

    Comment made on July 3, 2008 at 7:00 pm

  • 6 - Ilya Novoselov says: Reply to this comment

    Gravatar

    Well. It goes as this: if I specify height in pixel, it becomes 16 px taller. Also, in xhtml-strict mode these added borders become transparent (except corners).

    Comment made on July 3, 2008 at 7:06 pm

  • 7 - Keith Lawler says: Reply to this comment

    Gravatar

    Hello. Thanks for the great plugin! I had one issue that I resolved and wanted to share it here with you. I am doing a bunch of AJAX where some elements have already been treated with your rounded corners radness and I when I ajax in some new elements I didn’t want other divs on the page to be “rounded” again. My fix was to add alter your source and add this check:

    // Curvy corners
    function curvyObject() {

    this.box = arguments[1];

    + if($(this.box).hasClass(’has_rounded_corners’)) {
    + return false;
    + } else {
    + $(this.box).addClass(’has_rounded_corners’);
    + }

    …

    All is working great. Hope this helpful to someone.

    Best and THANKS!

    Keith.

    Comment made on July 26, 2008 at 8:00 pm

Leave a Reply

Why ask?

About this site

Blue Anvil is the online web design journal & portfolio of , a web designer from Norfolk, England. Read More »
ThemeSlice

  • Featured work - More

    • Beefjack
    • Integrity
    • theotaku.com
    • Manic Melon

  • Latest Tweet - More

    • Hot and stuffy in today. Cut the lawn and cleaned the pets. Poor puff died the other day. Looks like the meds to cure the head tilt failed

  • Out of the blue - More

    • Wordpress 2.8 Memory Usage

      With the release of wordpress 2.8 some people are experiencing out of memory php errors along the lines of:

      Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 228968 bytes)

      You may also be seeing pages fail to load fully (for example the wordpress admin dashboard) if php error messages are hidden. I’ve already had one case where we thought certain plugins were to blame but in fact it was just out of memory. A possible fix (which worked in the previously mentioned case) is to add:

      @ini_set('memory_limit','64M');

      to your wp-config file. Has anyone else encoutered this error?

    • jQuery Curvy Corners 1.x and 2.x updated and moved to Google Code

      I have updated the jQuery Curvy Corners plugins (both versions) with jQuery 1.3.2 support and other enhancements. The beta 2 version is looking good and is working in all version of IE, Opera, and Firefox (as far as I can tell).

      You can grab the latest files from Google Code here. Enjoy.

    • I’m too nice: Wordpress Download Monitor plugin page add-on now included with Download Monitor version 3.1.

      It was going to be a paid add-on, but today I had a change of heart and bundled it with the newest version of download monitor. The add-on lets you make a download page using a shortcode; it lists your downloads/categories with full sorting, pagination, and search functionality. Not bad eh? See the documentation topic to see full instructions for usage, or see my download page to see it in action.

      And if you use it, please consider making a donation to ensure the continued development of the plugin!

    • 2 Announcements: New Support forum, and feedback wanted for new download page add-on

      First, I’ve implemented a support forum to Blue Anvil mainly for plugin support and ideas which can be found here. Hopefully this will make supporting my plugins easier. Feel free to add to the discussions (there is also a general web design forum too).

      Secondly, I’ve added a demo of the new download page add-on I’m making for Download Monitor. This will be a paid add-on and it would be cool to get any feedback or suggestions from anyone who would like such a feature. My download page is here. Please leave feedback on the forum or in the comments.