I recently gave a talk titled Breaking Down SVG Animations at a local meet-up in Singapore called Talk.CSS. It is not so much about SVG and it is more about how to approach complex animations for the web as a beginner. In this talk, I refer to complex animation as animating cartoons or characters; anything other than your standard UI animation. For example, how do you animate a sheep eating grass? These things require quite a bit of imagination:
You can always watch my talk on YouTube and look at the slides here but for the ones who prefer reading instead of watching, here’s a write-up! Read More
I gave my first talk on November 2015 at CSSConf Asia in Singapore. And then a few documented and undocumented ones at small meetups and at work. And then another one at Rakuten Tech Conference in Tokyo a few months ago in October.
I didn’t actually plan on giving talks until my peers and mentors (and mom) started pushing me to give talks. So, I woke up one day and I decide to submit a talk proposal just so that I could get them off my back. But now I’m glad that they are persistent in their pestering since speaking skills is something that everyone should learn and acquire.
However, not everyone is comfortable with it and they always have the same concerns and the same excuses: that they don’t know enough, that they have stage frights or that speaking should only be done by the ‘pros’ (whatever that means). I am going to address some of these common concerns and as someone who is still new to the art of speaking, I had some of these concerns as well; you couldn’t have anyone better to address it for you. 😉 Read More
I went to the CSSConf.asia in Singapore recently and enjoyed lots of interesting talks. Out of all interesting talks that are given out that day, the information that stands out the most to me was about writing maintainable CSS and creating improving the performance of the UI. Read More
This is long overdue! I created this last month before I started working and I love the result. I saw this accordion originally at Ch3mical.com, a portfolio by Paul Kelley. He had achieve this effect using images and jQuery. I decided to replicate the effect using pure CSS and font icons. Read More
Starting 4th February, I will be working as a front-end engineer at Viki, an awesome company based in Singapore. It is a video streaming website with a crowdsource subtitling functionality. It makes the viewing of K-drama and J-drama even more awesome for all of you rabid fan girls (and boys). Read More
2013 has been extremely slow for me. I won’t say it is my best year. Aside from being slow, it is also the year I encountered many idiots and experience many inefficiencies: getting a job contract late (how hard can crafting an offer letter be?!), getting shit salary offers (despite being given a senior position), not being taken seriously (because of ageist assholes), being ignored, given stupid interview questions that are either an insult to my intelligence or are irrelevant to my skills, given degrading and demeaning insults in the guise of a joke, etc. Read More
Managing custom scripts and stylesheets for different pages can be a pain in the butt since you have to keep editing the functions.php file in order to enqueue and dequeue several stylesheets for a particular page according to your needs. This have several drawbacks: Read More
Bones is a starter theme for WordPress. If you are developing a WordPress theme, Bones will be a good starting point for you since you do not have to start from scratch. Sure, there are a lot of themes that you can modify and expand on. So why Bones, specifically? Read More
See the Pen Pure CSS Thumbnail Hover Effect by Ren Aysha (@rrenula) on CodePen
See the Pen Pure CSS Code Editor by Ren Aysha (@rrenula) on CodePen
I found a really nice code editor design on Dribbble created by Roy Barber. I decided to try and re-create the design with pure CSS. I thought it will be a good exercise for me to start getting creative with CSS3 useful properties like pseudo-elements, pseudo-classes, nth-child selectors, transitions, etc. Read More