NVI

456 karma · joined August 20, 2012

https://n12v.com/

ex-Apple. I worked on WebKit Inspector for a decade. Now I'm exploring how to improve browsers on my own.

submissions comments

NVI··on Show HN: UI Concept – Focus Transition

So did Apple Front Row before Apple killed it in Lion. http://www.youtube.com/watch?v=gY7o8Rh1D6I

NVI··on Show HN: UI Concept – Focus Transition

https://news.ycombinator.com/item?id=6415923

I didn’t use OpenLaszlo-style corners because I wanted to keep the native look as much as possible.

Regarding the speed: Currently the transition duration is constant; it’s always 0.1 seconds regardless of the distance between the source and the target. I’m considering to make the duration variable and velocity constant so it would take more time for longer distance.

NVI··on VisualPing - Get notified on visual changes to a website or website area

What is used to take screenshots?

NVI··on Show HN: UI Concept – Focus Transition

This is a good idea but I don’t know how to implement it in JS. Probably, I’d need to have a list of all focusable elements, e.g. form elements, elements with tabindex attribute and links (for some browsers). Hidden elements should be excluded. This list should be updated on DOM changes. Sounds complicated already, I don’t think it would be robust.

NVI··on Show HN: UI Concept – Focus Transition

Yes, I’m thinking of a way to turn it on only when the keyboard is used.

NVI··on Show HN: UI Concept – Focus Transition

Unfortunately, this will make colors look off on OS X. "highlight" color is different from the focus color on OS X.

Hardcoding colors for different OS-s might be more reliable.

NVI··on Show HN: UI Concept – Focus Transition

I just tested on 30.0.1599.47 beta, OS X 10.9. It worked well.

What doesn’t work, exactly? No visual changes?

NVI··on Show HN: UI Concept – Focus Transition

You led me into thinking that slow motion would work very well in the video.

NVI··on Show HN: UI Concept – Focus Transition

Maybe I should make an animated GIF next time.

NVI··on Show HN: UI Concept – Focus Transition

It doesn’t slow down the actual focus, e.g. you can start typing in a text field before transition is finished.

NVI··on Show HN: UI Concept – Focus Transition

A couple of years ago I saw http://osteele.com/tools/reanimator/, OpenLaszlo based RegExp tester. The animation on tabbing between text fields was unusual and interesting. I implemented a similar effect using JS & CSS, and made Chrome and Safari extensions.

I released it just two days ago.

NVI··on Whatthekeycode.com - quickly find a js keycode for any key

I made something like this a while ago http://elv1s.ru/files/js/key-code-detector.html

← PreviousPage 2 of 2