Hello there. I am Terry and I am a full-time undergraduate based in Singapore. I take photos, write a blog and design websites.

And no, I'm not a teddy bear.

Category: CSS

25 Out of the Box Tutorials powered by jQuery and CSS3

Here is a list of 25 amazing tutorials that are powered by jQuery and CSS3. jQuery has recently released its latest version (v1.4) and some of the tutorials are making good use of the new functions (such as passing attributes to jQuery). Net Tuts Plus have compiled a handy list of new jQuery features that […]

Borders – An experiment with border widths

Borders – An experiment with border widths

After reading the fantastic writeups about manipulating CSS borders to create graphics that are impossible with grid-like elements on Slantastic and Border Slants, I was inspired to do a simply followup demo page on the capabilities of CSS borders. I started working on this secret, clandestine page on my domain since half a year ago […]

WP theme: teddy-risation Theta

WP theme: teddy-risation Theta

So here we have, the eight teddy-risation WP theme in it’s fully glory. Just like the other write-ups that I do for my previous themes, I will be doing one for this one as well, no exceptions. Not only does this entry helps to catalogue my list of themes and my insights of designing them […]

8 Javascript solutions to common CSS problems

8 Javascript solutions to common CSS problems

Jean-Baptiste Jung shares 8 ingenious jQuery-based javascript solutions on CatsWhoCode.comto circumvent the common CSS problems. While CSS is a semantically correct way of styling your webpages, not all popular browsers (like IE6, I know this comes very naturally for a designer) support CSS3 and there’s always this problem of cross-browser compatibility.

Easy Display Switch with CSS and jQuery

Easy Display Switch with CSS and jQuery

As javascript libraries becomes increasingly popular among designers and website visitors alike, your daily visitors are now expecting more than just static pages – they would be thrilled to see interactive, fluid pages. In 2006 A List Apart published an article on the holy grail of webdesign, which involves coding for fluid layouts in CSS. With the popularity of javascript libraries like jQuery, Soh Tanaka has written an excellent tutorial on teaching us how to incorporate fluid display options on our pages – allowing visitors to switch between different forms of display (think iTunes libraries). An interesting concept that is actually very simple, and can be easily done with a few lines of jQuery and CSS.

5 Ways to Instantly Write Better CSS

5 Ways to Instantly Write Better CSS

Recently I read about an article that teaches web designers five ways to write better, neater and cleaner CSS by Trevor Davis, after following a link in a tweet.

In case you’re still wondering what CSS stands for, it actually means Cascading Style Sheets – the stylesheet part is easy to understand. CSS is created with a notion to separate content and styling. The cascading part is a little tricky – it means that you can actually override certain properties in the stylesheet by being more specific in your selectors.

Back to the post itself, here are the five ways Trevis recommended, with my personal opinions/comments.

Compacting contents using Glider script

Compacting contents using Glider script

Thanks to Iva for requesting for this tutorial! Finally I have something to add to my long-dormant list of resources. Iva asked me over Twitter whether could I write a tutorial on how I’ve incorporated the famous Coda glider effect on my blog header. The basic function of the glider script is to replicate the […]

Page 1 of 212

Hello Easter Egg hunter! You've discovered the magic of the Konami Code!

Yea. You probably know what the Konami code is before getting to this page. So now what? Here is a randomised YouTube video on my favourites list... which includes Rickroll, if you're luck enough to get it.

You are currently watching Lady Gaga - Telephone (feat Beyonce). Loving it? You can even watch the video in its full screen glory :)

The Konami Code:
Konami Code sequence