Как сверстать такой блок?

Question

[Oleg Urievich]

В разделе Our Works на сайте (тема Barber shop слева) при клике по заголовкам(ALL, BARBER, SHAVES) меняется содержимое. С помощью какого плагина можно такое реализовать? Какие технологии нужно изучать?

Answer 1

[Алексей]

Думаю, что вам подойдет готовое решение.

https://vestride.github.io/Shuffle/

Answer 2

[Stalker_RED]

html, css и javascript

Comments

[Oleg Urievich]

Это понятно. Верстка меня не интересует. Интересует реализация интерактивности при клике на заголовки. На каких принципах она построена?

[Stalker_RED]

Oleg Urievich, там минифицированный скрипт, я не собираюсь его расковыривать.
Используется filter() вероятно и какая-то анимация.

[Stalker_RED]

Oleg Urievich, вот эта штука https://www.themepunch.com/faq/remove-filter-option/

[Stalker_RED]

Oleg Urievich, https://www.themepunch.com/essgrid-doc/essential-g...
см. Category Filtering

[Stalker_RED]

Oleg Urievich, давай ка я на будущее расскажу тебе, как я это выяснил. Это очень крутое кунг-фу, не только лишь все так умеют.

1. пкм по кнопке, "посмотреть код"
2. смотрим внимательно на код и медитируем (недолго)

3. вбиваем в гугл "esg-filterbutton"
4. ...
5. PROFIT!

Answer 3

[4mobile]

Есть еще isotope для таких задач.