Talking about talking CSS
Tags: css, personalnews
Published: 2018-08-04 22:28:47

---
title: "Talking about talking CSS"
published: true
tags: css, personalnews
canonical_url: https://www.chenhuijing.com/blog/talking-about-talking-css/
---

_This is almost a live recap of my tour of South-east Asia (and Hong Kong) this month (September 2017) and will be updated as things chug along. There’s also a long introductory passage about public speaking, skip if you’re not interested._

### 15 days, 7 talks, 5 countries

- Form Function Class 8 @ 🇵🇭
- Mozilla Developer Roadshow @ 🇸🇬
- Mozilla Developer Roadshow @ 🇻🇳
- Mozilla Developer Roadshow @ 🇲🇾 (Kuala Lumpur)
- Mozilla Developer Roadshow @ 🇲🇾 (Penang)
- Mozilla Developer Roadshow @ 🇭🇰
- Harbour Front @ 🇭🇰

## About speaking at conferences

How would you feel if you’re given the opportunity to talk about one of your favourite things in front of a large group of people? For the little group of people who have attended [Talk.CSS](https://singaporecss.github.io) before (I LOVE you all), it seems like I’m pretty okay with public speaking, and honestly, I generally am. But an “official” event, like a conference (or anything with a budget, actually), does feel different.

I know that Chris and I often joke that we’re flying blind when it comes to Talk.CSS, and that’s largely true, and we do a lot of improvisation and ad-libbing for that, but meet-ups are generally quite casual and relaxed. Conferences (and events with a budget), at least to me, come with a greater responsibility and an air of professionalism.

Professionalism is NOT something that you’d usually associate me with. If you’ve met me, you know this. Monkey is probably a closer association. But I do have a “adult-mode” switch that I can, and will, turn on when the need arises. Conferences (and events with a budget) are situations that require some serious adulting.

My first full length talk took place this year at the inaugural [Webconf.Asia](https://webconf.asia) in Hong Kong back in June. The speaker line-up included well-known and experienced speakers like [Bruce Lawson](http://www.brucelawson.co.uk/), [Heydon Pickering](http://www.heydonworks.com/) and [Andrew Betts](https://trib.tv/) (just to name a few). I think I came after [Dietrich Ayala](https://metafluff.com/) (another powerhouse speaker), and I was way more nervous than I thought I would be.

Luckily, once I started, the nerves started to fade. I think nerding out about CSS makes me so happy that it overrides any other emotion I may be feeling at that time. It’s almost the same as when you’re “in the zone” when playing basketball.

The first time I was flown out of Asia for a talk was for [pitercss conference](https://pitercss.com/) in Saint Petersburg. I’d never even been anywhere close to Europe before, so I chose to fly out a week before the conference just to spend more time there.

The conference was amazingly well-organised, and the turnout was fantastic. Words are insufficient to describe the experience, but there will be video released later so check back for the link. Met so many wonderful people here, like [Vadim Makeev](https://twitter.com/pepelsbey_), [Aga Naplocha](http://aganaplocha.com/) and the Viennese Mafia of [Eva Lettner](https://twitter.com/eva_trostlos), [Andrey Okonetchnikov](http://okonet.ru/) and [Manuel Matuzovic](http://matuzo.at/).

I’ve had the privilege to do quite a bit of speaking this year, and I’m so grateful to every organiser who chose to take a chance on me, a literal no-name speaker, and all the audience members who came up to me after to chat and tell me they enjoyed my session. It really means a lot to me.

There are a lot of developers from South-east Asia who do great work, it’s just that there isn’t that much visibility on them. I don’t often see speakers from my region in international conferences, and I do feel an added responsibility to represent us in the best possible light.

## 🇵🇭 @ Form Function Class 8

Speaking [FFC8](http://2017.formfunctionclass.com/) is definitely going to rank as one of my top experiences ever. First of all, FFC5 was my first ever conference as an attendee, and I truly experienced Filipino hospitality at its best. This time I was attending as a speaker, presenting a brand new talk about CSS layouts, AND I had the ridiculous idea of doing a small snippet of live-coding on stage.

<figcaption>Wondering what past me was thinking when I thought live-coding was a good idea, haha (joking...a little bit)</figcaption> ![On stage at FFC8](https://www.chenhuijing.com/images/posts/talking-css/ffc8-640.jpg)

Even though I rehearsed the talk a number of times, there were no guarantees that things wouldn’t go wrong and there was a bit of a snag in terms of the set up. But I changed how the code was presented at the last minute so there was way less typing involved. Really relieved things didn’t go badly 😌.

What I did not expect, was the overwhelming response when I finished my session (a few people at the back actually stood up 😍). I was just hoping that the audience wouldn’t find my talk boring (because I have had people fall asleep in front my face, 🤷) so this was amazing. It might have also been the fact that I managed to weave in Beyoncé into the talk somehow 😎, so I would also like to thank Queen Bey for this successful talk.

There are [lots of photos](https://www.facebook.com/171813495550/photos/?tab=album&album_id=10159393074875551) of the conference on Facebook, and here’s a highlight video.

<iframe style="margin-bottom:2em;" width="560" height="315" src="https://www.youtube.com/embed/MOWwDj1K66M?rel=0" frameborder="0" allowfullscreen=""></iframe>
## 🇸🇬 @ Mozilla Dev Roadshow Singapore

Landed back home for a couple days and also the very first stop of the Mozilla Developer Roadshow. Because Singapore is sort of my home base, I naturally strong-armed everyone I knew to show up for this. Why I still have friends left is a mystery to me 😈.

The line-up for the Singapore stop was packed, and we had THE [Jeremy Keith](https://adactio.com/) doing what I personally think is one of the most inspirational tech talks I’ve ever heard, on Evaluating Technologies. And to hear it live was such a wonderful experience.

My session actually stuck between two of the biggest names in web development, Jeremy Keith and [Vitaly Friedman of Smashing Magazine](https://www.smashingmagazine.com/), so forgive me if I was just a little bit stressed. AND my iPad, which was a pretty critical part of my talk setup, decided it was the best time to have a hardware failure.

But the advantage of being at home is that I was surrounded by familiar faces and managed to cobble together a temporary solution, thanks to my shifu, [Michael Cheng](http://coderkungfu.com/), who generously just lent me his iPhone instead. Michael, you awesomez!

Jeremy wasn’t joining us for the rest of the trip and we had to say goodbye at the end of the event. But I did manage to hang out with everyone to nerd out about the web in general the night before. We even had an action item to file a bug, because Vitaly, [Markus Seyfferth](https://twitter.com/indysigner) and I concluded that Chrome had a bug with CSS grid for print stylesheets.

Jeremy also suggested to do this recap of the Roadshow experience and so I’m writing this blog post 🙆. The talk that I did this time was a variant of the one I did at FFC, but Bruce Lee replaced Beyoncé. I also think this is the first time a lot of my friends have seen me turn on “adult mode”, so that was kinda fun. [Elisha Tan](http://elishatan.com/) (the superwoman running [TechLadies](http://www.techladies.co/)) said it best:

<figcaption>“You know it's big business when Huijing Chen styles her hair and says no hokkien.” (photo credit: Elisha)</figcaption> ![Speaking at Singapore stop of Mozilla Developer Roadshow](https://www.chenhuijing.com/images/posts/talking-css/moz-sin.jpg)

There’s also a fantastic team working on capturing the best parts of the entire roadshow. I think full length talks will be released as well, so stay tuned. [Subscribe to the Mozilla Hacks Youtube channel](https://www.youtube.com/channel/UCijjo5gfAscWgNCKFHWm1EA?sub_confirmation=1)!

<iframe style="margin-bottom:2em;" width="560" height="315" src="https://www.youtube.com/embed/Fun1UWhwO0g?rel=0" frameborder="0" allowfullscreen=""></iframe>
## 🇻🇳 @ Mozilla Dev Roadshow Ho Chi Minh

Next stop, Vietnam! I’d only ever been in Ho Chi Minh for a grand total of 6 hours before this, so it was nice to be able spend a bit more time here. One thing that I tell every one who will listen is that Vietnam has a lot of talented developers, who are working on really cool projects that make use of cutting edge technologies, it’s just that nobody has really shone a spotlight on this region. Yet.

We had the chance to meet with teams working on VR projects, and even though what we played with were prototypes, they felt way more polished than some commercial products I’ve seen before. The audience was smaller than in Singapore, but that also gave everyone more time to connect with each other and try out the webVR kits and play around with [A-Painter](https://aframe.io/a-painter/).

I tried A-Painter for the first time ever, and it was amazing. To quote [Fabien Benetou](https://fabien.benetou.fr/):

> You may think you know VR, but until you put on the headset, you don’t.

As someone who played a lot of video games growing up, using the controllers was super intuitive. Think Nintendo Wii style nunchucks (but not really), in both hands. It’s really fun to be able to draw and create in a 3-dimensional space. But my favourite thing (because I’m weird) was the teleportation function, where after you draw a bunch of stuff, you can just teleport yourself some distance away to admire your handiwork.

<figcaption>No idea what I found so fascinating on the floor though</figcaption> ![Trying out A-Painter for the first time](https://www.chenhuijing.com/images/posts/talking-css/moz-hcm-640.jpg)

Now that I’ve done the semi live-coding thing on my slides twice before, I was less nervous about the setup not going to plan, because yet again, my extended screen glitched and I ended up having to look at the main screen and type with one hand (because microphone). Turns out the first time in Manila was the most successful attempt 🤣.

Also met a fellow Malaysian, [Ondris Pui](https://twitter.com/ondrispui), who’s currently lecturing at the Ho Chi Minh campus of RMIT, as well as [Jolanda Tromp](https://twitter.com/jolandatromp), who’s a researcher at Duy Tan University focused on user-centred AR/VR. Lots of interesting conversations with interesting people doing interesting stuff.

<iframe style="margin-bottom:2em;" width="560" height="315" src="https://www.youtube.com/embed/VRW2igNFSn8?rel=0" frameborder="0" allowfullscreen=""></iframe>
## 🇲🇾 @ Mozilla Dev Roadshow Kuala Lumpur

Even though the event is said to be in Kuala Lumpur, a local will tell you, technically Cyberjaya isn’t really KL. But tomayto, tomahto 🤷. This is the only weekend event scheduled, and it was a full-day thing, with 3 talks in the morning, a nice leisurely lunch break, then 3 more in the afternoon.

<figcaption>So glad that there was time for David's talk this time</figcaption> ![David Bryant on emerging technologies](https://www.chenhuijing.com/images/posts/talking-css/moz-kl2-640.jpg)

[David Bryant](https://twitter.com/david_bryant) rejoined our motley crew and gave a longer version of the emerging technologies talk, which included a fascinating section on [WebAssembly](http://webassembly.org/), as well as the research coming out of Mozilla on [speech interfaces](https://research.mozilla.org/machine-learning/). Also, Dietrich joined us for this leg of the roadshow! And somehow I was scheduled immediately after him again 🤣.

<figcaption>Class photo time! (someone is missing)</figcaption> ![Almost every one for the KL roadshow](https://www.chenhuijing.com/images/posts/talking-css/moz-kl-640.jpg)

And I didn’t anticipate this at all, but there was a warm, fuzzy feeling to speaking in my own country ❤️. It was the first time I did a talk in Malaysia. I don’t expect everyone to understand this, but that moment when I mentioned “Saya bangga jadi anak Malaysia”, and the audience applauded, will be one of the highlights of this roadshow for me.

As someone who had the privilege and honour of representing the Malaysia women’s basketball team once in my life, I suppose this idea of being a representative for your country is a bit more emotional to me than most other people. Maybe. (Or I’m just a weird person)

<figcaption>Feeding the cats...</figcaption> ![Dinner in KL, like really KL city](https://www.chenhuijing.com/images/posts/talking-css/moz-kl3-640.jpg)

Anyway, my overly complicated talk setup went wrong again, this time, the resolution on the iPad was so off that I couldn’t read a single word of my speaker notes. Guess it’s a good thing I already did this talk a few times. But flying blind meant that I probably didn’t keep to time that strictly. I just want the setup to work perfectly once. Just one time on this hectic tour 🤞.

<iframe style="margin-bottom:2em;" width="560" height="315" src="https://www.youtube.com/embed/4uhbvlR3nhk?rel=0" frameborder="0" allowfullscreen=""></iframe>
## 🇲🇾 @ Mozilla Dev Roadshow Penang

Penang has and will always have a special place in my heart. Even though my family moved away from Penang when I was 4, our household was completely Penangite. I remember learning to read English with my mum, and learning to write Chinese with my grandma, but I came out of the womb speaking Penang Hokkien.

Penang Hokkien is very distinct, and because it’s not commonly heard outside Penang, I’m very attuned to anyone speaking it. Imagine being constantly surrounded by people speaking differently from you almost all the time, then suddenly finding yourself surrounded by people speaking exactly the same way you do. It’s an indescribable feeling.

<figcaption>Penang is all about the food</figcaption> ![Audience at the Penang event](https://www.chenhuijing.com/images/posts/talking-css/moz-pen3-640.jpg)

We had a new friend join us on this leg of the tour, Mozilla representative and Infosec researcher, [Mijanur Rahman Rayhan](https://reps.mozilla.org/u/mijanur/), who is based in Bangladesh. He kicked things off with a great talk about privacy and security. Be sure to check out [his blog](https://rayhanroot.wordpress.com/) too!

Remember how my talk setup has never worked correctly? Ever? Well, turns out fourth time’s the charm! 🙆 This time, the screen resolution was perfect, nothing died mid-way while I was speaking, and the talk went pretty smoothly. And I made sure to weave in 「我是庇能出世的孩子」(of course spoken in Penang Hokkien) into my introduction. _(translates to “I was born in Penang”)_

<figcaption>Charis in action!</figcaption><video src="https://www.chenhuijing.com/videos/moz-pen.mp4" controls=""></video>

Dietrich was super entertaining as usual, and we had to say good bye after this because he was off to India next. We also had a super cool local artist, [Charis Loke](https://www.charisloke.com/) doing a live demo of A-Painter, her artwork was fantastic. And it was all live!

<figcaption>Lovely people who came to the event</figcaption> ![Audience at the Penang event](https://www.chenhuijing.com/images/posts/talking-css/moz-pen2-640.jpg)

I also got the chance to chat with lots of lovely Penangites after the talks were over, about Penang, about speaking, about tech in Penang and Malaysia in general, and all sorts of other things. I might be part of DevFest Penang (I think that’s what it’s going to be called) in November as well. We’ll see how that goes 🙃.

<iframe style="margin-bottom:2em;" width="560" height="315" src="https://www.youtube.com/embed/P3s6QwThdBM?rel=0" frameborder="0" allowfullscreen=""></iframe>
## 🇭🇰 @ Mozilla Dev Roadshow Hong Kong

It’s the grand finale of the Mozilla Developer Asia Roadshow and it has been an amazing experience all around, with some fantastic people. I had recently been in Hong Kong, back in June, for [Webconf.asia](https://webconf.asia/), which was my first ever full-length tech talk. That talk went reasonably well, and I was pretty happy to be back here again.

<figcaption>Have to get some exercise in with Fabien and Markus</figcaption> ![Hiked around Victoria Peak](https://www.chenhuijing.com/images/posts/talking-css/moz-hk-640.jpg)

The gang wasn’t all staying at the same hotel this time because of some booking issues but we were still in close enough proximity with each other. If you’ve never been to Asia, and hear that Hong Kong and Singapore are the same, you’re sadly mistaken. Asia (and to be fair, almost anywhere else in the world) is like VR, until you’ve experienced it first-hand, you don’t know what it is.

The vibe that I get from Hong Kong is that it’s a bustling, modern city, and yet it retains a lot of its unique flavour, from the narrow alleyways, neon billboards and shop signage. It has a much more organic feel than Singapore, with old sidled right up with new. If I was a better writer, I’d have better words to explain this, but I’m not, so 🤷.

For this stop, we had [Brian Birtles](https://birtles.wordpress.com/) and [Daisuke Akatsuka](http://minism.jp/) presenting on web animations as well as the Firefox Devtools that let us troubleshoot them. Totally blew my mind. I had been using Nightly since last year, so I felt like I had been living under a rock because I sort of always just glazed over the _Animations_ panel and went straight for the _Layout_ panel.

<figcaption>Really informational AND fun talk on web animations</figcaption> ![Audience coded along with the talk](https://www.chenhuijing.com/images/posts/talking-css/moz-hk2-640.jpg)

One of the best parts of this roadshow is the opportunity to meet really interesting people, and Hong Kong definitely did not disappoint. We went out for food and drinks after the event with [Jason Li](http://www.hongkonggong.com/) and [Tricia Ling](http://www.tricialing.com/). Jason is a cartoonist and designer who is based in Hong Kong at the moment, and he’s working on a graphic novel called The House on Horse Mountain. He also made really cool sketchnotes of the entire event 😍!

<figcaption>Sketchnotes for the win!</figcaption> ![Jason Li's sketchnotes of the event](https://www.chenhuijing.com/images/posts/talking-css/sketchnotes.jpg)

As the roadshow draws to a close, I must say that this has been a fantastic experience. It was intense and a little bit hectic, but I learned a lot, not only about technical stuff like webVR and animations, but also things like video editing, organising events, how to make your talk more compelling and so on.

<iframe width="560" height="315" src="https://www.youtube.com/embed/rcWE4cFhlKg?rel=0" frameborder="0" allowfullscreen=""></iframe>

I really appreciate the opportunity to be part of this roadshow and it has been a privilege to get to know each and every person on this team. [Barry Munsterteiger](https://twitter.com/instig8creative), who literally made movie magic with all the footage we got. [Sandra Persing](https://twitter.com/SandraPersing) and [Ali Spivak](https://twitter.com/alispivak), who put this whole event together. [Markus Seyfferth](https://twitter.com/indysigner), who gave me really great advice on improving my talk and my presentation slides. And all the other speakers, [Fabien Benetou](https://twitter.com/utopiah), [Jeremy Keith](https://twitter.com/adactio), [Vitaly Friedman](https://twitter.com/smashingmag), [Dietrich Ayala](https://twitter.com/dietrich), [David Bryant](https://twitter.com/david_bryant), [Mijanur Rahman](https://twitter.com/mijanurrax), [Brian Birtles](https://twitter.com/brianskold) and [Daisuke Akatsuka](https://twitter.com/dadaaism), I loved meeting all of you ❤️❤️❤️.

## 🇭🇰 @ Harbour Front

If the Mozilla Developer Asia Roadshow was a concert tour, then the Harbour Front meetup was an unplugged session. No video crew, no fanfare, just you, me and some CSS. I re-did the talk I gave at Form Function Class, but added a bit about [Viewport-percentage lengths](https://www.w3.org/TR/css3-values/#viewport-relative-lengths).

It wasn’t the rehearsed, down to the minute, polished version of the talk. I just riffed off whatever came up on the slides and talked about CSS and web layouts like I would in a casual conversation. The vibe was more relaxed and it was nice to have that after the intensity of the roadshow.

<figcaption>Regardless of setting, the hands gotta flail</figcaption> ![Unplugged about web layouts](https://www.chenhuijing.com/images/posts/talking-css/harbourfront.jpg)

The venue was at [the Hive](http://thehive.com.hk/) in Wan Chai, and it wasn’t a very big space, which made the whole feel more intimate. Using someone else’s laptop to present was also fun, because there were several instances of browser inconsistency bugs in my slides 😌.

Also had some nice conversations with a few designers and developers, and managed to help out someone who was trying to build a music app that displayed chords above song lyrics. Turns out the [HTML ruby element](https://www.w3.org/wiki/HTML/Elements/ruby) could be a potential solution for his use case.

Anyway, it was my last night in Hong Kong, as well as the last night of this whirlwind of a tour. No better way to end the trip than at the tallest sky bar in the world (at least for now), with a great view and even better company 😘.

<figcaption>Quite a view from 490m up</figcaption> ![Drinks at Ozone](https://www.chenhuijing.com/images/posts/talking-css/ozone-640.jpg)

## Wrapping up

So that’s it. 15 exciting days that literally just flew by. It was a super rewarding experience and will definitely be one of the highlights of my 2017. I’m a little bit talked-out for now, but no worries, after a brief hibernation period, I’ll be back at it again with added gusto (because Jeremy thinks I “[presented with gusto](https://adactio.com/journal/12894)”) 😆.

*Originally published at [www.chenhuijing.com](https://www.chenhuijing.com/blog/talking-about-talking-css/) on September 21, 2017.*