Posts Tagged ‘Javascript’

JQuery Curvy Corners 2 Early Beta Available

I have uploaded a beta of JQCC2, based on the beta version 2.0 of the official script. This now includes support for jQuery 1.3.

There are still many optimisations to make and tests to perform, but the examples included in the zip work in IE6, IE7, Chrome, Safari, Firefox, and (excluding the CSS selector feature) Opera. My version does differ from the official script; mainly the fact that boxes are not fixed width/height.

If you find bugs, want to contribute fixes, or want to help extend the plugin please leave your comments.

Finally, special thanks to Terry Riegel, Cameron Cooke and Tim Hutchison who made the original CurvyCorners script; they did all the hard work!

Update: Beta 2 uploaded

Download: JQuery Curvy Corners 2 (1934)

Book Review – jQuery UI 1.6

February 25, 2009 | Published in: Reviews | Tags: , , , , , , 1

Book: jQuery UI 1.6If you have tried jQuery (which is a brilliant JavaScript framework by the way) there’s no doubt that you’ve heard of jQuery UI which includes all kinds of user interface widgets, user interaction helpers, and animations, to help make interactive web applications.

jQuery UI 1.6: The User Interface Library for jQuery, written by Dan Wellman, is a book that contains an in-depth explanation of jQuery UI, information on how to use it in the real world, and is also quite handy for reference. Perfect for user interface designers and developers who need to learn to utilise jQuery UI quickly.

Continue reading Book Review – jQuery UI 1.6»

Including CSS & JavaScript in wordpress posts using Custom Fields

custom_code

If you have ever tried to include code in a wordpress post you may have gone through hell trying to get it to output correctly; WordPress’ built in functions for formatting text (autop and texturize) mangle your code making it non-functional.

I’ve tried many solutions in the past, such as disabling wordpress’ formatting functions, however, this is not ideal -especially if you rely on them to clean up your text and properly encode characters. On top of that its not even valid to include certain things such as CSS in the body of a xHTML document.

The solution? Custom fields. This post will show you how.

Continue reading Including CSS & JavaScript in wordpress posts using Custom Fields»

Book Review – jQuery in Action

April 19, 2008 | Published in: Reviews | Tags: , , , 2

jQuery in ActionJQuery is one of many open-source JavaScript frameworks available; it so happens to be my favorite and is used in many large websites (for example MSNBC) proving it to be one of the best libraries available. You may have noticed that in the past I reviewed Learning jQuery which was aimed at beginners, but for the advanced user, or someone with prior JavaScript knowledge, this may be a tad too basic; if your looking for a more in depth read perhaps the following book is the one for you…

JQuery in Action is a book i have been reading recently which will help you “get up and running with jQuery quickly and efficiently”; it is aimed at novice to advanced users. Read on for my full review.

Continue reading Book Review – jQuery in Action»

Easy jQuery Pull Quotes

Pull QuotesPull quotes, lift-out quotes, or call-outs are a handy method of drawing reader’s attention to a section of text. Recently, on a couple of client projects, I’ve seen the need to enhance large blocks of text so the user could skim read them without missing the really important parts. Pull quotes seemed perfect for this, so I created a small jQuery script to take care of them.

In this article I demonstrate an easy method of creating pull quotes from a block of text using jQuery (a JavaScript library), CSS, and the html span element. I hope you find this method useful.

Continue reading Easy jQuery Pull Quotes»

JQuery Curvy Corners Update (v1.1.1)

November 22, 2007 | Published in: Out of the Blue | Tags: , , 1

I have done some bug fixes to the plugin, it should now work better in IE7. Check out the post here.

One thing to note, CSS transparency & rounded corners do not work in IE7 due to an inheritance bug, I see no work around except to use .png background images instead!

Book Review – jQuery Reference Guide

November 22, 2007 | Published in: Reviews | Tags: , , , , 1

jQuery Reference guideJQuery is a great open-source javascript framework, with a great manual. The “jQuery Reference Guide” builds on that, and is a great companion to the previously reviewed “Learning jQuery” book.

The “jQuery Reference Guide” contains thorough explanation of the jQuery framework’s functionality and features, and is great to use as quick reference when developing scripts with jQuery.

Continue reading Book Review – jQuery Reference Guide»

Book Review – Learning jQuery

October 8, 2007 | Published in: Reviews | Tags: , , , 2

Learning jQueryWant to enhance your JavaScript code, making it more streamlined and efficient, yet easier to code? JQuery could possibly be the answer.

“Learning jQuery: Better Interaction Design and Web Development with Simple JavaScript Techniques” is a great way to get started with the jQuery framework.

The book contains thorough tutorials and code samples on how to get things done in jQuery, and solve real-world problems, such as manipulating tabular data, grabbing information with AJAX, and implementing client side validation.

Continue reading Book Review – Learning jQuery»

Anti-aliased Rounded corners with JQuery

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 20kb 16kb 10kb. Excellent. Read more for the download link.

Continue reading Anti-aliased Rounded corners with JQuery»

About this site

Blue Anvil is the online web design journal & portfolio of , a web designer from Norfolk, England. Read More »
MiniCard Theme for WordPress
  • Featured work - More

    • Beefjack
    • Integrity
    • theotaku.com
  • Latest Tweet - More

    • RT @jameskoster: Free MacBook Pro vector; http://www.potatoestomatoes.co.uk/technical/free-macbook-pro-vector/ #vector #resource
  • Out of the blue - More

    • Closing the Forums

      Just posting to let current users know that I’m closing the forum on Blue-Anvil. This is mainly due to spam-registrations getting out of hand and being a general nuisance. I will be posting good topics as FAQ items within posts if applicable.

      Please note that you can still post and get help for my plugins/themes by posting on the wordpress.org website.

    • Show off your MiniCard!

      Are you a user of the WordPress MiniCard theme? Its been downloaded over 14,000 times so far!

      If you have used it as-is, made your own child-theme or done something creative with it, please show off your MiniCard’s in the comments, I’d love to see how the theme is being used!

    • Spam Stopper updated for WordPress 3.0

      My Spam Stopper plugin has been updated for WordPress 3.0 (version 3.1.3) – you can grab it here. Sorry this update took longer than my other plugins but this one gets less lovin’ – if you want to change that feel free to donate, spread the word, or rate it on the WordPress.org plugin page.

    • SexyBookmarks & Tr.im

      Just a notice to users of the brilliant http://www.sexybookmarks.net/ plugin by shareaholic – If you use tr.im (as I have on a few client sites) be aware tr.im has ceased operation so you may see errors on your blog or in your source code; it screwed up the background and headings on one of my blogs.

      To fix, go to sexybookmarks options, switch services in the “Which URL Shortener?” box, and tick the box to reset all short urls. Once done, your blog should return to normal.