Возрождаю традицию ежемесячных обзоров. Для начала, немного доработанная старая заготовка. Надеюсь, в представленном списке публикаций каждый найдет что-нибудь интересное.

Дизайн и юзабилити

  • WCAG-2.0 - вторая версия стандарта доступности содержимого
    Вторая версия стандарта доступности содержимого WCAG-2.0 стала рекомендаций консорциума w3c, она заменяет версию 1.1. Новый стандарт проще и яснее, гайдлайны лучше структурированы, исключены некоторые избыточные элементы.
  • «Дизайн пользовательского интерфейса II. Искусство мыть слона»
    Книга «Дизайн пользовательского интерфейса Исскуство мыть слона»
    Книга Влада В. Головача «Дизайн пользовательского интерфейса Искусство мыть слона» — это электронная книга о дизайне пользовательских интерфейсов, точнее, о том, как стоит работать, чтобы сделать хороший дизайн.
  • Область реагирования
    Область реагирования — это область в интерфейсе, которая в ответ на какое-либо действие пользователя предлагает ему какой-либо результат.
    Область реагирования
  • Размещение кнопок «Вперед» и «Назад» в формах
    Можно ли активную кнопку перехода к предыдущему шагу, размещать справа от кнопки перехода к следующему шагу? С одной стороны, действия, двигающие пользователя вперед, располагаются справа, а двигающие назад – слева (это верно для читающих слева направо). С другой первичность действий, двигающих пользователя вперед, перевешивает это соображение и «вторичные» действия (которые используются реже) можно разместить справа от основного действия, даже если они переводят пользователя к предыдущему шагу.
  • Варианты оформления комментариев 1, 2, 3
    Оформление комментариев
  • Учет пользователей с ограниченными возможностями при создании веб-сайта
    Перед веб-дизайнерами ставится сложная задача — спроектировать интерфейс так, чтобы он был понятен и доступен абсолютно всем. Указания WCAG могут помочь создавать понятные сайты, но если мы хотим создавать сайты, доступные пользователям с ограниченными возможностями, использующих специальные средства, их соблюдения недостаточно.
  • «Зебра»Действительно ли «зебра» помогает пользователям?
    Продолжение исследования «зебры»
    Многие считают, что полоски разного цвета помогают читателям двигать взгляд вдоль строки. Однако, несмотря на то, что этот метод используется почти половину столетия, практически нет доказательств того, что он действительно помогает читателям. мы решили провести исследование с целью убедиться, что «зебра» действительно делает вещи проще.
  • Правильные ссылки
    Четыре состояния ссылок
    Прежде чем опубликовать эту ссылку, пришлось добавить подсветку a:visited, года полтора собирался.
  • Зачем нужны иконки
    Разобравшись, зачем иконки нужны, мы можем легко ответить на вопрос, что в иконочном дизайне важно, а что — не очень.

Кодинг

  • Разгони свой сайт
    Обложка книги «Разгони свой сайт»
    Большинство статей webo.in посвященных оптимизации сайта в виде книги. Электронная версия доступна в форматах PDF, FB2, CHM, WOL, HTML.
  • Удобные формы с помощью jQuery
    Набор скриптов для работы с формами: валидация, маски ввода, подсказки, подтверждение, автосохранение, отмена действий.
  • Забытые возможности :first-letter
    Буквица
  • Ключевое слово this в JavaScript
    Слово this является одним из наиболее мощных ключевых слов JavaScript. Но могут возникнуть трудности с его использованием, если вы точно не знаете, как оно работает и где применяется.
  • Всплывающие подсказки на jQuery
    Всплывающая подсказка
  • Управление табличными данными при помощи jQuery
    Плагин  tableFormSynch связывает таблицу с формой, давая возможность динамически редактировать данные в таблице, а также добавлять и удалять записи.
  • Очерёдность событий и синхронизация в JavaScript
    Проблемы с очерёдностью исполнения являются источником некоторых наиболее коварных багов в JavaScript-приложениях. Ошибки, которые не проявлялись во время разработки, внезапно начинают приводить к проблемам, когда приложение используется конечным пользователем на старом компьютере или с медленным доступом в интернет.
  • Баги IE. hasLayout
    Что такое hasLayout? В движке рендеринга IE каждый элемент, по сути, не отвечает за свое расположение. Расположение элемента зависит лишь от его положения в исходном коде и расположения в нормальном потоке. При этом, все дочерние элементы некоторого блока-контейнера располагаются, на самом деле, не относительно своего непосредственного родителя, а в зависимости от наиболее близкого предка имеющего «layout».
  • 10 фиксов, решающих проблемы Internet Explorer 6
    Так исторически сложилось, что Internet Explorer 6, выпущенный почти 8 лет назад, до сих пор не дает себя забыть, и, к сожалению, является одним из самых популярных веб-браузеров.
  • Fixed background images
    Фиксированный фон и несколько интересный примеров использования.
  • Обзор файловых загрузчиков
    Файловый загрузчик GMail
  • Имитация градиентных заголовков на чистом CSS
    Градиентные заголовки

Блоггинг