January 2012
1 post
No more posts here
Heyo, no more posts here, I’m going to be blogging at andychung.me from now on using Scriptogram.
September 2011
2 posts
Onto the next thing
Today marks my last day as a designer at Mozilla. It’s really strange to think that it has already been two years since I started. I feel like I’ve learned and grown so much over my time here and I’m sad to say I’m leaving this amazing place. I’ve met some of the most inspiring people, made great friends, and had so many awesome experiences while here—I’m so...
9 tags
BookClub Use Case
My brother just started his 4th and final year at ECU today. After class he showed me an assigned reading, a more or less unformatted html version of Franz Kafka’s Metamorphosis. For a piece of that length it was fairly unpleasant to read, so I broke it up into three parts and threw it into the BookClub format. It took about 30 minutes to do (most of which was spent looking for a nice cover...
August 2011
3 posts
8 tags
Thunderbird Conversations
During the Summer of 2010 I helped Jonathan Protzenko refine the UI for his Thunderbird add-on, Thunderbird Conversations. TB Conversations is a much requested feature which gives Thunderbird the ability to render emails as threaded conversations the same way Gmail does.
This Summer Jonathan visited from Paris once again to work on TB Conversations, during which time we worked together on...
6 tags
Typecast
Here’s the letter ‘Z’ I designed for the Typecast show at Also Known As studio. I’ve also added this as a project where you can check out a detail shot and a bit more info.
3 tags
Updates
Just a couple notes on some exciting things coming up outside the usual work stuff. Next week I’ll be participating in a show at Also Known As studio called Typecast. The show is a group exhibition intended to showcase type as a creative medium. The show opens on August 25th at 314 west Cordova St. suite 220 in Vancouver BC, Canada from 5-10pm. You can take a look at the poster for the...
June 2011
4 posts
4 tags
Web FWD
We just launched a new project I’ve been working on at Mozilla called Web FWD. Web FWD is a startup incubator aimed at accelerating innovation on the open web. I took care of the web design and Sean Martell put together the word mark. The site has a fun scrolling effect that I’m quite happy with.
Check out the page at webfwd.org
4 tags
Cheaper Show Installation
Outdoor installations at Broadway and Kingsway
I was lucky to have my work not only shown at the Cheaper Show this year, but also featured as part of a public installation located outside of this year’s venue. The show is this coming Saturday, the 25th of June. Excited!
3 tags
Iceland
I just got back from a two week vacation to Stockholm to visit my brother who is studying furniture design at the Carl Malmsten school of design. While there we took a short trip to Iceland for 5 nights to explore and see the place. I just posted a set of photos from the trip on Flickr, you can view the whole set here.
4 tags
Cheaper Show 2011
Quick photo of my pieces for the Cheaper Show #10
Just a quick update after a bit of a hiatus. I’ve been working on a couple pieces for the upcoming Cheaper Show #10 here in Vancouver which I’ve been fortunate enough to take part in - super excited to see the whole thing come together. I just finished framing my pieces tonight before I leave for a vacation tomorrow to visit my brother...
April 2011
1 post
2 tags
Mozilla Work Week, 2011
This week I attended the Mozilla all-hands which was a great opportunity to meet a whole bunch of new people in person. It was a ton of fun and I can’t wait for the next one. Here are a few photos from my phone from the week.
The first two days of the week took place in Las Vegas instead of Mountain View, a chance to relax a bit before getting into any real work. This is a photo I snapped...
March 2011
2 posts
7 tags
BookClub
First thing’s first, here’s the demo (Firefox only for now, sorry edit: As of May 4th, 2011 this demo works in Chrome, Safari and Firefox), use J and K keys to navigate and enjoy a story by Chuck Palahniuk.
BookClub is my initial exploration into long form reading and typography within the browser. I want to clarify that for now this is a proof of concept intended for the desktop...
2 tags
Ceramic Speakers by Tom Chung
Here are some photos of my brother’s ceramic speakers, currently on exhibition at the Concourse Gallery at Emily Carr University until Friday, March 4th.
February 2011
6 posts
4 tags
Revisiting WebMail
This is a webMail concept I put together this week (vimeo)
Notes: → The design is responsive → This allows for a seamless transition between many devices → All animations powered by CSS
4 tags
Webkit CSS Columns revisited
Here’s a snippet of code to ensure that your CSS columns results in even baselines in webkit. This is given that your column container has a class of .cssColumn and has a line-height of 28px.
$(window).bind('load', function() {
var column = $('.cssColumn');
var H = Math.floor(column.height() / 28)*28;
column.css({ 'height' : H });
});
jQuery snippet to help you with even...
4 tags
Webkit CSS Columns
In order for CSS columns’ baselines to align properly in webkit browsers the height of the container must be a multiple of the line-height. For example:
div.columns {
height: 36px;
line-height: 18px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
A div with 2 CSS columns
In this example the div with a classname of columns would be able to...
5 tags
Couple Quick Thoughts on Scrollbars
With scroll wheels and trackpad gestures becoming ubiquitous, scrollbars are becoming less so handles to click and drag, and more so visual reference points.
Scrollbars are visual indications of: 1. Whether or not an element is scrollable 2. Where you are located on a document
Scrollbars should communicate these two functions without their current visual bloat; they should be visually neutral,...
4 tags
Hawaii 2011
Last week I had the privilege to travel with Mozilla to beautiful Oahu for our semi-annual work week. I took the opportunity to stay on for a few extra days and explore the island with my girlfriend Kim.
Hiking up Diamond Head Crater A view from the top of Diamond Head Kailua Beach
4 tags
Avoid Spam with CSS
Displaying your email address on a website is a seemingly simple and obvious task. However, problems begin to arise when anyone can then get to that information, including bots.
There are several ways around this, the most common I’ve noticed being replacing your email with something like “foo [at] bar [dot] com” or simply replacing the text with an image. Aza Raskin has an...
January 2011
3 posts
4 tags
Fixed Sidebars
A common problem often encountered in website layout is whether or not to create a fixed position sidebar. This is particularly common when it comes to the ubiquitous portfolio layout.
The ubiquitous portfolio layout: 1. A fixed position sidebar 2. Relative positioned content
Fixed position sidebars work great as the information is always accessible even when the user is scrolling down a long...
3 tags
Tree Illustration
This is an illustration I did sometime last year which I finally got around to photo-documenting. The piece is 24” x 36” and was drawn with a 0.05mm micron pen. The project page can be seen here.
7 tags
A Responsive Redesign
Earlier this year there was an article on A List Apart discussing CSS3 media queries that made me re-think my approach to website layouts. Personally, until then there were two approaches when mocking up a design; fluid or fixed width. As a designer coming from a print background I never liked the lack of control of a fluid layout, but also found fixed widths to be not optimal on all screen...
