Задать вопрос

Денис

Начинающий фронтенд разработчик
Лайки

  • Как добавить класс в зависимости от ширины экрана?

    noder_ss
    @noder_ss
    Линуксоид-энтузиаст и SQL разработчик
    Простой пример с цветом. Пользователь, у которого ширина меньше 1000, будет видеть красный цвет.
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p class="text">Текст</p>
</body>
<style>
    .class{
        color: red;
    }
</style>
<script>
    let text = document.querySelector('.text')
    if(document.documentElement.clientWidth < 1000){
        text.classList.add('class')
    }
</script>
</html>
    Ответ написан
    Комментировать
    Комментировать

  • Как добавить класс в зависимости от ширины экрана?

    mizutsune
    @mizutsune
    Frontend Developer
    Вам не класс нужно переключать на элементе, а включать и выключать слайдер, при достижении определенного брейкпоинта. Всё это дело можно легко решить с помощью matchMedia.

    Вот небольшой пример:

    const slider = $(".slider").slick({
     centerMode: true,
     slidesToShow: 4
});

const breakpoint = window.matchMedia("(max-width: 992px)");

const breakpointChecker = () => {
   if (breakpoint.matches) {
      slider.slick('init');
   } else {
      slider.slick('destroy');
   }
};

breakpoint.addEventListener("change", breakpointChecker);
breakpointChecker();


    А вот для дополнительной стилизации контейнера, уже можно использовать медиа запросы в CSS.
    Ответ написан
    2 комментария
    2 комментария

  • Где можно протестировать работу PHPmailer бесплатно?

    Sanes
    @Sanes
    Практически каждый хостинг предоставляет тестовый период. А в вашем случае даже localhost подойдет. Настройте SMTP и проверяйте.
    Ответ написан
    Комментировать
    Комментировать

  • Размер спрайта для мобильной pixel-art игры?

    @Voltever
    Если ты рисуешь объекты с видом с боку (как в марио или pacman) то тогда советую делать так:
    Объект не должен быть сильно меньше размера картинки, то есть если истребитель 20х20 то стоит выбрать 32 на 32 а не 64 на 64.
    Ну а вообще сам размер объектов выбирай сам, если недавно начал рисовать пикселями то советую выбирать не более 32х32.
    Ответ написан
    2 комментария
    2 комментария