Cemre Güngör

Video

Fri, 04 May 2012 10:57:14 -0400

Video

Wed, 25 Apr 2012 14:13:56 -0400

Video

Wed, 25 Apr 2012 14:13:46 -0400

watching my friend Jeff shoot a heavy metal video (Taken with...

Thu, 19 Apr 2012 23:22:45 -0400

watching my friend Jeff shoot a heavy metal video (Taken with Instagram at Bamm.tv)

The secret to custom & sharp icon fonts Use SVG fonts (with...

Sun, 15 Apr 2012 19:50:00 -0400

The secret to custom & sharp icon fonts

Use SVG fonts (with fallback to TTF)!

Design 16x16 SVG glyphs with Illustrator using “align to pixel grid”
Import them into the icomoon icon generator to make SVG font
Put SVG font into fontsquirrel’s webfont generator to generate EOT and TTF fonts (for IE and Firefox fallback).

(Here’s the secret) Flip the preferred order of formats in the font-face syntax outputted by font-squirrel, placing SVG above TTF.

@font-face {
    font-family: 'IcoMoonRegular';
    src: url('branchicon-webfont.eot');
    src: url('branchicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('branchicon-webfont.svg#IcoMoonRegular') format('svg'),
         url('branchicon-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

(I remember this from somewhere…)

Tue, 03 Apr 2012 16:56:00 -0400

(I remember this from somewhere…)

We launched.

Thu, 08 Mar 2012 14:35:52 -0500

We launched.:

Check out our launch blog post and some press.

branchcomblog:

As a junior in high school, I used Blogger to create The Voice of Santa Monica High School. My co-editors and I would post provocative articles – many submitted anonymously and penned by pseudonyms such as “Twisted Satire” and “Kano Lives” – and would encourage our classmates to “join the…

A better copy for this would be Please sign in with your Windows Live ID to track fares. The...

Thu, 08 Mar 2012 14:06:33 -0500

A better copy for this would be

Please sign in with your Windows Live ID to track fares.

The original copy isn’t great because what I should do next is at the end of the sentence. and “you need to” sounds negative.

Even better, provide the login right there!

My experience on StartupBus as a designer

Tue, 28 Feb 2012 13:50:35 -0500

Here’s an email I sent to @eris (with edits) about my experience on the bus and what worked for me:

What worked very well for me was arriving with my scaffold html and stylesheets. If you’re the sort of designer that likes tackling the HTML/CSS as well, it helps a lot that can quickly start building instead figuring out grid layouts, form styles, etc. As soon as I had a rough idea, I could start building pages. The more decisions you can make upfront, the better.

The biggest challenge (for the entire team) will be reducing scope so much, that you can get something out of the door. Even though we had the simplest website, I still had to code until wee hours. I think judges are impressed by idea/presentation as much as execution (else we wouldn’t have won), and since time is so limited, it’s best to go with something technically simple or on a prototype level (Though the WalkIn guys who built iPhone, iPad and Android apps wouldn’t tell you the same :).

Another thing that judges like is having done a bit of customer development, and as the UX’er you might be the most qualified to do quick and dirty user research like that.

Fixed positioning anchored to specific elements in page

Fri, 24 Feb 2012 18:28:56 -0500

It’s not too obvious to have items “float” (i.e. fixed positioned) above everything else in the page, while still being anchored to a specific element.

For example, you’d like to fixed position a message next to the navigation bar. Initially, it’d sit next to the navigation bar, but would stay in place as users scroll. If the window is resized, the fixed positioned item would follow its anchor (as opposed to being at a fixed distance from the corner of the window).

Solution: enclose your fixed positioned element in an “anchor”, which as position:relative. When you set it to position: fixed, it will freeze in its place. To move it up/down/left/right, use margins (because whenever you use top: will fixed, it would fix it to a specific distance from the top of the page).

Code on JSFiddle!

I’m not the kind of designer that obsesses over visual eye...

Thu, 23 Feb 2012 02:29:57 -0500

I’m not the kind of designer that obsesses over visual eye candy, but I think this is a slick solution.

houseofbuttons:

Youtube dropdown hover state

A short course on Processing.js on mobile

Sun, 19 Feb 2012 21:11:00 -0500

As long as you disable device zooming, and set the size of the Processing.js canvas smaller than the screen size, the performance is surprisingly good.

<meta name = "viewport" content = "width=device-height, height=device-height">

If you don’t set the height/width, iPhone defaults to 980px across, which could make your sketch unnecessarily large (if you size it 100% of body).

Sorry for not sharing what’s going on with our product....

Thu, 09 Feb 2012 23:53:43 -0500

Sorry for not sharing what’s going on with our product. It’s getting close!

Sorry that I haven’t posted at all since I defended my...

Mon, 23 Jan 2012 18:56:42 -0500

Sorry that I haven’t posted at all since I defended my thesis last week. I’ve been finishing up my tenure at Etsy, packing for my move, and trying to get some rest.

Here is my thesis paper, and I also uploaded pictures to Flickr.

A short video from my awesome New Year’s Eve party. A...

Sat, 21 Jan 2012 22:11:20 -0500

[Flash 10 is required to watch video.]

A short video from my awesome New Year’s Eve party. A little kinect projection installation, also a light sculpture that reacts to music (a collaboration I did with Jiayuan Peng, the LED sculpture was her work, I borrowed it and re-programmed it for my party).

"Avoid pixel-pushing at all costs – your job is to solve problems. View your work through that lens..."

Sat, 21 Jan 2012 20:57:13 -0500

“Avoid pixel-pushing at all costs – your job is to solve problems. View your work through that lens at all times. Always know what problems you are trying to solve while in the process of designing (e.g., people are having a hard time knowing where to go next in a flow, or, the current visual design does not reflect the mood of our brand). Good designers solve problems, great ones ensure they are solving the right ones. Accurately defining the problem goes a long way towards solving it.”

- PJ Onori, Making the Transition from Development to Design—My Experience and Advice

I feel empowered. (Taken with instagram)

Wed, 18 Jan 2012 13:27:41 -0500

I feel empowered. (Taken with instagram)

100 ways of doing the same thing

Tue, 17 Jan 2012 17:01:43 -0500

100 ways of doing the same thing

paper prototyping like a boss.

Tue, 17 Jan 2012 16:51:43 -0500

paper prototyping like a boss.

a simple sign in flow has suddenly 12 edge cases, considering...

Tue, 17 Jan 2012 01:20:53 -0500

a simple sign in flow has suddenly 12 edge cases, considering Facebook sign in, and different email addresses. we got it all covered!