• Как исправить скрипт табов, чтобы работал таб в табе?

    @slagoris Автор вопроса
    Странное дело, обычно такая помощь была, но в этот раз, видимо, не судьба.
    Сам разобрался
    let tab = function () {
            let tabNav = document.querySelectorAll('.tabs-nav__item');
            let tabContent;
            let tabName;
    
            tabNav.forEach(item => {
                item.addEventListener('click', selectTabNav )
            })
    
             function selectTabNav() {
                let navs = this.closest('.tabs-nav').querySelectorAll('.tabs-nav__item');
                tabContent = Array.from(this.closest('.tabs-nav').nextElementSibling.children)
                navs.forEach(item => {
                    item.classList.remove('active')
                });
                 this.classList.add('active');
                 tabName = this.getAttribute('data-tab-name');
                 selectTabContent();
             }
             function selectTabContent() {
                tabContent.forEach(item=>{
                    item.classList.contains(tabName) ? item.classList.add('active') : item.classList.remove('active')
                })
             }
         };
         tab();
    Ответ написан
    Комментировать
  • Как должен выглядеть сайт-портфолио front end разработчика?

    @slagoris
    Очень интересный вопрос с не менее интересным ответом. Идеального портфолио - нет. Смотришь десяток примеров, прикидываешь, как тебе надо, как именно тебе нравится, как именно тебе идеально, и делаешь. А по факту в работе, главное работа: бери заказы, делай, получай отзывы и еще работу. Работа - лучшее портфолио. Мне оно пригодилось чисто для тренировки верстки когда-то), когда не было работы. И сейчас оно прибывает в том же состоянии - классным для меня, когда-то, а сейчас - ну такое унылое), надо бы переделать, да времени нет).
    Ответ написан
    Комментировать
  • Как изменить выбранный элемент select?

    @slagoris Автор вопроса
    это не работает. пробовал. Даже в вашем примере пункт неактивен и полупрозрачен только в выпадающем списке, когда же список свернут, этот элемент все равно имеет обычный цвет. Может есть еще способы?
    Ответ написан
    Комментировать
  • Как реализовать такие стрелки?

    @slagoris Автор вопроса
    сам же отвечаю на свой вопрос. обычное абсолютное позиционирование. а почему сразу не получалось - случайно вылетел из таск-менеджера sass файл со стилями контейнера со всеми медиазапросами, и при каждом движении все разъезжалось. вернул брейкпоинты на место, все ок. Спасибо за отзывчивость, особенно Владиславу.
    Ответ написан
    1 комментарий