yuanqing.blogspot.com

I’ve moved.

Labels: note

¶

Just found out that I will not be enlisting for National Service for another two months.

Anyone out there looking for a graphic designer/front-end web designer? I can work on a temporary basis up to mid-June this year. I’m based in Singapore but am open to working remotely. Am also able to start immediately.

So, do have a gander at my portfolio and feel free to drop me a line!

Labels: note

¶

Be advised that today is April 1st in the U.S. (and elsewhere). The pranks I’ve seen so far have, unfortunately, been more annoying/lame than funny.

Labels: note

¶

Finally done with my portfolio!

Labels: note

¶

In six years, I want to be at a small, close-knit design agency doing work I can be proud of for clients and causes I care about. I will work hard to make this happen.

(You know, I’d like to think this isn’t going to be something I’ll look back on and be all “Dude, what happened?”)

Labels: note

¶

Who has two thumbs and can’t write his application essay to save his life? This guy!

Labels: note

¶

Am only halfway through season one, but I can already say that The Wire kicks every other cop show’s ass, particularly in its writing.

Labels: note

¶

Have been working on this these past couple of days. The goal is to put up 10, or possibly 15. Also, the about page isn’t done yet.

Labels: note

¶

I can’t even begin to say how much I loved Rachel Getting Married. It’s definitely one of the most beautiful films I’ve seen, right up there with Before Sunset and Waitress. (BTW, I’d advise against watching the trailer, if you can help it.)

Labels: note

¶

You are as good as what you had last designed. (Well, it sure feels that way to me!)

Labels: note

¶

When you watch quite a bit of TV and you see something really good, you just want to tell everyone about it. Well, having just binged watched seasons one and two of How I Met Your Mother, I recommend it wholeheartedly.

Labels: note

¶

Edited the entry on Hanging Punctuation on the Web.

Labels: note

¶

Am currently implementing a redesign.

Labels: note

¶

I am not the author of this comment. (Just saw this while Googling myself on a whim.) Doesn’t look like the work of a bot to me.

Labels: note

¶

TV shows you must like in order for us to be friends:

• My So-Called Life
• Firefly
• Sports Night
• Friday Night Lights
• Battlestar Galactica
• Dexter
• Veronica Mars
• The West Wing

Labels: note

¶

Bumping up the text size in Firefox 3 involves holding Ctrl and scrolling up using the mouse. As in all prior versions of Firefox, I would very much prefer to scroll down.

That is all.

Labels: note

¶

Blogger is broken: the “Layouts” templating system is overly complex and convoluted.

Labels: note

¶

…or, a list of films that I particularly love:

• Before Sunset
• Waitress
• The American President
• Finding Nemo
• Once
• Juno
• Castaway
• The Terminal
• Serendipity

Labels: note

¶

This technique was first developed and implemented by the Russian design firm Art. Lebedev Studio. Strangely, it was never documented.

For a left-aligned text block with two inline quotations, we’d have this HTML…

<p>Sed egestas purus, enim et tique
<span class="l">amet,</span>
<span class="r">&#8220;Felis</span>
nisi ut tristique enim!&#8221;
Vel faucibus et
<span class="l">enim:</span>
<span class="r">&#8220;Et</span>
sem!&#8221;</p>

and this CSS…

.l {
margin-right: 0.4em;
}
.r {
margin-left: -0.4em;
}
p {
padding-left: 0.4em;
}

See it in action! (Try bumping up the text size.)

Inline quotation marks occuring at the start of a line will be hung; this is due to the negative left margin of span.r.

Inline quotation marks not occuring at the start of a line will be unaffected; in such a case, span.l and span.r are side by side, and their respective margins will cancel each other out.

The left padding on p is for IE, which can’t quite get the hang of elements being pulled outside their containing block.

Labels: note

¶

This bit of CSS will do the trick:

iframe {
display: none;
}

Labels: note

¶