Главное Авторские колонки Вакансии Вопросы
Выбор редакции:
132 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Идея и пример организации поиска на сайте

Мы долго думали, как на сайте сделать поиск максимально удобным и эффективным, работающий одинаково на любых устройствах, и нашли решение.
Мнение автора может не совпадать с мнением редакции

Поиск внутри проекта - неотъемлемая часть часть функционала практически любого сайта. Поиск, помимо своих основных функций - искать релевантный контент, должен ещё быть и легко доступен. Самое простое - повесить поисковую строку и забыть, но мы (www.tehpodderzka.ru) пошли дальше.

Мысль с поиском была реализована следующим образом:

  • появляющийся по вызову кнопки блок
  • "движок" поиска - Google CSE, годами безупречно работающий механизм на миллионах статейных сайтах (кто еще как не Google лучше всех разбирается в поиске?)

b_565d602d75bdc.jpg

b_565d5ecb0fc02.jpg

На codepen.io было найдено приблизительно подходящее решение, свёрстанное на Material Design, и адаптировано "под себя", с учётом установки Google CSE.

b_565d61fef097f.jpg

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.