Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Квест про большие данные в банках
Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
SlavaMaxwell

Vladislav

HTML-верстальщик
  • 8
    вклад
  • 118
    вопросов
  • 30
    ответов
  • 57%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Семантичен ли такой HTML?

    approximate_solution
    approximate solution @approximate_solution
    JS Developer. Angular\React\Vue\Ember
    Семантичен.
    main - главная обертка для сменяемой части кода(условно шапка и подвал у вас не меняются).
    section - используется для выделения смысловых блоков, как вы и указали.
    https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
    Ответ написан 03 окт. 2020
    2 комментария
    Нравится 2 2 комментария
  • Как написать такой скрипт?

    askhat
    Асхат Бикметов @askhat
    Full Stack Developer
    ajaxRequest().then(() => {
      window.location.href = 'http://www.example.com'
    })
    Ответ написан 02 окт. 2020
    3 комментария
    Нравится 1 3 комментария
  • Как данный код на JQuery переписать на чистый JavaScript?

    Absolute138 @Absolute138
    document.querySelector('.reviews__commentaries.value-commentaries').addEventListener('click', function(){
        this.parentNode.nextElementSibling.classList.toggle('slide-tooggle');
        this.parentNode.nextElementSibling.nextElementSibling.classList.toggle('slide-tooggle');
        this.nextElementSibling.classList.toggle('rotate-comment');
    });

    slideToggle() додумывайте через css))
    .reviews__response-comment{
      -webkit-transition: height .3s ease;
      height: 0;
      overflow: hidden;
    }
    .reviews__response-comment.slide-tooggle {
      height:100px;
    }
    Ответ написан 01 окт. 2020
    11 комментариев
    Нравится 1 11 комментариев
  • Допустим ли такой размер шрифта?

    archelon
    archelon @archelon
    в смысле валидности верстки? без разницы, хоть 1px, хоть 100px.
    с точки зрения юзабилити, надо смотреть по ситуации.
    Ответ написан 19 сент. 2020
    2 комментария
    Нравится 1 2 комментария
  • Как обнулить margin у первого элемента переноса?

    fallus
    fallus @fallus
    Если под современные браузеры делается и IE неважен, то можно просто добавить контейнерам(у которых display: flex) св-во gap: 10px 20px;

    И нет, я не пьяный.
    Ответ написан 31 авг. 2020
    2 комментария
    Нравится 1 2 комментария
  • Как обнулить margin у первого элемента переноса?

    Kiriniy
    Кирилл Никитин @Kiriniy
    Графический дизайнер / Веб-разработчик
    А нельзя вместо .filter__btn-category+.filter__btn-category просто отступ в другую сторону?

    .filter__btn-category {
      margin-right: 20px;
    }
    Ответ написан 30 авг. 2020
    1 комментарий
    Нравится 1 1 комментарий
  • Как поправить табы?

    0xD34F
    0xD34F @0xD34F Куратор тега JavaScript
    Отменять всплытие события:

    $('.custom-checkbox').click(e => e.stopPropagation());

    Или проверять, где был клик:

    $('.tab').click(function(e) {
      if ($(e.target).hasClass('custom-checkbox')) {
        return;
      }
      ...
    Ответ написан 29 авг. 2020
    1 комментарий
    Нравится 1 1 комментарий
  • Какие тэги в label можно вкладывать?

    wapster92
    WapSter @wapster92 Куратор тега Вёрстка
    label строчный, соответсвенно только строчные.
    Ответ написан 26 авг. 2020
    2 комментария
    Нравится 1 2 комментария
  • Как поменять текст при клике на кнопку?

    Benzin102
    Pashok Doom @Benzin102
    Shitcoder
    1. Вставить два спана с текстами "открыть" \ "закрыть" и по классу на кнопке скрывать не нужный.
    2. Задай кнопке два аттрибута, текст открыть и текст закрыть и тяни нужный
    Ответ написан 26 авг. 2020
    Комментировать
    Нравится 1 Комментировать
  • Как добраться до элемента?

    pavel_mol @pavel_mol
    $("#categoryBtnOne").prev(".tabs__links-products.none");
    Ответ написан 26 авг. 2020
    7 комментариев
    Нравится 1 7 комментариев
  • Как настроить живой поиск доб/уд класс?

    0xD34F
    0xD34F @0xD34F Куратор тега JavaScript
    $('.tabs__field-search').on('input', function() {
      const search = $('.tabs__field-search').val().toLowerCase();
      const $ul = $('.tabs__list-cars ul');
      const $li = $ul.find('li');
      const $liToShow = $li.filter((i, n) => $(n).text().toLowerCase().includes(search));
    
      $liToShow.fadeIn();
      $li.not($liToShow).fadeOut();
      $ul.toggleClass('column-search', !!search);
    });
    Ответ написан 26 авг. 2020
    2 комментария
    Нравится 1 2 комментария
  • Как сделать второй активный таб?

    twobomb
    twobomb @twobomb
    $('.tabs__item-tab').not(':eq(1)').hide();
        $('.tab').click(function() {
            $('.tab').removeClass('active').eq($(this).index()).addClass('active');
            $('.tabs__item-tab').hide().eq($(this).index()).fadeIn()
        }).eq(1).addClass('active');
    Ответ написан 25 авг. 2020
    2 комментария
    Нравится 1 2 комментария
  • Как прописать условие на количество кнопок?

    wapster92
    WapSter @wapster92 Куратор тега JavaScript

    В функции max не включительно, но это на руку, так как массив начинается не с 1, а с 0.
    Ответ написан 24 авг. 2020
    3 комментария
    Нравится 1 3 комментария
  • Как добавить класс span при клике на button?

    0xD34F
    0xD34F @0xD34F Куратор тега JavaScript
    $('span', this).toggleClass('rotate');
    Ответ написан 19 авг. 2020
    1 комментарий
    Нравится 2 1 комментарий
  • Как сверстать такую форму регистрации?

    approximate_solution
    approximate solution @approximate_solution
    JS Developer. Angular\React\Vue\Ember
    Остальное за css, и логикой.
    https://codepen.io/Creative_Srijon/pen/LNzrRo
    https://codepen.io/Creative_Srijon/pen/xVXzOM
    https://www.w3schools.com/howto/howto_js_form_steps.asp
    Ответ написан 19 авг. 2020
    Комментировать
    Нравится 1 Комментировать
  • Как избежать дублирования кода?

    webirus
    Сергей Горячев @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    $(this).next().slideToggle();
    Ответ написан 18 авг. 2020
    1 комментарий
    Нравится 1 1 комментарий
  • Почему не отбражается картинка формата webp на ios?

    Lebezniy
    Дмитрий Комчев @Lebezniy
    Веб разработка
    5f381fe414a68238310739.jpeg
    Ответ написан 15 авг. 2020
    Комментировать
    Нравится 1 Комментировать
  • Целесообразно ли для лендинга использовать spa фреймворк?

    Алексей @AleksRap
    Зависит от интерактива на сайте. Чем его больше, тем больше смысла. Но на лендосе такое маловероятно
    Ответ написан 09 авг. 2020
    Комментировать
    Нравится 2 Комментировать
  • Как при клике на кнопку во Vue добавлять класс другому элементу?

    0xD34F
    0xD34F @0xD34F Куратор тега Vue.js
    например на body

    Поскольку body не следует использовать в качестве корневого элемента приложения, то так же, как и без vue - путём прямого обращения к classList:

    <button @click="onClick">

    methods: {
      onClick() {
        document.body.classList.toggle('active');
      },
    },

    Если же не "например" - читайте документацию, там всё есть.
    Ответ написан 05 авг. 2020
    Комментировать
    Нравится 1 Комментировать
  • Как сделать анимацию фэйдом при смене компонента?

    h4mpy
    h4mpy @h4mpy
    https://jsfiddle.net/h4mpy/gpwecyka/3/
    Ответ написан 04 авг. 2020
    2 комментария
    Нравится 1 2 комментария
Оценили как «Нравится»
  • ← Предыдущие
  • 1
  • 2
  • 3
  • 4
  • Следующие →
Самые активные сегодня
  • sashabeep
    sashabeep
    • 9 ответов
    • 0 вопросов
  • Шахмаев Анвар
    • 8 ответов
    • 0 вопросов
  • 0xD34F
    0xD34F
    • 7 ответов
    • 0 вопросов
  • Dr. Bacon
    • 7 ответов
    • 0 вопросов
  • MinTnt
    MinTnt
    • 6 ответов
    • 0 вопросов
  • approximate_solution
    approximate solution
    • 6 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации