Ca-Phun Ung
Freelance web developer and Internet consultant at Yelotofu.
Categories
- Accessibility (6)
- Browser Testing (5)
- CSS (11)
- Django (3)
- Events (5)
- Hong Kong (3)
- JavaScript (18)
- Labs (2)
- Optimisation (2)
- PHP (8)
- Ramblings (12)
- Reviews (6)
- Ruby on Rails (4)
- Tools (5)
- Web Standards (10)
- WiFi (3)
HTML5 Placeholders
HTML5 adds a new attribute to most form elements called a placeholder. Its purpose is to add a short hint inside data entry points that disappear on focus. This type of interaction isn’t new but is new to HTML as of version 5. For this reason not all browsers have implemented this feature. Try it [...]
Labs: UI inlineEdit
After my last tutorial on building a simple inlineEdit plugin I converted the concepts into a UI widget. It’s now sitting in labs for you to use, pick apart and devour: http://jquery-ui.googlecode.com/svn/branches/labs/inlineedit/demo.html If you inspect the source code you will notice the structure is quite different. It’s actually pretty much the same functionality wise but [...]
jQuery Inline Edit tutorial
A friend recently asked me to review his edit-in-place code which turned out to be a modification of the one found at http://docs.jquery.com/Tutorials:Edit_in_Place_with_Ajax. Reading the tutorial on that page I asked myself how I would do this differently? Defining a global setClickable() function and then calling $(‘#editInPlace”).click() is totally uncool, essentially limiting yourself to one [...]
jQuery.com website redesign
The long overdue redesign of jQuery.com has finally landed! I like the new design as it’s more intuitive and inline with jQuery UI’s design. This redesign will certainly help pitch jQuery to new comers; for many the decision to go with another framework has purely been based on the ugliness of the old jQuery website, [...]
jQuery: Shuffle Plugin
I recently came across a really compact array shuffling function on JSFromHell.com, which I thought would make a nifty jQuery plugin. This jQuery shuffle plugin could be applied to any HTML element or Array object. (function($){ $.fn.shuffle = function() { return this.each(function(){ var items = $(this).children(); return (items.length) ? $(this).html($.shuffle(items)) : this; }); } $.shuffle [...]
JavaScript: Event Delegation
Recently, I’ve been hearing much about event delegation. Many new to this concept seem to be baffled by the term. However, it really is a simple idea when you realise what’s involved. Put simply, event delegation is the practice of directing events on parent DOM elements who then listen on their children for events. To [...]
jQuery UI Spinner
After contributing jQuery Numeric Stepper to the jQuery UI community. Paul Bakaus kindly asked whether I’d like to merge it with the official jQuery UI Spinner, of which I was more than happy to do out of pure love for jQuery. The jQuery UI Spinner widget will be available with the soon to be released [...]
Loving jQuery
In recent weeks I have come to love jQuery. jQuery is this lightweight, elegant and so-much-fun-to-code-with JavaScript library. You may already have it in your source code if you’re using either the latest version of WordPress or Drupal. jQuery is so easy to get to grips with, the documentation is simple to follow and complete [...]