Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Oleg Urievich
@olega7or
Digital designer
JavaScript
HTML
CSS
Как сверстать такой блок?
В разделе Our Works на
сайте
(тема Barber shop слева) при клике по заголовкам(ALL, BARBER, SHAVES) меняется содержимое. С помощью какого плагина можно такое реализовать? Какие технологии нужно изучать?
Вопрос задан
более трёх лет назад
337 просмотров
Комментировать
Подписаться
2
Простой
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Фронтенд-разработчик
10 месяцев
Далее
Skillfactory
Профессия Веб-разработчик
12 месяцев
Далее
Яндекс Практикум
Мидл фронтенд-разработчик
5 месяцев
Далее
Решения вопроса
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 подписчик
15 часов назад
116 просмотров
2
ответа
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
20 окт.
130 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
2 подписчика
16 окт.
103 просмотра
0
ответов
JavaScript
Простой
Как подгружать xml с перерисовкой таблицы?
3 подписчика
14 окт.
151 просмотр
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
196 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
129 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как решить задачку из контеста?
1 подписчик
13 окт.
234 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Есть ли js-библиотека для офлайн-распознавания русской речи?
1 подписчик
12 окт.
162 просмотра
2
ответа
JavaScript
Простой
Почему не работает в консоли setTimeout?
1 подписчик
11 окт.
329 просмотров
1
ответ
HTML
+1 ещё
Простой
Как в руководстве steam сделать обтекающий картинку текст?
1 подписчик
08 окт.
123 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy
•
Нижний Новгород
от 80 000 до 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама