Another quick announcement. I just released another version (0.9) of curreX – the Ajax based Currency Converter widget for WordPress.

Starting from this version, curreX also includes a Flash based widget and provides you with the option of selecting between the HTML/JavaScript version and it’s Flash counterpart from the widget configuration panel of WordPress.

A quick preview of the flash widget can be obtained from here. I’m pretty bad at creating snazzy graphics in flash – so it’s going to take a while to make the widget look nice. The current version is fully functional though.

As always, I’m open for any questions / comments / bug reports.

Jun 22nd by miCRoSCoPiC^eaRthLinG

Stripemania LogoEver felt like giving your site’s theme a cool, striped look but didn’t know how to go about it? Are the graphics tutorials on stripes too complex for you to follow? Here’s you quick and dirty way out. Stripemania is a free online tool that generates striped background images for use with your site’s theme in just a couple of quick, easy steps.

The interface is pretty simple. To get your desired stripe, you choose the width of the stripes, the distance between each stripe, orientation and a couple of colours and hit refresh. Thats it! Your custom stripe is ready to download. If you don’t like vanilla stripes (alternating coloured stripes) – you can choose multiple gradients for the stripes and get some pretty snazzy effects. There’s a quick full-screen preview option that lets you test your background out even before you download it.

Stripemania Screenshot

Stripemania falls within the recent Web 2.0 genre of online graphics design tools and is one of the better designed tools in this category and pretty much devoid of the ubiquitous AJAX timeout errors. It’s a must-add in any aspiring web-designer’s toolbox.

Sep 19th by miCRoSCoPiC^eaRthLinG

Web 2.0 Badges LogoNope ! You don’t need any expensive graphics editing tools. Nor do you require to perform painstaking and complicated procedures to generate those ultra-cool reflective Web 2.0 style badges. You can do all of that online under less than a minute and for free with Web 2.0 Badges.

The site offers a whole bunch of pre-created badge templates in the most common formats (rounded/serrated/flowery edges). All you need to do is take your pick, set the colour palette, specify the text and font and hit Apply. Your shiny new badge is ready for download. You can tweak around with several other factors like X, Y coordinates of the text (which is normally centered on the badge), size and colour of the font as well as the angular inclination of the text.

And in case you’re not satisfied with the results, there’s even a box.net drive linked to the site, from where you can freely download PSD (Photoshop) templates of every conceivable kind of badges.

Here’s a quick preview of their interface…

Web 2.0 Badges Interface

Once you’re at the site, you’ll notice a couple of links right at the top pointing to AjaxDaddy and SocialScan. Any web-developer will find AjaxDaddy a royal storehouse of rich, Ajax based effects that you can implement in your sites. As for SocialScan, it’s a link popularity checker for social media networks. These two sites are worth visiting.

Incidentally, Web 2.0 Badges distinctly reminds me of AjaxLoad, which is a similar free online service that generates those fancy loading icons usually associated with Ajax-based sites.

Sep 03rd by miCRoSCoPiC^eaRthLinG

A brief intro…

Past few weeks I’ve been extremely busy designing a Property Investment site for a client. The primary requirement was a custom CMS (Content Management System) – which I had to build from scratch. While it drove me over the edge at times overall it was a thoroughly curreX Screenshotenjoyable as well as an educational journey for me. Since this is a site that caters to foreign investors, one of the requirements was a Currency Conversion Calculator which could be embedded in any of the articles thus providing the visitors an opportunity to get an idea of the property prices in their native currencies, without having to leave the page. At first I sought the easy way out – i.e. I searched far & wide for a currency calculator service that’d allow me to convert between almost any of the world currencies. Unfortunately the free ones out there are really pathetic and the my client wasn’t willing to shell out any $$ for a paid service. That got me down to designing one on my own. I’ve been dabbling in AJAX for a while now and find the whole idea of RIA (Rich Internet Application) really attractive. So I decided to walk the AJAX way and came up with this cool-tool. Once done with the main project, I was so satisfied with the result that I thought it’d be a really good idea to convert it into a sidebar widget for WordPress. So here I am, with curreX – the Ajax based Currency Converter for WordPress.

Current Version

  • 0.9

Features

  • The widget is very simple and does exactly what it’s supposed to do. It accepts a currency value (integer or decimal) and a source & destination currency and gives you the converted rate once you hit the Convert button.
  • It employs an AJAX back-end, i.e. the conversions are performed without having to refresh the whole page, making the tool really lightweight & fast. Looks cool too.
  • Performs client-side validation of the amount entered – thus cutting out chances of entering an erroneous value and crashing the calc. midway while performing a conversion.

Requirements

Download

curreX  (99.5 KiB, 5,951 downloads)

Installation

Installation couldn’t get any easier. Once downloaded, simply…

  1. Unzip the archive.
  2. Copy the extracted folder named curreX into your WordPress plug-ins folder.
  3. Activate the plug-in from the Plug-in Manager in WordPress.
  4. Visit the Sidebar Widgets page under Presentation menu to drag & drop the widget onto any sidebar you desire.

That’s it…

For those who’re using curreX with non-widget-enabled themes, you should insert the function
< ? show_currex( default_from, default_to, decimal_places, type, title ); ?>
in an appropriate place. For further details on this function & it’s parameters, refer to the FAQs section of the readme.txt bundled in the distribution.

Demonstration

A live demonstration of this can be found under the Coding section of my blog. Though the implementation of the demo is slightly different (it’s hard-coded into in a page), it should give you an idea on what the widget can do.

Showcase (the widget in action)

  • GoBackpacking
  • Hua-Hin Live – A customised version of the plug-in can be seen in action in the property list pages, once you’ve searched for properties

Subversion Repository

Change Log

  • Version 0.9 (2008-06-22)
    • Added Flash based Widget support. Now one has the option of choosing between the HTML/JavaScript version or the Flash version from the widget configuration panel of WordPress.
    • The structure of the show_currex() function (for non widget-enabled themes) has changed slightly too – to support embedding of the flash widget.
  • Version 0.8 (2008-06-19)
    • While releasing version 0.7 I had made some changes in the path structure (reference to any additional files that were loaded in the background) – and I messed up a bit there. As a result, the core javascript module that fetched the conversion rates and performed the calculations wasn’t loading properly.
    • Fixed some minor CSS issues. Now the look & feel of the widget can be modified in its entirety through the accompanying CSS file.
  • Version 0.7 (2008-05-16)
    • Added the functionality to display curreX in non-widget-enabled themes too (by popular demand). Till version 0.6, this plug-in could only be used in the form of a widget with widget-enabled themes.
  • Version 0.6 (2008-05-11)
    • This is a complete port to jQuery. Decided to finalise on one ajax library and jQuery emerged the winner. No more Protoculous for me.
    • Split out the styling into a separate CSS file. Anyone with even a bit of CSS knowledge, can now easily alter the looks of the widget without having to touch the core code file(s).
    • Implemented BlockUI – a jQuery plugin that blocks the widget interface while performing a currency conversion routine (ajax based).
    • Included a HELP option, that leads directly to the Chaos-Lab Forums (curreX Subforum)
  • Version 0.5 (2007-09-21)
    • Minor fix – but at the same time a major one from the perspective of functionality. The back-end URL for fetching conversion data from Yahoo! Finance had changed from finance.yahoo.com to download.finance.yahoo.com. This caused the plug-in to generate a message saying “Error contacting Yahoo! Finance” and not work at all. Thanks to Lia Johnston for pointing me to the correct URL.
  • Version 0.4 (2007-03-15)
    • Fixed a minor bug that caused incorrect version reporting in WordPress plug-ins management panel.
  • Version 0.3 (2007-03-15)
    • Bundled prototype.js library along with the distribution instead of relying on a theme to have it. This way the latest version of prototype can always be bundled along with.
    • Made some minor changes in the layout for smoother functionality & improvement of looks.
    • Renamed a bunch of plug-in related variables to avoid name collision with other plug-ins.
  • Version 0.2 (2007-03-05)
    • Fine tuned the widget. Now the currency unit values are written off an array instead of the ungainly manual approach that was being used earlier on. This reduced the file-size of the main plug-in considerably despite adding new code.
    • Added the configuration section. One can now set the default currency units to be displayed when the widget loads (from & to).
    • Added a Decimal Place option, which defines the number of decimal places to show in the converted result.

Please Note

I offer support for my plug-ins via the Chaos Laboratory Support Forum only. I will NOT respond to support queries left in the comment section below and, in most cases, will also not publish them. Of course, if you’d like to say something nice or helpful, then feel free to leave a comment!

If you find this plug-in useful, please consider making a donation towards further development of this useful little utility.


Alternatively, you can help me by reviewing this post by clicking on the following link. Believe it or not, this will help us both earn some cash from PayPerPost.

Mar 01st by miCRoSCoPiC^eaRthLinG

AjaxLoad LogoNowadays every second site you see employs some form or AJAX or the other – either wholly or in parts. With the old-school model of refreshing the whole page a visitor had always had a clear-cut indication that he/she is supposed to wait till the page-load is complete. That’s one respect AJAX seriously lacks in. In short there’s no way for the user to know if the application is actually performing some task in the background or simply stuck infinitely. Hence, with AJAX based sites, you’ve to manually implement some sort of visual indicator that tells the viewer to wait for a while till the processing gets completed.

For totally minimalistic interfaces like GMail, a simple “Loading…” message does the job. But if you’re one of those who want to provide some eye-candy action to your visitors to keep them amused, you need to implement one of those fancy animated loading indicators that’s become a common sight in many sites these days. Under such circumstances, you’ve two viable options:

  1. Take up the tedious job of actually creating one using one of the standard graphics editing + animation package combo.
  2. Rip it off some other site :D

If you’re artistically challenged like me, the first option is entirely out of question. The second one is the easier way out. However, it presents you with a potential problem – the colour palette (specially the background) might not match with yours, thus rendering it in form of an ugly block.

If you’re wondering as to what’s your “easy” way out here, no need to think too hard. Ajaxload.info is a brand new free service that does the same for you for free. Ajaxload itself it a AJAX based site with a simple interface that consists of a dropdown box with a pretty sizeable list of such animated indicators. Apart from that there are colour palette selection boxes through which you can specify the background & foreground colours of the indicator. Once you’re done with configuring, just hit Generate and your customised indicator appears in the Preview window, ready for download. There’s a touch of humour to the site in form of a “Beta” logo which makes mockery of the whole Web 2.0 Beta genre of web-apps. Here’s a screenshot…

Ajaxload Screenshot

Here are examples of the most downloaded indicators.

 

Ajaxload Most Downloaded Indicators

Try it out for yourself. It’s cool & it’s free…

Found via: New Earth Online

Feb 08th by miCRoSCoPiC^eaRthLinG

AJAX On ToiletFor those who want to make some serious headway into the insanely booming technology called AJAX, here’s a golden opportunity. Boston based Sang Shin, who’s a technology architect, consultant, and evangelist at SUN Microsystems offers a free 18-week online course on AJAX.

The course commences on 18th of February, 2007 and covers some hot new topics such as the opensource JavaScript toolkit named Dojo, the NO-JavaScript AJAX Framework called ZK, DynaFaces – the thin application layer that renders AJAX capabilities to JSF, and Phobos – the lightweight, scripting-friendly, web application environment running on the Java platform.

This is the second session of the course in offering. Earlier it was offered as a ten-week course but it’s been extended by eight more weeks to cover all the new & important aspects of this rapidly expanding technology. Literally anyone can sign-up for it by simply sending a blank mail to ajaxworkshop-subscribe@yahoogroups.com. There’s no eligibility criteria as such. However, it is assumed that you’ve got some prior programming experience with the common web programming/scripting languages such as JavaScript / PHP as well as core Java itself. The course will continue on a weekly basis till June 11th, 2007.

One word of advice – don’t take this course lightly. The course is really content rich and if you’re sincerely interested in learning AJAX, you can really reap the benefits. Though the course allows you to progress at your own learning pace, you’re supposed to submit a homework at the end of each week with a maximum grace period of two weeks after the course ends.

Upon successful completion of the course, you’re entitled to an online certificate signed by Sang Shin. Though the certification isn’t through affiliation with any colleges, educational institution, company it recognises you as someone who clearly stands out from the crowd and enlists you in the graduates website.

If you’re interested, you can find further information on the course here.

Feb 01st by miCRoSCoPiC^eaRthLinG

Arizona based Ten Ships has announced the first public beta of their all new product AjaxDNS, which is an Ajax framework …

… for any systems administrator, support technician, or anyone that needs quick network and domain tools and analysis.

The features offered are:

  • Live DNS
  • Whois Search
  • IP Whois
  • HTTP Headers
  • RBL Search
  • Ping
  • DNS Traversal

Here’s a screenshot…

AjaxDNS Screenshot

Looks quite cool and queries even faster. I say, give it a try ;)

Dec 14th by miCRoSCoPiC^eaRthLinG

Page 1 of 38

    The Social Me

    Topics

    open all | close all

    Links

    Elsewhere on the Web…