 Thank you! Okay, hi, hello, my name is Ken. Okay, just to liven things up. How many of you guys use CodePen? Raise your hands. How many has the pro account? Okay, so... No, no, no, I don't, I don't. No, I don't, I don't. No, but it's just to get things... So if there's a pro account, I'll just follow straight away. There's no need to talk about it. Yeah, so this is me. I love CSS, not because it's talk CSS, but because I truly love CSS. I love color gradients. I love skeuomorphism, things like that. So I also belong to a group called MinoDinosaur. So what MinoDinosaur do is basically we study JavaScript, we study CSS, we try out, and we basically have sessions almost like every weekend, Saturday, we try to help each other if we have problems with CSS, JS, we just come together and we just try to help each other. We also have a sub channel under CodePetium that also tries to solve any problem via chat. That's just how cool it is. Usually we have Chris who is there to give suggestions on how to solve problems. So that is a self introduction. Okay, why I'm speaking here today is because also quite related to MinoDinosaur because when we first started out, we were trying to find out, is there a platform for us to pose questions? Usually we pose questions, we write, but it's too hard to explain. So we need something like JSfiddle to put our codes up. But JSfiddle, we didn't choose it because it looks kind of plain, kind of whitish. I love CodePen and we love CodePen because of the color and the various functionalities that it provides on the interface, which I will do since all of you guys are CodePen users so I don't need to orientate you guys. How I use CodePen at work? I use CodePen at work for various small little demos because the thing is we... Okay, so I work at SPH, so there's a lot of things over there that needs CSS and JS. I don't know how to talk about JS, but CSS, there's a lot of things that requires our users to actually... our supervisors to look at, okay, it's the color right, it's the timing right. We know CSS, there's the animation timing, so transition delay and all these things. So we put on CodePen for ease of discussion. So this is how we use CodePen at work. And because there's also what you see here, okay, I'm using less, of course, that's kind of obsolete now, but the thing is instead of having to NPM install some less modules to preprocess our less files, I can just use CodePen and preprocess it for me, and I could just share it with my fellow colleagues. So this is how I use it at work. At play, so there you go, this is the hello that we saw. Which you'll see later. I use it, so this is based on the discussion that we had on the previous Talk CSS, and yeah, things like that. So I'll show you guys, because no demo, it's fun without the actual, you know, demonstration. So this is some of the things I did. Of course, you know, swipe left, swipe right, things like that. This is what we did at Milo Dynamics also, things like just trying out CSS, just trying out JS and, you know, animating stuffs. Okay, now for the most important thing. So late last night I was, I was actually kind of lost what to present today, and I remember I'm from Milo Dynamics, so I decided, okay, I have CodePen, what can I do? Let's try a simple pixel art generator. So basically I code using simple HTML, CSS, and I can just choose, like for example, it's a five-color theme, so I can just, you know, create pixel art from CodePen. Okay, and like, you know. Okay, the reason being, reason being why I created this was also that I could create something like this. I needed something straight away that I could just add a change of one HTML class and run it. I could bring, do I have internet connection? No, I don't have. Oops, sorry about that. Is there internet connection here? Yeah. Okay, sorry for this moment. Let me try to run. Yep. I could bring my Milo Dynamics into life with simple CSS. So that's how awesome CSS is, and SVG is, of course, because this is SVG. And yeah, this is what I do for fun. So, yeah, so do use CodePen and do share, because basically what I like about CodePen actually is also a very nice place for inspiration. So if I were to... So one of the nice things which we don't get at JSvido is big pens. And like, you can see all the awesome things that people are doing on CodePen, which I guess you guys know, because basically I spend at least one hour every day at least going next and next and trying to find out, get inspiration from them. It could be fun, it could be for work. So let me go back to my slides. So, all in all, I just want to thank CodePen for this awesome interface, web interface Chris, you, Koya, Chris Koya, you built, and yep, use it today. And thank you, you guys are awesome.