.
5 июня 2013

JQuery — мультиселект и cлайдер бегунок

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

Собственно, плотный поиск в сети конечно предоставит необходимые сведения, но может кому пригодиться найденный мною материал:

1. jQuery Dropdown CheckList — TESTING — собственно, готовое решение множественного выбора с различными демонстрационными примерами (мне например сильно пригодилась опция 'firstItemChecksAll'
2. По слайдеру это вообще стандартное решение на JQuery — заходим на jQuery UI чекаем Slider — скачиваем, настраиваем. Посмотреть различные готовые варианты можно там же.

Пост больше «закладочный» для себя — поэтому без подробностей (на указанных ресурсах всё подробно) — будут подводные камни в реализации — добавлю.
Ну и как закончу фильтр — скину линк для критики.

рубрики: Вёрстка, Полезности, Программирование, Сайтостроение | Комментарии (1)

14 декабря 2012

Тонкости вёрстки — картинки интерфейса в одном файле

Коллега, просматривая сайт www.kupikupon.ru заметил особенность вёрстки — абсолютно все элементы шаблона были расположены в одном файле и стилями уже отображали участок, соответствующий нужному элементу (они ещё статику всю на CDN утащили — но это уже другая тема для разговора).
Посчитайте сколько управляющих элементов в файлике — на вскидку более 50ти!
Получается каждый файл — это не только файл сам по себе, а лишний GET запрос создающий нагрузку на сервер выделением сокета, процесса, памяти, передаваемый по сети своими маршрутами и т.д.
Короче один — быстрее, чем 50 :) Прогрузился — и вуаля, все элементы управления на местах.
Но, думается в плане удобства тоже мало приятного — ведь для каждой картинки нужно знать её абсолютную позицию и габариты, что значительно усложняет процесс вёрстки.

А не автоматически ли создаётся этот файл и стили по уже созданному рабочему сайту с множеством мелких картинок?
Был бы логичен именно такой подход!

Коллеги, кто в курсе — не стесняйтесь комментировать ;)

рубрики: Вёрстка, Полезности, Программирование | Комментарии (5)

Яндекс.Метрика