Bridging connections

Chee Aun speaking at JSConf.Asia 2016

On 25 November 2016, I gave a talk at JSConf.Asia (day 1). It was supposed to be a 30-minute talk but when I rehearsed it on the night before, it turned out to take more than an hour! Luckily I manage to squeeze it into a small timeframe somehow 😅

Here are the slides and the video:

Video of Chee Aun's talk 'Bridging Connections' at JSConf.Asia

During the talk, I was wearing my favourite San Fransokyo t-shirt from Cotton Bureau. I use a MacBook 12" with a USB-C Digital AV Multiport Adapter that connects to the HDMI display projector. It was the last talk of JSConf.Asia Day 1 at 4:30PM. The talk before me, which starts at 4PM, was by Marco Cecconi and imagine how nerve-wracking it was for me to wait at the backstage for 30 minutes 😰

Nevertheless, here lies a written (extended?) version of my talk (perhaps for those who are not into videos).

Bridging Connections - Slide #1

This is a photo I took at Hohenzollern Bridge in Cologne. It's kind of a wordplay since the title of my talk is 'Bridging connections'. It's also the first bridge I see that has a lot of love padlocks, which kind of relates to connections 💞

Bridging Connections - Slide #2

Hi, I'm Chee Aun. That's my usual waving emoji whenever there's someone new in the Kopi.JS chatroom (or any chatrooms).

Bridging Connections - Slide #3

I'm @cheeaun on Twitter. The 'You should follow me on Twitter' text at the bottom right was my attempt to revive Dustin Curtis's experiment on clickthrough rates. I wonder if it would work for slides? 🤔

Bridging Connections - Slide #4

So most of my social avatars now use this photo, but as social media sites require square or circle avatars, the actual photo is cropped.

The cropped part reveals a selfie coffee at the bottom, which I can drink a coffee with my face on it. I was wearing my favorite Beyond Tellerrand t-shirt (It says 'Five' because 5 years) and this photo was taken by Valentine Chua during the 14th Kopi.JS meetup on 21 May 2015.

Bridging Connections - Slide #5

And this is me on TV. It's an interview about me building my TaxiRouter SG app on Channel 8 News. In Mandarin 😅

Bridging Connections - Slide #6

And me again, this time on a huge projector screen. The man on the stage, and also the smaller projector screen on the left, is Dr. Yaacob Ibrahim, the Minister for Communications and Information in Singapore.

I like how my colleague, Lester Chan, commented on the photo which was taken by Huiyi. There's also another photo taken by U-Zyn from another angle 🙈

Bridging Connections - Slide #7

I'm born in Penang, one of the states in Malaysia. I stayed there since birth, moved to Kuala Lumpur for 4 years and now in Singapore for almost 7 years.

Bridging Connections - Slide #8

I was planning to give a technical talk ever since my proposal was accepted in the CFP. However, it's kind of difficult to maintain the excitement of my topic until November, especially when I'm not one of those professional speakers who give the same talk in multiple conferences throughout the whole year.

One day, Thomas messaged me, telling me that I'd be the best person to do a community talk. 'Self-reflectability' is a word that he invented which kind of describes me in a good way 😅

Bridging Connections - Slide #9

This year has been an awesome year for me. I used to blog once a year, but I manage to write so many articles this year! I built a whole bunch of apps and wrote down all the implementation details, design processes and my experiences.

One of the prominent articles I wrote this year is 'Being invisible'.

Bridging Connections - Slide #10

I guess this is the article that makes me self-reflective, as people around me start to know me better.

I didn't expect the conference audience to read this immediately as it'll probably take like 30 minutes to read it. It took me two years to write it and finally have the courage to publish it.

Bridging Connections - Slide #11

I've also built Life, which is simple side project that shows a timeline of important events in my life.

Bridging Connections - Slide #12

This is my own life timeline on cheeaun.life. Yes, that's a dot-life TLD.

Bridging Connections - Slide #13

Before I proceed, I try to set expectations and set a disclaimer that this is not a technical talk.

Bridging Connections - Slide #14

Since it's the last talk of the day, I suspect that the attendees are getting pretty tired (especially those who attended CSSConf.Asia on the day before). No code on the slides. No worries.

Bridging Connections - Slide #15

I'm a storyteller and yes, I like to tell stories.

Bridging Connections - Slide #16

But first, let's look at photos. It's like appetizers before the entree.

Bridging Connections - Slide #17

This is a group photo of the attendees in last year's JSConf.Asia.

Bridging Connections - Slide #18

This is a group photo of a bunch of engineers, designers and makers in Geek Brunch SG which happened on 30 April this year.

Bridging Connections - Slide #19

And… the first Geek Brunch, on 1 March, two years ago. There's a story behind it.

Bridging Connections - Slide #20

This is a group photo of my classmates and teachers in my secondary school, SMK Dato' Onn, in Butterworth, Penang. That's me in the red circle.

Bridging Connections - Slide #21

For some reason, group photos always remind me of anime group photos since I watch animes all the time. This is Naruto, one of my most favorite Japanese animation series.

Every single time when I see group photos, I start to wonder, why do we even take them? It's kind of troublesome because everyone needs to gather, stand for a few minutes, look at the cameraman to give hand signals and pose when the shot is taken. It makes me wonder as I look at every single person in the photo, trying to think if I know everyone or even talked with some of them.

I asked myself and think it's time to look back into the beginning and try to understand this.

Bridging Connections - Slide #22

Initially I use "Let's start with the beginning" but don't know why I change it to "Let's begin with the beginning". Probably I'm trying to play with words here again 🤔

Bridging Connections - Slide #23

First is Chris Neale, the first stranger on the Internet who offered help to me, without me asking at all.

I'll never forget him as what he did really changes the way I think about communities on the web. At that time, I don't know how he looks like, what's his real name, and where he's from. Yet he lent a hand when I needed it. He probably doesn't know how I look like, what's my real name and where I'm from too. A stranger helping a stranger, in a boundaryless world of the web.

Bridging Connections - Slide #24

Second is David Tenser. He's the first person who inspired me on UI design. I first learn about "native user interfaces" from him and it sparks my whole obsession with building native-like interfaces and experiences.

Bridging Connections - Slide #25

Besides people, sometimes web sites can be a form of inspiration too. This is css/edge by Eric Meyer, the first web site that inspired me to learn CSS.

It might seem a bit plain now, but it was really cool back then. I especially love the complexspiral demo.

Bridging Connections - Slide #26

This is A List Apart by Jeffrey Zeldman, which was the ultimate source of all the cool CSS, JavaScript and web design tricks last time. I took this old 2001 screenshot from Wayback Machine. It's really nostalgic to see the validation text for HTML 4.01 and CSS-1 there ☺️

Bridging Connections - Slide #27

Not forgetting Kamal Fariz, the first person who tricked me into giving my first public talk. And that first talk was at BarCamp Malaysia, on July 2008, just one month after my university graduation in UTAR.

Bridging Connections - Slide #28

Also not forgetting Jinny Wong, who teached me a bit on coding when I was a total beginner. I remember asking her about a simple if/else statement and she told me that I did it correctly.

Thinking about it, these are not big helps. These are just small gestures that push me forward as I was struggling with my studies, my passion and my journey in learning new things.

Bridging Connections - Slide #29

They have changed my life.

Bridging Connections - Slide #30

They've inspired me to become who I am now, from the very beginning.

Bridging Connections - Slide #31

I don't know why, but I decided that I want to be like them. I want to be cool like them. I want to inspire other people and become a hero.

Bridging Connections - Slide #32

I did a lot of things like attending many different kinds of meetups, not just JavaScript or CSS ones.

Bridging Connections - Slide #33

I built a lot of apps and still continue building. I maintain a lot of them too. I'm known for my side projects.

Bridging Connections - Slide #34

I write blog posts and sometimes give talks when I feel like it.

Bridging Connections - Slide #35

For the past three years, I embarked on a journey. I was feeling kind of trapped in Singapore (and Malaysia) and needed to get out to see things outside. I want to see my web heroes, see them talk in real life and know more heroes in other cities and countries.

Bridging Connections - Slide #36

As shown on my Life, these (in the red box) are my travels outside of Singapore, since the beginning of 2014 until 2015.

Bridging Connections - Slide #37

2014: 7 conferences, 5 cities, 4 countries. The photo on the right is the stage of JSConf.EU taken on 13 September 2014.

Bridging Connections - Slide #38

2015: 8 conferences, 5 cities, 5 countries. The photo on the left is the stage of Beyond Tellerrand taken on 11 May 2015.

Bridging Connections - Slide #39

2016: 9 conferences, only Singapore and Tokyo. Photo on the right is the stage of RedDotRubyConf taken on 23 June 2016.

Bridging Connections - Slide #40

When I was working on this slide, I counted the number of conferences and was genuinely surprised 😱. In 3 years, I've attended 25 conferences!

In all 24 conferences, except JSConf.Asia 2016, I did not speak at all. Just a normal attendee. I would usually sit at the back of the conference hall and look at the speaker. But this time, I'm looking at the other way around with all the spotlights above me, which I find… rather interesting.

Bridging Connections - Slide #41

As I attend so many conferences, I start to jot down all my reasons for attending them. I found out about the real reasons, tips and tricks for going to conferences and has been advocating to my friends to attend as well.

Bridging Connections - Slide #42

After all these years, I ask myself "What have I learned?".

Bridging Connections - Slide #43

I ask lots of questions.

Bridging Connections - Slide #44

I ask people how they organize events, from small meetups to huge conferences. Where does the food come from? How do you get the sponsors? Who record the videos? Where do you print the t-shirts from? How do you get the volunteers? How do you pick the talks from the CFPs?

Bridging Connections - Slide #45

As I go to many meetups and conferences, I meet more and more people from various companies, industries and backgrounds. There are two persons that I would like to mention.

Bridging Connections - Slide #46

This is Sayanee.

Bridging Connections - Slide #47

She's the creator of We Build SG, a web site that aggregates all the free tech events in Singapore. She also gave a lot of talks and even encouraged a lot of people to give talks.

Bridging Connections - Slide #48

We Build SG is built to make it easier for people to find out about tech events in Singapore, as there are always new people coming to Singapore and want to engage with the community.

After a while, Sayanee use all the aggregated data and introduced data.webuild.sg which features some visualizations of events, user groups, and repositories.

Bridging Connections - Slide #49

This is Michael Cheng. He is like a must-know tech community guy in Singapore 😎

Bridging Connections - Slide #50

Michael built Engineers.SG, a not-for-profit community initiative, created to help document the Singapore tech and startup scene. Simply put, it's a web site that lists all video recordings of almost all meetups in Singapore.

Now the question is, where do these videos come from?

Bridging Connections - Slide #51

Well, they are recorded by Michael and a few trained volunteers. With all those video, audio and screen recording software and hardware equipments. For free. Since 2013.

Bridging Connections - Slide #52

Michael and Sayanee are very special to me, and so it came to a point when we have a chance to organize Geek Brunch SG together this year (2016). That's a photo of us at Wheeler's Yard on 30 April 2016.

Bridging Connections - Slide #53

I would like to mention Lakshan as well, for giving me a rather-accidental chance of hosting a meetup that's very different than other meetups.

Bridging Connections - Slide #54

I wrote a whole story on how Kopi.JS got started, mainly thanks to him for being curious about ordering the local coffee (kopi) in Singapore.

Over the years, it's amazing to see how this is growing.

Bridging Connections - Slide #55

This is the 17th Kopi.JS meetup, on 4 October 2015. Two students there from SUTD.

Bridging Connections - Slide #56

This is the 9th Kopi.JS meetup, on 24 January 2015.

Bridging Connections - Slide #57

This is the 21st Kopi.JS meetup, on 1 February 2016. The guy in the red shirt is the awesome Guillermo Rauch.

Bridging Connections - Slide #58

Besides organizing meetups, I print Kopi.JS stickers and give them away.

Bridging Connections - Slide #59

I print a few Kopi.JS t-shirts and give them away.

Bridging Connections - Slide #60

I also helped in designing logos for other people, like the one for RedDotRubyConf.

Bridging Connections - Slide #61

Sometimes I just design for fun, like the iOS Conf SG stickers.

Bridging Connections - Slide #62

I also print more stickers for other people and local meetups here, like these SingaporeJS and SingaporeCSS stickers.

Bridging Connections - Slide #63

Here's a photo I've taken at Rheinuferpromenade in Düsseldorf. I use this photo as hint for myself to transition to the next slide. On my Instagram, I described it as 'Looks like a long way to go', to visualize my journey so far.

Bridging Connections - Slide #64

After doing all these things, I start to ask myself, why am I doing this?

Bridging Connections - Slide #65

In fact, I'm not the only one doing this, there are many people out there who did way more than what I've done. So the question should be why are we doing this?

I've seen a lot of people who come and go. New meetups are organized and old meetups are gone. Hosting a meetup is so tiring. Going to meetups are so tiring. Talking with people can be tiring. Printing stickers need money. Printing t-shirts is not simple at all. Recording meetups is not simple at all. All these can be very tiring and sometimes… stressful.

Again the question is… why?

Bridging Connections - Slide #66

There could be a lot of reasons for the things that we do. After a while, I realised that sometimes you don't need a very complicated or long-winded answer to the question.

In the end, it's just one simple reason.

Bridging Connections - Slide #67

It's the "Thank you"'s. It's the "Oh my god, you saved my life" kind of feedback. It's basically all the positive feedback that you get from other people, perhaps from emails, instant messages, forums, articles or words of mouth.

These two powerful words are what kept me and many others going. It might not seem like a lot but it really means a lot.

Bridging Connections - Slide #68

Sometimes, I feel that some of us have taken things for granted. We take a lot, but sometimes we don't give a lot.

Think about all the libraries and frameworks that we use. All the nice documentation, READMEs, articles, podcasts, screencasts, and tutorials that we refer to. Think about it. Who wrote them? How much time does it take to write them? It's actually a lot of work.

My point here is that sometimes we should take time to give back. If you found a bug, report it. If you found a typo, make a pull request. Ask the organizers if they need help.

Bridging Connections - Slide #69

Obviously you can do more to help others, like giving talks, write articles or even teach other people.

Bridging Connections - Slide #70

Eventually, I realised that almost everything we do is always about the people. Seriously, everything.

For example, building a product is always about getting more users and customers, and making them happy. Building a library or framework needs people to use them so that it can be better as more people contribute back. Writing a web standards specification needs developers to give feedback and ideas so that it would be useful for themselves. Meetups and conferences wouldn't be possible at all without people buying the tickets and attending them.

Talking about people, I really mean everyone. Family members, relatives, cousins, school friends, work colleagues, and even people outside of your circle.

Bridging Connections - Slide #71

This is Winnie Lim, the best storyteller ever, in my opinion. She writes a lot and I always read her writings, as they reflect upon her own opinions, as well as mine.

Bridging Connections - Slide #72

The title of my talk is in fact stolen from her article, 'Bridging connections'.

Bridging Connections - Slide #73

At the end of her article, there is this quote that I really like:

We were all very different individuals, from vastly varying backgrounds and life stories, with divergent trajectories and hopes – but all of that didn’t matter when we were all bridged by the work we all love to do, made possible by the lack of a physical distance across ones and zeroes.

So beautiful.

Bridging Connections - Slide #74

Thank you 😊