Pull to refresh

Создаем выпадающее меню на CMS S.Builder

Lumber room
Это мой первый пост на хабре, так что не судите строго! ;)

В моей первой статье я расскажу Вам про то, как интегрировать выпадающее (динамическое меню) в CMS S.Builder.

Пример динамического меню в действии можно посмотреть в оригинале статьи:
http://www.sbuilder.ru/article_more.php?aid=61.

К сожалению, включить JavaScript в тело сообщения здесь у меня не получилось.


Меню может быть горизонтальным или вертикальным. Это без разницы! Будет выпадать в любом случае. ;)
Я покажу как делать и такое и такое.

Читать дальше →
Total votes 19: ↑8 and ↓11 -3
Views 803
Comments 13

Chosen: сделай выпадающие списки более дружественными

JavaScript *
Плагин Chosen создан для оформления красивых и удобных выпадающих списков с помощью jQuery и Prototype. Для установки плагина достаточно просто скачать файлы и прописать одну строчку:

$(".chzn-select").chosen()
(версия для jQuery)

По умолчанию в Chosen вместо длинного текстового списка предлагается поле, по нажатию на которое появляется список. Поддерживается автодополнение ввода, выбор нескольких пунктов меню, элемент optgroup и др. Выглядит вполне нативно. В общем, лучше один раз увидеть.

Поскольку Chosen заменяет стандартный элемент HTML, то не нужно беспокоиться, как он работает с браузерами без поддержки JavaScript. Также не нужно ничего менять в бэкенде: формы сабмиттятся как обычно, изменения только в пользовательском интерфейсе.

Некоторые форки:
Chosen для MooTools
Модуль Chosen для Drupal 7
Total votes 264: ↑250 and ↓14 +236
Views 52K
Comments 57

Виджет выпадающих списков Chosen: реализуем динамическое добавление позиций

JavaScript *
По мотивам топика Chosen: сделай выпадающие списки более дружественными.

Довольно симпатичный виджет, иногда даже может быть полезен (допустим когда есть определенные требования к дизайну). Но в данный момент виджет не позволят добавлять позиции динамически, что возмутило товарища alexsrdk, да и меня тоже :) Сейчас попробуем это дело исправить.
Читать дальше →
Total votes 69: ↑67 and ↓2 +65
Views 18K
Comments 16

Преобразование меню в выпадающий список на маленьких экранах

jQuery *
Translation
Tutorial
image

В качестве примера того, что мы получим в результате, можно посмотреть сайт «Five Simple Steps» с адаптивной версткой. Когда окно браузера имеет маленькую ширину, меню в верхнем правом углу превращается из обычного ряда ссылок в выпадающее меню.
Читать дальше →
Total votes 43: ↑30 and ↓13 +17
Views 27K
Comments 28

Адаптивное многоуровневое меню сайта с саморегистрируемыми пунктами на основе директивы AngularJS

JavaScript *Angular *
Sandbox
        Существует вполне обоснованное мнение, что найденный в Интернете чужой код намного лучше собственноручно написанного, т.к. его уже оттестировали тысячи ленивых разработчиков. Собственно поэтому, когда передо мной возникла задача, описанная в названии статьи, я решил не изобретать велосипед, а найти готовое решение. К моему удивлению, ни на англоязычных, ни на русскоязычных ресурсах ничего подходящего под мои запросы на основе ангуляра я не нашел. Поэтому было принято решение написать код самостоятельно и поделиться им с общественностью.

        Возможности меню, реализованные в данной статье:
  1. Вся начинка меню спрятана под капотом директивы. При верстке html страницы указывается лишь DOM-элемент с директивой, что повышает читабельность кода.
  2. У меню есть возможность создавать пункты с бесконечным уровнем вложенностей.
  3. Подсветка активной страницы в меню осуществляется не только на первом уровне, но и на любом уровне вложенности.
  4. Возможность зарегистрировать пункт меню на этапе конфигурации приложения.
  5. Возможность отображения/сокрытия конкретных пунктов меню в зависимости от прав доступа текущего пользователя.

        Исходный код директивы можно посмотреть тут.
Подробности смотри ниже
Total votes 8: ↑6 and ↓2 +4
Views 14K
Comments 0

Распространенные ошибки, которые допускают разработчики в UX

Productivity Inside corporate blog Web design *Interfaces *Mobile applications design *Graphic design *
Translation
Я занимаю должность консультанта по UX для одного из партнеров компании Mendix, и мне часто приходится работать с небольшими самоорганизованными командами, которые создают отличные приложения для решения внутренних проблем. Моя задача — совершенствовать UX в этих приложениях.


Лучшие моменты в моей работе — когда меня совершенно застают врасплох оригинальность и креативность подходов к разрешению проблем и я оказываюсь вынужден объяснять, почему некоторые, казалось бы, логичные практики на деле оказываются плохой идеей.

Все решения, которые я здесь предлагаю, не являются единственно верными, в каждом случае бывают исключения; рассматривайте все написанное ниже не как прямое руководство к действию, а как отправную точку для дальнейших рассуждений.
Читать дальше →
Total votes 23: ↑23 and ↓0 +23
Views 12K
Comments 7