How do we make navigation as simple and predictable as possible? As explained in part 1311 of this series, the first two steps are to structure content in a way that naturally narrows the navigation options, and to explain those options in a way that minimizes the cognitive load on users. via Pocket

Want to see just how inhumane most of our web apps and sites are? Imagine those web apps and sites as human beings with whom you are trying to have a civil conversation. You’ll find that most of them are rather … inhumane! via Pocket

Fun stories and trivia about the origins of well-known microinteractions

In today’s world of infinite-scrolling websites and touch devices, you must understand interaction design in order to create user experiences that feel fluid and life-like. As described in Interaction Design Best Practices Vol. via Pocket

See how publications and data-driven journalists use open source to power their newsroom and ensure information is reported fairly and accurately.

That Game’s UX exists to celebrate user experience in gaming. It’s about taking a look at gaming from a user-centered design point of view. Where the user interface in a game succeeds, and where it might need some improvement. After all, gamers are users too…

Scrolls other pane in Sublime Text. Usage: [Alt+PageUp] or [Alt+PageDown] when the 2-column-mode ([Alt+Shift+2]).

Gripes about UI/UX of Android phones/tablets and so called "openness" that is nonsense to consumers.

a magical utility belt for stylus

People will use tools you give to them in the most unexpected, but still effective to them ways

If you’re working on any kind of redesign project involving a large amount of content, such as that of a website, intranet or mobile site, one of the first tasks you’ll need to perform is a content audit.

I say need, not want—a content audit isn’t something you’re necessarily going to want to tackle. It’s one of those un-sexy, tedious jobs that hardly anyone talks about. But you can’t undertake a redesign of a content-heavy site without it.

Scalable Vector Graphics (SVG) is a language for describing two-dimensional graphics in XML. These graphics can consist of paths, images, and/or text that are able to be scaled and resized without losing image quality. Inline SVG refers to the embedded code written to generate these graphics in the browser.

A jQuery plugin that uses CSS transitions to animate an element's height or width to or from auto.

Perhaps you've heard of data URIs. It's a really nice way of including a resource that would have otherwise been a separate HTTP request. The format that you use in a data URI can vary. Essentially you just tell it what content type it is (e.g. image/png), semicolon, then the data of that file.

We can use SVG in data URI, but it works for Webkits+Fx only. With encoding SVG in data URI works in all modern browsers! : )

IT-интерфейсы часто растут из физических. Например, вот аппаратные чекбоксы: Стоит упомянуть пакетик сахара. via Pocket

Чтобы научиться дизайну, мы записались на курс Design 101 от trydesignlab.com. Первые уроки были посвящены визуальной иерархии. via Pocket

There’s no doubt that animating user interfaces is a rising trend. Risen enough that the emphasis is often put on the animation itself, rather than on improving the user experience through subtle and functional animation. via Pocket