Tag: rounded corners

JQuery anti-aliased rounded corners plugin v1.2

March 8, 2008 | Published in: Out of the Blue | Tags: , , 7

A new version of the rounded corners plugin has been uploaded, you can grab it here or see a demo here.

This version has improved background image support and is more reliable. File size of the packed version is around 9kb.

JQuery Curvy Corners Update (v1.1)

September 29, 2007 | Published in: Out of the Blue | Tags: , , 0

I’ve updated the JQuery Curvy corners plugin. It is now smaller (8kb) and has been JQuery optimized.

Ive also added a demo page here. Enjoy!

Anti-aliased Rounded corners with JQuery

September 24, 2007 | Published in: Web development | Tags: , , , 160

Rounded CornersRecently I’ve been searching for a method of creating nice looking rounded corners with Javascript & JQuery.

First I found the “JQuery Corner” plugin for rounded corners, but was disappointed that it did not include smooth, anti-aliased corners.

I then did some more google-trawling and found this post, which contained a modified version of Curvy Corners for use with JQuery. Now this script was much much better.

However…the filesize was a massive 40kb, way too big for production use, and to make things worse the code was not compatible with packer so I could not reduce the filesize.

Well, I got busy, and fixed the errors. It is now fully packer friendly meaning easy rounded corners in JQuery at only 9kb 8kb 15kb (I removed “packers” overhead so it runs faster, repack for the smallest filesize if you wish). Excellent. Read more for the download link.

Continue reading “Anti-aliased Rounded corners with JQuery” »