Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Oleg Urievich
@olega7or
Digital designer
JavaScript
HTML
CSS
Как сверстать такой блок?
В разделе Our Works на
сайте
(тема Barber shop слева) при клике по заголовкам(ALL, BARBER, SHAVES) меняется содержимое. С помощью какого плагина можно такое реализовать? Какие технологии нужно изучать?
Вопрос задан
более трёх лет назад
337 просмотров
Комментировать
Подписаться
2
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Алексей
@a1exDi
Geek
Думаю, что вам подойдет готовое решение.
https://vestride.github.io/Shuffle/
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
2
Stalker_RED
@Stalker_RED
html, css и javascript
Ответ написан
более трёх лет назад
5
комментариев
Нравится
1
5
комментариев
Facebook
Вконтакте
Twitter
Oleg Urievich
@olega7or
Автор вопроса
Это понятно. Верстка меня не интересует. Интересует реализация интерактивности при клике на заголовки. На каких принципах она построена?
Написано
более трёх лет назад
Stalker_RED
@Stalker_RED
Oleg Urievich
, там минифицированный скрипт, я не собираюсь его расковыривать.
Используется filter() вероятно и какая-то анимация.
Написано
более трёх лет назад
Stalker_RED
@Stalker_RED
Oleg Urievich
, вот эта штука
https://www.themepunch.com/faq/remove-filter-option/
Написано
более трёх лет назад
Stalker_RED
@Stalker_RED
Oleg Urievich
,
https://www.themepunch.com/essgrid-doc/essential-g...
см. Category Filtering
Написано
более трёх лет назад
Stalker_RED
@Stalker_RED
Oleg Urievich
, давай ка я на будущее расскажу тебе, как я это выяснил. Это очень крутое кунг-фу, не только лишь все так умеют.
1. пкм по кнопке, "посмотреть код"
2. смотрим внимательно на код и медитируем (недолго)
3. вбиваем в гугл "esg-filterbutton"
4. ...
5. PROFIT!
Написано
более трёх лет назад
4mobile
@4mobile
WEB developer
Есть еще
isotope
для таких задач.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Как сделать форму обратной связи на сайте с отправкой на Whatsapp?
1 подписчик
3 часа назад
167 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как улучшить OCR-парсер билетов на основе Tesseract.js?
2 подписчика
вчера
1267 просмотров
1
ответ
HTML
+1 ещё
Простой
Код не работает, как так?
2 подписчика
вчера
907 просмотров
1
ответ
JavaScript
Простой
Как передать значение из Select2 в другую функцию?
2 подписчика
вчера
740 просмотров
1
ответ
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
07 мая
122 просмотра
0
ответов
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
06 мая
360 просмотров
1
ответ
JavaScript
Простой
Как перебрать на совпадение все свойства объекта из LocalStorage и вывести в массив по три элемента?
1 подписчик
06 мая
115 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать SSG на Vite Node?
1 подписчик
05 мая
85 просмотров
0
ответов
JavaScript
Средний
Как отобразить видеопоток Janus?
1 подписчик
03 мая
81 просмотр
0
ответов
JavaScript
Средний
Плавная прокрутка html5 видео?
4 подписчика
03 мая
1441 просмотр
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 30 000 до 80 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама