Aysha Anggraini

On Code, Design, and Movement

That Little Fine Line

I don’t usually write about people because I can never be subtle in my writings or my portrayal of them. I remember getting into trouble when I wrote about a classmate during my college days. I never mentioned her name but the post was a criticism of her management skills of our group project. I […]

Read More

CSS Houdini: Properties, Values, and the Paint API

I was invited by Huijing for a talk at a CSS meetup here in Singapore. Small speaking assignments are the best way to explore something new. So I thought I would explore and give a talk on CSS Houdini. You’ve probably heard a lot about the future of Javascript and in this subject, CSS doesn’t […]

Read More

Adventures in Packaging Existing React Components as an NPM Library

At work, I have been working on making our UI components more reusable. Well, nothing new there since I have spoken and written about making CSS more reusable in the past. But as Viki grows, so does its services. Making UI components reusable across a single app is no longer a challenge. Instead, we need […]

Read More

CSS Grid for the Traditionalists

CSS Grid opens a plethora of new possibilities for designing layouts. We can finally let go of the 12-columns layout since our new tools made it easier to manipulate our grid system. However, I still believe that 12-columns layout is still going to be a thing at least until the adoption of CSS Grid becomes […]

Read More

The Art of Solving Problems with CSS

At my workplace, sometimes I’m tasked with creating impractical UIs such as this ribbon shown in the screenshot below. I see them as impractical since it is not your average card UIs or navigation bars that are easy to create. These types of problem requires a bit of thinking but with a systematic approach, you […]

Read More

Fixing cropped subtitle on HTML5 Video for Chromecast Receiver on Overscan Mode

I am currently working on developing and maintaining the Chromecast Receiver app at Viki. For those of you who are not familiar with Chromecast, a Chromecast Receiver is a front-end app that runs on the Chromecast device making it possible for our users to display our content on their TV either through the mobile app […]

Read More

Beautiful Mistakes: Coming Up with Unconventional Layouts with CSS Grid

CSS Grid is awesome and that is because it is a new tool that makes working with layouts much easier. This post is not going to be about how to work with CSS Grid; I think there are plenty of posts and resources out there. This is going to be a documentation of my creative […]

Read More

Prototyping Complex Animation for Not-So-Artistic People

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 […]

Read More

A Budding Speaker’s Thoughts on Speaking

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) […]

Read More

Picking on my pretty ugly CSS code

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

Beautiful Horizontal Accordion with Pure CSS

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

Ren Aysha ❤ Viki

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

Happy new year to all my readers and stalkers!

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), […]

Read More

WordPress: A different approach in managing stylesheets for different pages

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

WordPress Theme Development: Getting Started with Bones and Sass

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

CSS3 Thumbnail Hover Effect

See the Pen Pure CSS Thumbnail Hover Effect by Ren Aysha (@rrenula) on CodePen   I remembered an old blog post by @Sohtanaka where he created a thumbnail hover effect with CSS and jQuery. I decided to replicate the same effect using CSS3, making it to Pure CSS without any JavaScript involve.

Read More

Code Editor with Pure CSS

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 […]

Read More

Testing Scrolling Events with Qunit.js

When I was writing the unit test for Anchorific.js, I was having a hard time writing test for the ScrollSpy implementation as there was not many documentation on testing for scrolling event. Therefore, I decided to come up with my own solution, which is not perfect, but it does a great job in doing what […]

Read More

Anchorific.js is now on Github!

I created Anchorific.js in order to learn three things:  Grunt, Qunit, and how to develop a jQuery plugin. So, I developed a jQuery plugin in order to this. I am a big believer in learning by doing. Learning passively through a book just never works for me and I just need to go out there and do it. […]

Read More