peng

SEEKING WORK - Remote (Tokyo)

Web interface designer from California. I work with companies around the world on application design, usability, and branding.

HTML5 / CSS3 (Sass, Stylus) / JS / Photoshop / iOS

http://nylira.com

SEEKING WORK - Remote (Tokyo)

Interface designer from California. I work with companies around the world on application design, usability, and branding.

HTML5 / CSS3 (Sass, Stylus) / JS / Photoshop / iOS

http://nylira.com

Asia/Pacific should be split up more.

One vote category that covers 60% of the world's population and 30% of Earth's land area is not very specific.

Australia has 22 million people and Canada has 35 million, while Asia (Oceania not included) has 3,900 million, yet the former two get their own country-specific categories.

Images: usually client provided, or none. Stock photography is awful in general.

Layout: Content is divided into columns. Twelve colums, six colums, and three columns are the usual suspects.

Preparing HTML for a designer: Use semantic HTML. For anything that's even vaguely list-related, use <ul>. Do not put links in a div by themselves, but sort them into a structured list. Do not use <br> for paragraphs.

I'm a professional web designer. I spend 95% of my working time typing in Vim and refreshing Chrome. =)

Wacom tablets are generally for illustrators, not web designers. Freehand drawings do not map well to the rectangular web.

If you're going to A/B test something, you need to reduce the variables down to one. For all you know, the supposedly 'pretty' framing and box-shadow you added to the grid layout may actually be what's causing customers to prefer the flat list.

Testing multiple variables in a given trial makes it impossible to discover which change (or combination thereof) actually improved the conversion rate.

Touchscreen issues notwithstanding, hover effects like this are awful for usability. The hover overlay completely obscures the original image, making it impossible to read the snippet and enjoy the image at the same time.

The animation effect is more garish than anything, but this is a probably a personal quibble. It takes 200 ms for the hover effects to finish loading. I'd rather have the hover transition instantly, so I can spend less of my life watching text fade in.

The Chrome Web Store uses this to excess, with sliding panes flying everywhere. It looks great, but it's really painful to use.

The title is a bit disingenuous. Before clicking through, I was wondering how he managed to maintain his productivity level with a touchscreen keyboard. I'm disappointed he's using external hardware, because otherwise I'd love to try a similar setup.

SEEKING WORK - Remote (Tokyo)

Interface designer from California. I work with companies around the world on application design, usability, and branding.

HTML5 / CSS3 (Sass, Stylus) / JS / Photoshop / iOS

http://nylira.com

Hey Andrey, it's pretty awesome that you support Stylus. Do you think you can make this work with VM-based development? I'm working in VirtualBox Ubuntu but viewing my site locally in Chrome (OS X).

Have you tried using UK and US-based VPNs to get through to the region-locked content? I've spent a couple months in China with a California-based VPS, and I'm able to SSH tunnel to watch everything I want on Hulu.

SEEKING WORK - Remote

Interface designer: I work with companies around the world on application design, usability, and branding.

Experienced working with developers, version control, MVC frameworks, template languages, information architecture, conversion rates, etc++ across multiple time zones.

Tech -> HTML5 / CSS3 (Sass, Stylus) / Photoshop / JS (some)

Portfolio site -> http://nylira.com

Not sure if you're still reading this, but feel free to hit me up for UI work. I believe my designs fit what you're looking for.

http://nylira.com

If i18n is a priority on your project, make sure you show your designer(s) this article. With the current trending emphasis on grids and horizontal rhythm, left-aligned labels are quite fashionable.

An effective bandaid solution is to set left-align labels to text-align: right; thereby visually linking the variable width label to the field.

There's not enough emphasis put the fact that designing for one aspect ratio/resolution is much easier on the designer. Not having to debug scaling issues or 1-2px vertical borders saves metric boatloads of development time.

There are two main reasons fixed-width layouts are still so popular on the web, even though responsive layouts are well-supported. One, fixed width maps 1:1 to Photoshop. Two, it's simple.

And three, it feels icky to have to add "margin-left: 3.448374%" to responsive stylesheets because CSS really wasn't built to support complex, percentage-based layouts.

A decent, introductory write-up about white space. It's a bit difficult to take seriously since the design of the blog doesn't use whitespace effectively. Of course, "The shoemaker's children are often shoeless", and all that.

Irrelevant aside: 'dogsfurry' can work. As someone who spends a lot of time with marketing firms and branding agencies, dogsfurry is not an inconceivable label for a high-end pet supplies company.

SEEKING WORK - Remote

Interface designer: I work with companies around the world on application design, usability, and branding.

Experienced working with developers, version control, MVC frameworks, template languages, information architecture, conversion rates, etc++ across multiple time zones.

Tech -> HTML5 / CSS3 (Sass, Stylus) / Photoshop / JS (some)

Portfolio site -> http://nylira.com

A higher listing fee results in less inbox spam and--in general--higher quality clients. A win-win.

Simple solution: don't use the words 'sewer' or 'reused' anywhere near the promotional materials for this product. Call it 'filtered water' or some other safe euphemism.

Why not write "Link" instead of "WWW"? Clearer and to the point.

Back in the second grade, my teacher would offer extra credit math that brought your percentage over 100%. I remember competing with the other kids to get ridiculously inflated scores like 361%.

Of course, everyone who made it to 95% got an A, but the "bonus XP" aspect of going over 100% was a fun incentive to keep you trying harder.

SEEKING WORK - Remote

Web/Mobile UI designer - HTML5/CSS3/Photoshop - from concept to finished product.

Experienced working with developers, version control, template languages, Sass, Stylus, etc++ across time zones.

Portfolio site -> http://nylira.com

It just looks messy here, since there's not enough padding on the left side of the page to account for the hanging bullets.

Doesn't work for me. I see Einstein both with glasses and without (Monroe only becomes apparent if I'm 3 feet away sans glasses). However, text becomes blurry with glasses off.

Unless the Macbook Air screens have changed, they're far worse than Macbook Pro screens for displaying color. I've used a 13" MBP and a 13" MBA and it's easy totell the difference. You can go to a store and see for yourself: the colors on the MBP are more vibrant than the MBA.

I've been using a 13" MBA as my main computer for the past year, and the 4GB max is really limiting for virtualization. The laptop can choke with with all of my usual tools open (Virtualbox/Photoshop/Chrome/Terminal).

There's a certain irony in this thread sharing the front page with “We ran out of disk space” (http://news.ycombinator.com/item?id=2747152)

You don't seem to have an email in your profile. I may be able to help you: http://nylira.com

SEEKING WORK - Remote

Web UI designer - HTML5/CSS3/JS/Git - from concept to finished product.

Experienced working with developers, version control, template languages, Sass, Stylus, etc++ across time zones.

Portfolio site -> http://nylira.com

Currently doing this in Chiang Mai, Thailand. Off to Croatia next!