Layout seems to be a hot topic at the moment, mostly prompted by the ALA redesign and the numerousdiscussions of the choice by Jasonand the ALA team to go 1024 for a fixed width. I’m not going to go into my thoughts on ALA in too much depth here, there’s been a lot of that already, but it seems like the right time to get this article out.

My eyes puked from the motion sickness of not-knowing-where-to-look-oh-my-god-everything-is-everywhere-ness of the page. It’s a typical case of ‘designed for developers, by developers’, and I’m sure most regular Stack Overflow users have got used to it and don’t mind. Perhaps they even like it. But a little bit of care over the design could make a huge impact on usability for newcomers, and regular users too.

Ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers. Because <datalist> still doesn’t cut it.

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

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

a magical utility belt for stylus

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.

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! : )

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

For all of the advantages the web has with distribution of content, I’ve always lamented the handiness of theWYSIWYG design tools from the print publishing world. When I set out to redesign my personal website, I wanted to have some of the same abilities that those tools have, laying out pages how I saw fit, and that meant a flexible system for dealing with imagery.

nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .nano-content. The other scrollbar div elements .pane > .nano-slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets.

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

Previously I wrote about clarity being the most important characteristic of a great interface. Let’s talk about icons now. They’re an essential part of many user interfaces. The thing is: more often than not, they break clarity.

Почему нативные приложения — говно, а веб-приложения рулят

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

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…

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.

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

Работаем для тех, кому есть о чём рассказать миру

В WB-Tech мы любим разрабатывать проекты полного цикла, начиная от прототипов на салфетке и заканчивая деплоем на продакшн сервер и дальнейшей поддержкой. Часть этапов разработки проекта идет последовательно, например, до тех пор пока не будут собраны все требования и готово ТЗ, мы не начинаем писать код. Основная же часть процесса работы над проектом (непосредственно разработка) ведется параллельно backend и frontend командами. Такое распараллеливание значительно уменьшает календарный срок разработки проекта и увеличивает качество конечного результата. Но также как в программировании, в управления проектами распараллеливание создает определенные трудности. Тому как мы решаем эти трудности и посвящен этот пост.

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

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

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

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

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.

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