Ответы пользователя по тегу HTML
  • Как добавить выпадающее меню на кнопку?

    @Vaultboy84
    Конечно. Гугл может помочь. "Выпадающее меню css" - вот запрос.
    Ответ написан
    Комментировать
  • Как сделать вот такой input?

    @Vaultboy84
    Это типичная маска для телефона.
    Ответ написан
    Комментировать
  • Есть ли "правильность" верстки?

    @Vaultboy84
    В любом производственном процессе есть методология. Можно работать по известной методологии и тогда ваш код будет понятен, тем кто ею владеет или не обременять себя этим и клепать как бог на душу положит. Все зависит от масштабов проекта, его задач и дальнейшего уровня поддержки. Уж не знаю, что там понаписали эксперты выше, лень честно говоря читать, но лично я вам рекомендую почитать про методологии сиэсэс. Это и пресловутый БЭМ и SMACSS и другие. Они охватывают и именование классов и структуризацию проекта и подходы к непосредственно верстке. Само применение методологии, когда оно оправдано несомненно плюс и является профессирнальным подходом, который необходим в производственной разработке. Если же вы клепаете лендинги и визитки, то для таких залач, на мой взгляд методологии избыточны.
    Ответ написан
    Комментировать
  • Как правильно присваивать стили?

    @Vaultboy84
    Что то отвечающие, все как на подбор какую то чушь пишут. При чем тут БЭМ? Это всего лишт методология, одна из многих. Суть не в БЭМ, а в том как читаются стили при строительстве дерева DOM. А читаются они не слев направо, а наоборот справа на лево. Таким образом, в первом случае изначально берутся все li в документе, потом из них выбираются li вложенные в nav. А если у вас много li в документе и таким вот образом написаны все стили, то отрисовываться все будет медленее. Указывая же конкретный класс вы сразу же сужаете диапазон и свойства применяются при отрисовке быстрее. Таким образом применять классы более целесооборазно.
    Ответ написан
    Комментировать
  • Очистить весь сайт от неиспользуемых стилей?

    @Vaultboy84
    Помоему есть плагин для висикода. Поищите что нибудь по словосочетанию clean css в плагинах.
    Ответ написан
    Комментировать
  • Почему приходят пустые массивы?

    @Vaultboy84
    let divClassForm = document.getElementsByClassName(".divWindow");


    зачем тут точка в наименовании класса элемента, если обращаешься и так к классу?
    Ответ написан
  • Как сделать так чтобы объект не влиял на другие html css?

    @Vaultboy84
    Скорее всего вы пытаетесь изобрести какой то неправильный велосипед для решения своей задачи. Так можно поступать только с элементами у которых position: absolute; или position: fixed; тоесть которые не зависят от других элементов.
    Ответ написан
    5 комментариев
  • Почему не работает адаптивная верстка?

    @Vaultboy84
    Вроде сча все норм, поправили?
    Ответ написан
    Комментировать
  • Как исправить slick-slider vertical обрезается слайд?

    @Vaultboy84
    Очевидно что проблема в верстке, но это все, что можно понять из этого скрина, настройки слайдера тут вообще не при чем.
    Ответ написан
  • Что не так с этой версткой по БЭМ?

    @Vaultboy84
    Обьясните мне лучше, как вы понимаете, что такое БЭМ и зачем он вам в лендинге? Как вы пришли к тому, что он вам нуженв этом проекте?
    Ответ написан
    Комментировать
  • Как сделать так, чтобы при нажатии на разные кнопки открывалось одо модальное окно?

    @Vaultboy84
    let modal = document.getElementById("my_modal");
    let span = document.getElementsByClassName("close_modal_window")[0];
    
    let allBtn = document.querySelectorAll('.btn_modal_window'); /* Берем все кнопки */
    allBtn.forEach(function(element) {
        element.onclick = showModal;
    })
    
    function showModal() {
        modal.style.display = "block"; /* Выводим модальное окно */
    }
    
    span.onclick = function () {
        modal.style.display = "none";
      }
    
      window.onclick = function (event) {
        if (event.target == modal) {
          modal.style.display = "none";
        }
      }


    Как то так
    Ответ написан
    1 комментарий
  • На сколько актуальна верстка Пиксель пёфект?

    @Vaultboy84
    Верстка пиксель пефект не актуальна, потому что мы живем во времена адаптивных приложений. Тот кто говорит про пиксель пефект просто не понимает, что несет. Просто услышал красивое словосочетание 10 лет назад и бездумно его повторяет. Невозможно, чтобы приложение адаптировалось под различные разрешения и сохраняло при этом свою структуру без изменений. Да и это не нужно. Мы должны давать пользователю оптимальный интерфейс на его устройстве. Почитайте книгу "css для профи", там про это есть, книга новая и в ней есть интересные моменты.
    Ответ написан
    Комментировать
  • Что учить зная базу HTML, CSS?

    @Vaultboy84
    Путь во фронтенд. Стек очень обширный. Если знаете только базу, то далее работа с фреймворками типо бутстрап, фандейшн. Препроцессоры, типо sass, сборщики галп и вебпак, гит. По сиэсэс желательно освоить флексы, гриды могут подождать, переменные, какую либо методологию именования классов и организации структуры фронтенд части. Ну к примеру бэм, надо так же уметь правильно работать с изображениями, иконками. Спрайты, ленивая загрузка, форматы изображений. Необходимо иметь свой билд для быстрого старта, чтобы минимизировать количество рутинных задач. Так же нужно помнить о большом количестве легаси кода, который вам придется поддерживать, в том числе надо знать, как правильно верстать почтовые рассылки, ну хотя бы в общих чертах. Далее джс, это и ванила и библиотека jquery, которая до сих пор плотно используется и новые джс фреймворки, хотя бы один из них - вью, реакт или ангуляр.Как то так.
    Ответ написан
    Комментировать
  • Как с помощью css располагать так блоки?

    @Vaultboy84
    Masonry, как уже тут писали самый адекватный вариант. Все остальное посредством сиэсэс это костыли. А гриды еще и использовать рано.
    Ответ написан
    Комментировать
  • Как анимировать этот фон?

    @Vaultboy84
    Ты научись вначале формулировать свои хаотичные мысли в понятные конкретизированные вопросы, аниматор.
    Ответ написан
    Комментировать
  • Почему верстка на div - это зло?

    @Vaultboy84
    Такое ощущение, что некоторые, кто тут дает ответы сам версткой толком не занимается. Дивы стандартные блоки, которые используются там, где нет возможности применить семантические теги. В любых иных случаях должны быть применены семантические теги. Это необходимо для поисковиков и для читабельности вашего кода. Таков стандарт html 5. Если вы не хотите соответствовать современным общепринятым стандартам, вы можете верстать хоть таблицами, но будте готовы к понижению позиций своего ресурса в поисковой выдаче, так же вряд ли кому то в дальнейшем понравится сопровождать ваш код. Вешать классы для семантики на дивы имея семантические теги признак отсталости и непрофессионализма. Так может сделать бэкендер или какой-нибудь фуллстак, но не уважающий себя фронт.
    Ответ написан
    2 комментария