• Где взять бэкенд для фронтенд учебного проекта?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Комментировать
  • Нужна ли адаптивная вёрстка для компьютерного браузера, если кто-то будет уменьшать окно браузера до мобильной версии?

    ThunderCat
    @ThunderCat
    {PHP, MySql, HTML, JS, CSS} developer
    Насколько такой подход к разработке правильный?
    Нинасколько. Так как озон достаточно старая система, проектирование мобильной версии с отдельным мобильным видом наследие периода когда верстку сделать адаптивной было гораздо сложнее, а поисковые роботы еще ориентировались на субдомены по типу м.домен.тлд для отображения результатов поиска с мобильных устройств. Менять что-то с потерей поисковой индексации уже никто не будет.

    В сегодняшних реалиях такой подход для новых проектов неприемлем, так как это лишняя работа и лишний код отдельно для мобильной версии, что еще и обслуживание усложняет. Все делают мобайл фирст верстку (так как ~80% траффика это мобилы), и сразу адаптив, так как современный цсс делает это на раз-два. Короче, сейчас так не делают.

    Навряд ли многие люди так уменьшают окошко браузера вручную и для чего это нужно...
    Это нужно не для людей которые "уменьшают окошко", а для бесшовного перехода между устройствами, так как есть планшеты, нетбуки, мобилы с разным разрешением и просто масштабирование в браузере, и для всего этого зоопарка адаптив позволяет задать нормальный вид, практически для любого устройства в заданном диапазоне разрешений, причем без специальной подгонки под экран.
    Ответ написан
    7 комментариев
  • Как добавить перенос строки на html странице?

    NeiroNx
    @NeiroNx
    Программист
    Заменить на \n на <br/> когда в параграф вставляете.
    Ответ написан
    2 комментария
  • Можно ли создать такое элементами CSS html?

    @alexalexes
    Если это чисто декоративный элемент, и в нем внутри не будут другие элементы, то можно разрезать текстуру на составные текстуры и какие-то из этих частей повторять, чтобы получить бесконечно удлиняемый эффект.
    Если у этого элемента будет еще какая-та нагрузка, то смотрите как это реализовать в svg.
    Ответ написан
    Комментировать
  • Как из одного файла js передать значение переменой в другой файл js?

    @LJ322
    Ответ написан
    Комментировать
  • Почему так странно работает WoL на ноутбуке?

    15432
    @15432
    Системный программист ^_^
    Потому что поддержка WoL в этом ноутбуке не предусматривалась производителем. Система питания (мультиконтроллер) на большинстве ноутбуков после аварийного выключения (отсоединение аккума или удержание кнопки питания) неактивна, это нужно, чтобы устройство могло очень долго лежать на складе, и аккумулятор не издох. Поэтому автовключение тоже не работает, не подается питание на чипсет.
    Ответ написан
    5 комментариев
  • Как изменить переменную BootStrap, которая есть?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    =))

    Ну давай попробую еще раз.

    Самая вредная переменная в желтой рамке. Ее надо убить первой.


    Вы ее уже "убили".
    Вы задали значение "none".
    У вас получилось после обработки браузером
    background-color: none !important
    Кстати, для background-color это не валидное значение. Оно может принимать только цвет.
    Но хрен с ним – невалидное значение будет проигнорировано. А значит цвет станет по умолчанию назначенным браузером. Како1 цвет у окна, когда не заданы вообще никакие стили? Правильно- белый.

    Теперь идем к сути проблемы. А именно смотрим на это:

    66696e238e184969345989.png

    Здесь примененные стили отображаются каскадно снизу вверх. Наиболее приоритетные вверху.
    Я специально вырезал скриншот без объявления переменной чуть выше. Не имеет отношения.

    Сначала браузер применяет стиль background-color: #DC143C; который прописан в index.html
    А потом применяет стиль background-color: var(--bs-body-bg);, который находится в bootstrap.scss

    Cами вы не догадываетесь почему. А все просто. Стили объявленные или подключенные ниже имеют больший приоритет.

    Обязательно почитайте что такое CSS-каскад. Оно, кстати, так и расшифровывается Cascade style sheets - каскадные таблицы стилей.

    На этом моменте, я надеюсь вы уже догадываетесь, что вам следует перенести style в index.html ниже подключения bootstrap.css

    66697009ad72b667145238.png

    Либо добавить там (в index.html) !important для стиля фона.

    Или самое простое и правильное - поменять значение переменной, а не пытаться ее "убить" =))

    6669702f6ec9d517413330.png

    Основная просьба: не трогать


    А почему? Цвет страницы задается скриптами и может меняться? Ну тогда этот цвет можно просто указывать в теге body и опять не заморачиваться с переопределениями и "убийствами" =)

    <body style="--bs-body-bg: red">
    Ответ написан
    9 комментариев
  • Как создать такую фигуру?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Я думал через clip-path но там нет такой плавности... даже чат джипити не понимает...

    Если уж говорить про clip-path, то там есть clip-source, с помощью которого мы можем поиспользовать clipPath из мира SVG, а в рамках SVG уже можно нарисовать себе любую форму. В разделе синтаксиса и на MDN, и в стандарте, это буквально первый предлагаемый вариант использования clip-path. Не доверяйте вашей чатгопоте. Читайте документацию самостоятельно. Там много интересного.
    Ответ написан
    4 комментария
  • Сколько места примерно занимает большой веб портал?

    DevMan
    @DevMan
    чуть больше чем ничего в реалиях современного диска.
    Ответ написан
    Комментировать
  • Как сделать авто подтверждение?

    yarkov
    @yarkov Куратор тега JavaScript
    Помог ответ? Отметь решением.
    Нет и очень надеюсь что никогда будет нельзя
    Ответ написан
    Комментировать
  • Как масштабировать число с идеальной точностью?

    vaut
    @vaut
    Предлагаю решить уравнение
    11*x=13
    И почитать что такое рациональные числа.
    Ответ написан
    2 комментария
  • Как сделать ссылку для перехода на определенное имя в html-таблице?

    VoidVolker
    @VoidVolker
    Dark side eye. А у нас печеньки! А у вас?
    Использовать стандартные якоря.
    Ответ написан
    Комментировать
  • Почему некорректно работает округление?

    VoidVolker
    @VoidVolker Куратор тега JavaScript
    Dark side eye. А у нас печеньки! А у вас?
    Добро пожаловать в мир вычислений с плавающей точкой! Это вполне нормальное поведение и оно такое везде. Если нужна высокая точность - используйте BigNumber/Decimal и т.п.
    Ответ написан
    3 комментария
  • Как сверстать блоки которые визуально находятся на разных уровнях?

    CoDeR2006
    @CoDeR2006
    TypeScript
    Привет, скорее всего ты рановато полез в Tailwind раз не понимаешь как такие штуки делаются.
    Это обычная grid сетка, у которой например рядов 5 рядов, и 2 столбика.

    Ты должен сделать примерно так:
    <div className='grid grid-col-[1fr_1fr] grid-row-[repeat(5,_1fr)]'>
       <div className='row-start-2 row-end-4'> </div>
      // и таким образом двигать нужные тебе блоки, если что ссылка на доку ниже
    <div/>


    documentation - https://tailwindcss.com/docs/grid-row
    Ответ написан
    2 комментария
  • Есть ли смысл делать SPA на ванильном JS?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    Прежде всего стоит перестать воспринимать обучение, как трату времени. Практика с ванильным js даст базу для понимания зачем тот же React вообще нужен и как он работает под капотом.
    Ответ написан
    2 комментария
  • Почему не работает слайдер Slick в Bootstrap?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Бутстрап тут при чем?
    1) Не вижу подключения сликслайдера.
    2) криво прописаны пути до яваскриптов и стилей, соответственно нифига не работает
    3) Подключен овл карусель, который тоже видимо не работает
    4) В коде нет вышеописанного блока

    что за папка такая - isset? Может assets?

    90% вопросов без отмеченных решением, при том что ответы там вполне есть...
    Ответ написан
    3 комментария
  • Как определить изменение состояния видимости элемента?

    Mike_Ro
    @Mike_Ro Куратор тега JavaScript
    Python, JS, WordPress, SEO, Bots, Adversting
    Расширю ответ imko кодом:
    // return true, if element visible
    function isVisible(element) {
      return window.getComputedStyle(element).display !== 'none';
    }
    
    // MutationObserver
    const observer = new MutationObserver((mutations, obs) => {
      const modal = document.querySelector('#modalWindow'); // modal selector
      const dropdown = document.querySelector('#dropdownMenu'); // dropdown menu selector
    
      // check is visible?
      if (isVisible(modal) && isVisible(dropdown)) {
        console.log('Element is visible');
        obs.disconnect();
      }
    });
    
    // config
    const config = {
      attributes: true,
      attributeFilter: ['style']
    }
    
    // run
    observer.observe(document.querySelector('#modalWindow'), config);
    observer.observe(document.querySelector('#dropdownMenu'), config);
    Ответ написан
    1 комментарий
  • Что делать, не работает useEffect?

    Любая ошибка описывается библиотекой в консоли. Ты можешь посмотреть и уже после этого анализировать почему лог не отрабатывает
    Ответ написан
    Комментировать
  • Как подключить код из .js в main.js через @@include?

    sergey155
    @sergey155
    math.js
    const add = (a, b) => {
      return a + b;
    };
    
    const subtract = (a, b) => {
      return a - b;
    };
    
    module.exports = { add, subtract };


    main.js
    const math = require('./math.js');

    В помощь

    01:08:03 Работа с JavaScript (babel, webpack)
    Ответ написан
    Комментировать
  • Что изменить в коде, чтобы прокрутило автоматически до конца страницы?

    yarkov
    @yarkov Куратор тега JavaScript
    Помог ответ? Отметь решением.
    мне из-за одного момента в жизни связанного с кодом надо прочитать книгу?

    Ну можешь что-то положить на пробел и уйти чай попить. Оно само доскроллится.
    Ответ написан
    Комментировать