Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Love the work! User experience error #3

Open
TylerL-uxai opened this issue Sep 2, 2017 · 1 comment
Open

Love the work! User experience error #3

TylerL-uxai opened this issue Sep 2, 2017 · 1 comment

Comments

@TylerL-uxai
Copy link

Love this! Here's UX feedback... Don't have to change the visual design, but it would be nice of the keyboard arrows automatically scrolled through the different animations. Thanks if you implement this :)

@CodeBrauer
Copy link

I made a snippet for that:

$('body').on('keyup', (e) => {
    var currentIndex = $('#anims :selected')[0].index;
    if (e.key == 'ArrowLeft') {
        $('#anims option').eq(currentIndex - 1).prop('selected', true);
        $('#anims').trigger('change');
    } else if (e.key == 'ArrowRight') {
        $('#anims option').eq(currentIndex + 1).prop('selected', true);
        $('#anims').trigger('change');
    } 
});

I prefer using left/right, but it can be easily changed to up/down, like the icons in the website.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants