Just started it randomly and it ended with 3 other friends participating at the end. The hashtag only started at J.

@nickpan: A is for Angst
@jackiegay: @nickpan B is for boliao n C is for Cookie!!!
@nickpan: @jackiegay D is for Deadline
@jackiegay: @nickpan E is for Erdinger!
@nickpan: @jackiegay F is for FRIDAYYYYYYY
@chaos_pk: @nickpan G is for gg
@nickpan: @chaos_pk @jackiegay H is for HTTP://NICKPAN.COM
@chaos_pk: @nickpan @jackiegay i is for ipad
@nickpan: @chaos_pk @jackiegay J is for Javascript #AisFor
@chaos_pk: #AisFor K is for Kinokuniya!
@nickpan: @chaos_pk #AisFor L is for LPPL
@chaos_pk: @nickpan #AisFor M is for Me which is also for N which is NICE :D
@nickpan: @chaos_pk #AisFor O is for OMG, P is for PK!
@chaos_pk: @nickpan #AisFor Q is for Quickly! just a little bit more to go ;)
@nickpan: @jackiegay @chaos_pk #AisFor S is for Sleep
@jackiegay: @chaos_pk @nickpan why no J??! J is for no Jam haha! #Aisfor
@chufang: @nickpan #AisFor T is for Tweet @jackiegay @chaos_pk
@jackiegay: @chufang @nickpan @chaos_pk U is for Umbrella cos there’s so much rain!!
@jackiegay: @chufang @nickpan @chaos_pk V is for Vampire n W is for Wikipedia
@nickpan: @jackiegay @chufang @chaos_pk #AisFor X is for XHTML & XML & XXX
@nickpan: @jackiegay @chufang @chaos_pk #AisFor Y is for Y the hell are we doing this?
@chufang: @nickpan #AisFor Z is for what we should be doing @jackiegay @chaos_pk

Its super random, I think it needs to fall into a theme.

Other then it being a casually  fun MMOG (massive multiplayer online game) on micro blogging site twitter, there are of cause many other reasons why this game is a good game. ;)

1. Telepathy & Clairvoyance - An ability to see into a clients mind and understand what he means by “ I want it easy to use”, and others such vaguerisms. Need to be able to get into a client’s mind and find out what they want to do.
2. Persuasion - An ability to convince a client that he does not need a flash splash screen or pages of content that reads “Under Construction”. More importantly to educate clients to know that the rates are very fair.
3. Precognition - An ability to see into the future and anticipate new trends. The ability to design what the client will eventually accept so as to skip the countless time wasting revisions.
4. Invulnerability - Even when the style police start picking on the website, this ability stops looking at the negative criticisms and focus on the possible next steps.
5. Technopathy - Control, configure & commission technological solutions with superb knowledge across all platforms.
6. Intuitive Aptitude - Ability to analyse complex systems and intuitively understand how they work without special education or training.

So what other “Abilities” do you think is useful?

It was a sleepy afternoon weekend in Johor Bahru on the 28th and 29th August 2010, but thanks to Daniel Cerventus, MC Teng and Alvin Ng, Sunway College Johor Bahru was turned into a gathering of passionate people who got together for BarcampJB2 2010.

Baracamp JB2 Poster

As per the traditional way Barcamp is organised, its quite impromptu. The organising committee have not actually met up in person prior to the event. The very first committee meeting I heard was just done 2 hours before the event started.

Setting up and getting ready

The limited T-Shirts were given out, the Wifi was setup, Stickies started filling up the slots and off we go.

BarcampJB 2010 Tee

The Tee was black, very cool, it sort of had a certain class too it. At the back was a list of the sponsors who made this event possible.

Werewolf game

The day started with the Werewolf game in one of the rooms and I heard it was lots of fun. I did not join as I was in another room listening to other presentations.

Leong Hean Hong | @hongster

Hongster presented on In-App Payment on mobile applications on Android and it gave me good insights into the steps required and also the general structure of how such transactions take place and also the available payment modes. The main ones would still be Paypal and Google Checkout.

The Audience

It was kinda hard to pin point how many people actually attended all the talks, but with 3 rooms in total, people were moving around. I think one of the popular activities was also playing Robert Kiyosaki’s Cashflow game.

KK presenting Making Banking a Breeze

KK from Standard Chartered presented Breeze. As he was from the implementation team, he had intimate knowledge of what it took to build this next generation online banking platform. I love it when he said he could not survive with less then 5 cups of coffee a day and that how his team was like Black Ops within the bank.

SCB is my client in Singapore, so I wanted to come over to JB to support them.

Walter Heck | @walterheck

Walter shared on quite a few things, but the 3 years of his travelling life stood out for me as he shared honestly from his heart the adventures he had, the not so clever decisions and how everyone should travel the world at some point in life.

Leong Hean Hong | @hongster

Hongster presented again in the lightning talks segment and shared on a few methods one could use to solve a Rubik Cube.

Powerpoint Karaoke by MC Teng | @mcavenue

To end of the day’s session, MC Teng did a Powerpoint Karaoke. IT WAS HILARIOUS!!  I’ve never heard of this before and I think its brilliant. Basically the presenter (the person doing the karaoke) need to make a presentation, but the presenter does not know what are on the slides so have to make an impromptu presentation. The slides used was a few slides from Love Relationships.

Then we all went downstairs to Buka Puasa (break fast as it was the month of Ramadan / fasting month). The catered food was really nice. In fact it was so nice that i forgot to take pictures totally!

Hotel Vistaria

I stayed at Hotel Vistaria for the night and i’m glad they had free internet in the room as I did my slides until 4am that night.

Sleepy JB

On Sunday morning, I got up to sleepy JB and headed to have prata for breakfast. The whole place was quiet and peaceful. Really nice and relaxed. I forgot when was the last time I had breakfast alone outside of Singapore.

Digital Heroes

I started the day with the first 2 presentations as I had to head back to Singapore at noon. The first was about “Digital Heroes”. I’ve shared these slides with some of my colleagues last time during a company trip as the aim of the slides was really to motivate people to level up their skills but with a Heroes twist to it. ;) I don’t think I can put the slides up to share as I simply disregarded the concept of copyrights when making the slides as it was purely for internal consumption.

Social Media is not a Breeze

My second presentation was on “Social Media is not a Breeze” and it was about my experience with social media and how its not as easy as it seems to be.

The last 20 years of Social Media

I shared on the last 20 years which lead up to what we know of as Social Media today. From BBS and Fidonet to the very first few Social Media websites like SixDegrees.com and eCircles.com which both burned up after the dotcom crash in early 2000s.

I’m glad to have made the trip up as i’ve made quite a few new friends. @cerventus @MCAvenue @iriskhoo @hongster @alvinSJ @DanevO @saxmachine05 @jipangmenjerit @sweemeng and quite a few more.

Now next up… BARCAMPSG6 9th and 10th October at City Hall in Singapore. See you there.

Sony Clié SJ20

My very first PDA was in 2002. Its the Sony Clié PEG-SJ20. Its a 320 x 320 monochrome stylus based PDA running on Palm OS4.1 and it had a whopping 16MB memory. After using it for about a year or two, I lost it. I believe I dropped it in a cab and had to replace it.

Sony Clié SJ22

Then came the Sony Clié PEG-SJ22 (which i still have now & am charging it as i’m typing this). Its very much like the SJ20 but with colour. Yes, a whopping 16MB ram as well.

Then came the era where phones were PDA too a few years later.

Dopod 818 Pro

I bought the Dopod 818 Pro. That was one buggy phone with Windows Mobile and all, but I still managed to use it for 2 years.

HTC Touch

My contract was up and I got the HTC Touch. I liked the smart phone a lot and used it heavily. 20 months went past and I upgraded again.

iPhone 3GS

I got the iPhone 3Gs. I’m using it for about 1 year+ now and it changed the way i accessed information. From Twitter to Facebook and Foursquare.

The concept of the PDA was out side of the phone, it moved into the phone, now its moving out of the phone again.

I haz iPad

Now I haz iPad. And this post was typed partially on my iPad with the WordPress App. ;)

no i did not cut my hair at ReVAMP haircare salon

I recently had a haircut. Guess what, I did not ask the hair dresser for her credentials, neither did I ask for a draft. She did ask me quite a number of clever questions and I trusted her. I treated her as a professional and let her did what she do best. I mean what do I know about cutting hair, all I see is what I can see in the mirror. Most of the time, I don’t even know what I look like from behind. The outcome was fairly good.

That got me thinking. I’m in the creative industry, but there is hardly any trust. Clients insist on credentials, they insist on seeing a draft. And when they see the draft, most of the time they usually have a lot to say and there were even times when some clients dictated how they want like their website to be. They know their business better, that I fully agree, but how could they possibility know web design best practices more then someone who have done websites for more then 10 years?

As a web practitioner, we often make jokes about clients and can so relate with one another on all those hair pulling experiences. There is even a site dedicated to Clients From Hell. But I also question myself. Is it true that most clients are idiots? Do they also have their hair pulling moments about vendors? I did a check… no vendorsfromhell.com and vendorsfromhell.net does not exist. Then again if clients banded together to create such a site, then there is no need for vendors already. har har…

Yes its true, sometimes clients catch the obvious lazy alignment issues, the amateurish design that was done by an inexpensive freelancer and the half baked proposal that was done grudgingly over the weekend. But the more fundamental issue is that sometimes there is a clear lack of business understanding from web design companies. To clients, their website is an asset that not only represents them online, but it may also be there to provide a service or to meet certain business objectives. Looking nice is just a hygiene factor. So the question now is how many web designers actually have good business acumen?

Clients are idiots. Web designers are hopeless. Stalemate!

I think web practitioners need to make the first move. We need to better understand our clients’ business. We need to understand their pain points. We need to understand that it hurts to pay so much money only to get something that might look nice, but does not work. Go try your client’s products. Go experience your client’s services. Go spend a day with your client.

The day we stop thinking our clients are idiots may be the day our clients start treating us as professionals and give us the creative trust we finally deserve.

Fullerton Waterboat House

“Breeze is a whole new way of banking that lets you manage your money like never before.” That was what the evening of 10 Aug 2010 was all about and it all happened at The Waterboat House.

Those who know me will know i’m currently working at Qais and that I was helping my client organise this meetup with local bloggers. I feel very blessed to be working on stuff that I personally like and on a product that I actually believe in. This is my personal blog ok, so in no way will I be biased ok ok. ;)

The best part of the night for me (although officially I was working) was I finally managed to meet quite a few people i’ve known online for quite some time and I also managed to make a few new friends that night.

Magic by Jack

There was magic that night literally. lol… Above you see Joan going up close to experience magic tricks performed by Jack. He was really fast and there was so many OMG! moments. I got no idea where he hides his stuff as he got his sleeves all rolled up.

Jarmon showing us how much he have

After quick explanation of what Breeze is, Jarmon from SCB demo-ed the Breeze Online interface and shared with us how much he really have in his bank account. lol… There was also a Q&A session and you can see some of the exchanges at Hisham’s blog.

Breeze Calendar View

One of the coolest interface was being able to see all your debits and credits in a calendar view. But instead of using normal banking terms like “Debit” and “Credit” (which I struggled with in accounts while in school) red means outgoing money and green means incoming money while grey meant reminders. I really feel this is very cool and so easy to understand especially when i’m trying to visualise where my money in my bank account went in the month.

Breeze Celebrates NDP 2010

As it was NDP week, the login screen even on the Breeze iPhone app had a nice celebratory touch to it. Sweet.

Grilled Fish for mains

There was food of cause and the main dish was grilled fish! I’ve been craving for good grilled fish for quite sometime already and when you see the skin STILL nicely on the fish, you know its prepared with much care. You can also check out Sparklette’s review of this place.

But value for money wise, i really think Ashton’s grilled fish is great too. I just did a search for their website and realised that their website is running on blogspot!! You really have the “we are not so expensive” feeling lol…

Sharing the table with local bloggers

From left: Deafknee, MoleMole, me, Preetam, Aloysius and Lester.

I believe I sat on the table with the most bloggers. There was lively discussions and everyone have extremely interesting jobs, but I doubt anyone can top Aloysius who had no choice but forced to finish SC2 in 2 days in order to review it. I think i’ve only finished 7 campaign missions up till today.

Its really nice to finally put faces to people whom i’ve known via domain names and twitter accounts.

Group photo together with Kevin Lim and members from the Breeze team

The above 2 photos are from Kevin Lim. See more of his photos here. I think he had some of the best photos of the evening. Unfortunately I did not manage to take photos with the other bloggers like PatLaw, Sheylara, Jayne, Hisham, Joan, Howie and Stephie.

SCB Breeze Wishlist feature

So now Breeze Online is available and i went ahead to setup my favourite feature. Wishlists!

My Wishlist

The wishlist feature to me is like virtual accounts. You see I only have one saving account, but I can use wishlists to partition my money and set money aside for stuff.

So i’ve setup 2 wishlist items for the 2 holidays I’m planning next year. Currently Pearl is expecting #3, so December holiday is out. So the aim is to go Tokyo in June 2011 with Pearl. The last time when we went Tokyo it was just too brief as we followed a tour group, so this time we must go for a real exploration. Can you believe I DID NOT even go to Akihabara at all that time.

And in September 2011 I hope to bring the kids to experience farm stay in Australia during spring. They are too metro already, must rural-ise them abit.

So having tried almost all the Breeze Online features, I have to say its really impressive and intuitive, but problem is also because it appears to be so easy to use, hence I sort of expect it to be perfect, but its not. For example, although its cool that I can set cute icons to specific payees, but if i’ve already created these payees in my classic Online Banking it seems like there is no option for me to change the default drug abuser silhouette icon. The only workaround I can think of is to remove the payee and recreate the payee via Breeze. I’ve lodged a feedback via Breeze’s internal inbox, hope they do something about it.

Do you have a SCB account? Have you tried Breeze? What do you think of it?

This year I sang the National Anthem, recited the National Pledge for a total of 3 times. The first once was at my daughter’s school where a National Day celebration was held in her school. It was really cute to see little primary school girl guides doing the drills of marching towards the flag pole with the flag, the unfolding and raising of flag.

Clié’s class performed two dance numbers and I have to say dancing is something she excel in. You can see her in the above photo. She is the middle one on the front row wearing the white skirt.

Cleo also performed this year and it was at the Punggol National Day Observance Ceremony. She did a dance number too with her classmates and they sang We are Singapore. The kids were in four groups and when the chorus came around each group represented a different aspect for “This is my country, this is my flag, this is my future, this is my life”. Cleo was the third group, so when it was her group’s turn for the line “This is my future”, she raise a roll of paper which represented certification. Quite cute.

At the Punggol event, there was also a decorate your bike contest, so you can find all sort of bikes decorated with red, white, flags, stars, etc. It was really carnival-ish feel to it. Very nice.

At the Punggol event, there was also the traditional National Anthem, Pledge reciting too, so that makes it my second set.

In the evening, our good friends came over for dinner. We just ordered pizzas and watch NDP on TV. Living in Punggol, we get to see all the planes from Paya Lebar airbase taking off, getting into formation and flying eastwards in their formation, then turning south over Changi and then heading towards the Padang where the main celebrations were. On twitter, I can see so many people from all over Singapore tweeting about the planes flying over where they stay. Suddenly I felt Singaporeans were so close to one another and how dense our tiny country really is. But no matter how small we were, “NDP” made trending topic on twitter.

So during NDP on TV, I sort of did the National Anthem and pledge thing once again which completes my third set.

A few interesting NDP related links:

1. Singapore Swing (Singapore songs done with a Jazz touch. Free MP3 downloads.)
2. Fly our Digital Flag (an initiative started by Victor and myself to encourage Singaporeans to put up their flags online. Just before the NDP parade, we manage to get 2500 supporters. woot! You can also see Victor’s post here.)
3. Tweets with “NDP” on 8 Aug 2010 (NDP became twitter trending topic during the parade time.)

The following is taken from mypaper.sg where the “Fly our Digital Flag” initiative was covered.

So, we should do something for next year! Feel free to share your ideas here and we’ll see what can be done.

Once again. Happy National Day Singapore. This is HOME truly.

After doing many websites, sheer experience tells us a lot can be done just using XHTML, CSS and Javascript. If you are doing it for yourself and maintaining the site yourself, it’s easy, but if you are handing it over to your clients who do not know HTML and will be updating the site using a CMS, things can get a abit tricky on how you go about on your XHTML and CSS.

Clients (the normal kind) do not know HTML and they usually manage content of their website via WYSIWYG editors in the CMS. The common WYSIWYG editors that are used by popular CMSs are like TinyMCE (used by WordPress, Joomla, Squarespace, Interwoven, Umbraco and more) and CKEditor (used by MailChimp, DotNetNuke, FatWire and more).

The following are the most common stuff your clients will do:

1. Add headings – Titles, subtitles
2. Add paragraphs of text – with bold, italics, underlines, links + sometimes different font colours for highlighting text
3. Add images – left and right align and sometimes with links or captions. upon click, some might even launch a larger view
4. Add list items – ordered and unordered
5. Add Tabular content – for displaying data, not meant for layout
6. Highlight Quotes – to highlight specific catchy phrases
7. Maintain Definition lists – glossary like content, but used rarely
8. Create Forms – rarely, but maybe

So we need to ask ourselves, if our clients don’t know HTML or CSS, will they be able to achieve the layout we proposed? Jason Santa Maria’s articles are beautiful. They are what I call handcrafted pages. I’m sure your clients won’t be able to do that with a normal CMS implementation.

So when marking up XHTML and CSS for client managed content, we should always think of using the basic default HTML elements. But of cause if really really need be, these WYSIWYG editors mostly allow custom CSS class declarations, but don’t expect your clients to remember applying classes to many many items on one content page. Having a CMS is meant to be easy for maintenance for them.

So when designing a template, do make sure in the content area, all the basic HTML elements that will be used by the WYSIWYG editor is declared and styled. If you want a quick start, have a look at Mollio, Tripoli, BlueTrip and HTML-Ipsum.

I’ve always told myself, if my clients knew advance HTML and CSS… i’ll probably be out of a job soon.

The Web Standards Group (WebSG) met on 4th Aug 2010 and it feels like its been a year since we last met.

Andy Croll started the night with his experience on running a web business. He shared his personal tips and tricks of the key stuff that matters. From day rates to distractions, from client issues to payment collections.

The point that really resonated with me is how he mentioned about designing within the browser and how its like sculpting and chipping away at a huge piece of rock while photoshop was more like a modelling tool. So designing within the browser meant using HTML to design and build the end product step by step and getting closer to the end product just like his sculpting analogy. I read something like this before but can’t seem to remember where. This concept is sound, just that it might not work for a traditional-new-media company (if you know what i mean).

Yuhui was up next. He shared on his 2 weeks experience on HTML5′s canvas element and how he used it to create his Lantern Corps logos and Singapore flag. Cools stuff. It reminded me of my primary school days when my dad sent me to computer classes to learn logo programming which I really loved.

The above photo is of Dr. Kevin Lim sharing about how game mechanics can make productive work fun. He shared hardcore stuff and I think his knowledge came from years of experience and research during his PHD. It felt like a real crash course, somewhat like chicken essence for your brain. Real good stuff. You can find his slides here.

My take away was not really the content in his presentation, but instead on how receptive he was to comments and feedback. I could literally see “+1exp” rising up from his head like an RPG game when he listened attentively to those in the audience. I see too many people trying to be defensive, but his receptiveness was a real breath of fresh air.

I finally met Winnie Lim. I’ve know her online for eons and had never had a chance to meet her till this WebSG. I’m glad she came.

So the first official WebSG meetup happened in 2007 and its been 3 years now. How time flies. Looking forward to the next one. Once again, thanks to Lucian who made all these possible.