• В чем разница между scale и width height?

    MrDecoy
    @MrDecoy Куратор тега CSS
    Верставший фронтендер
    Самое главное отличие в том, что изменения, заданные с помощью transform не влияют на поток документа.
    То есть "физические" размеры и положение блока остаётся будто бы transform не применён, а визуально - будто применён.
    Так же применение свойства transform на элементе создаёт новый контекст наложения, относительно которого, например, рассчитывается z-index.
    А ещё использование transform может выносить вычисление на видеокарту.
    А ещё для анимации элемента лучше использовать transform, а не width\height, так как это лучше для производительности. Это следует из пункта про поток документа.

    Примерно так это выглядит:
    BeowL.png
    Зелёный - реальный размер блока, синий - до какого он был визуально уменьшен при transform: scale(0.8)
    Ответ написан
    Комментировать
  • Как верстаются такие блоки адаптивно?

    RAX7
    @RAX7
    flexbox + float
    Ответ написан
    Комментировать
  • Как верстаются такие блоки адаптивно?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Либо гридами либо на десктопе выносить видео/картинку абсолютом https://jsfiddle.net/q1e8s5mr/
    Есть еще альтернатива: поставить картинку первой в коде.
    На десктопах ей задавать float (не забудьте clearfix).
    На мобилках расставить правильные order.
    Ответ написан
    Комментировать
  • Как игнорировать: hover стиль css на тачпадах?

    Я использую mixin для sass, чтобы hover вообще не применялся на устройствах с touch:

    @mixin support-hover()
      @media (hover), (min-width:0\0), (min--moz-device-pixel-ratio:0)
        @content


    Соответственно в него нужно поместить какой-либо блок с :hover

    Пример использования:
    @include support-hover()
      .link
          
        &:hover
          color: blue


    А если нужно просто заблокировать hover во время скролла, то можно добавить к body (или к элементам, которые нужно заблокировать *) стиль pointer-events: none и в конце скролла удалять этот стиль
    Ответ написан
    2 комментария
  • Физика движения шара?

    samodum
    @samodum
    Какой вопрос - такой и ответ
    Я писал когда-то бильярд.
    Там формулы на уровне школьной физики.
    Смотри сложение векторов и тему про импульс удара двух абсолютно упругих тел.
    Ещё у меня была книжка про бильярд с дикими формулами для кручёных ударов и вообще там описывалась вся физика бильярда.
    Ответ написан
    Комментировать
  • Как вывести имя переменной и её значение?

    @lloydbanks
    Проще с объектом работать
    const obj = {a: 3, b: 10, c: 20},
    minValue = Math.min(...Object.values(obj)),
    minKey = Object.keys(obj).find(k => obj[k] === minValue)
    
    console.log(minKey + '=' + minValue) // a=3
    Ответ написан
    1 комментарий
  • Как бороться со стрессом на работе?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Мозг каждый день кипит так же, как в первый день. Шаг влево шаг вправо, и вот, я уже ничего не знаю и ничего не умею... ощущение, что на работе я как будто не прогрессирую, а наоборот деградирую...

    У меня такое было, когда я только перешел во фронтенд и пытался держать слишком много деталей о языках и инструментах в голове. Со временем понял, что это не имеет смысла - все меняется быстрее, чем я запоминаю. Перешел от мысли "я использую инструменты" к мысли "я делаю штуки" и сразу полегчало, стал держать в голове только общие идеи о том, как что-то делается, или что вообще бывает в какой-то области, а конкретные инструкции по применению отдельных инструментов изучаю по ходу дела. Изменил фокус своего самообразования, если это можно так назвать. В результате все препроцессоры слились в один, новые библиотеки становятся все менее сложными в освоении, поскольку идеи везде плюс-минус одинаковые и.т.д. Решения стало принимать гораздо проще. И аргументировать тоже. Иногда складывается такое впечатление, что у нас в отрасли совсем ничего не появляется нового уже лет пять, а то и больше. Да, я забываю как использовать флексы, путаю call() и apply(), гуглю свои же ответы на тостере, но это не важно. Голова занята решением проблем, в ней теперь нет никакой второстепенной информации и это очень здорово. Статьи писать тоже полезно оказалось - написал, "поставил на полочку", и забыл. А если будет нужно - можно достать и посмотреть. Таким образом вот эта вся фигня с закипанием мозгов практически ушла.
    Ответ написан
    1 комментарий
  • Почему при попытке привести строку к числу получаю undefined?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Потому что Array.forEach не имеет собственного результата и возвращает undefined.
    Array.forEach используют, когда нужно сделать какие-то действие с каждым элементом массива, при этом новый массив не получается. Если нужен новый массив внутри именно forEach, то его нужно формировать вручную типа такого:
    let abc = [];
    arr.forEach(element=>abc.push(Number.parseInt(element)));
    console.log(abc)
    Ответ написан
    Комментировать
  • Как сложить числа между символами?

    0xD34F
    @0xD34F Куратор тега JavaScript
    const sum = str.match(/\d+/g).reduce((acc, n) => acc + +n, 0);

    preg_match_all('/\d+/', $str, $matches);
    $sum = array_sum($matches[0]);
    Ответ написан
    Комментировать
  • Как подчеркнуть текст?

    irishmann
    @irishmann
    Научись пользоваться дебаггером
    Ответ написан
    Комментировать
  • Почему код не работает(js)?

    irishmann
    @irishmann
    Научись пользоваться дебаггером
    У тебя скрипт пытается выполниться еще до того как построится DOM, поэтому ошибки. Перенеси блок<script></script> из head в конец body и все заработает
    UPD.: Vadim Bogomazov дело говорит,
    $(document).ready(function(){
    /*js сюда*/
    });
    Ответ написан
    3 комментария
  • Профессия веб-дизайнер мертва?

    alexyarik
    @alexyarik
    Битрикс разработчик
    На самом деле всё очень просто. Звериный оскал рабовладельческого капитализма.
    И эта проблема кстати не только касается дизайнера. Вам нужно приспосабливаться под эти изменения и расширять спектр своих навыков. Идёт тенденция такая: одна зарплата за выполнение обязанностей двух, трёх и т.д. человек.
    Например, сейчас везде вижу в обязанностях обычного верстальщика опыт и знания РНР, популярных систем управления и внедрения вёрстки, настройка сервера.
    В бекэнде появились требования "хорошие знания js" и знания популярных фреймворков (jquery, angular и т.д.).
    Почитайте воспоминания Джека Лондона. Когда он будучи молодым устроился на работу и начал выполнять в два раза работы чтобы больше заработать. Работодатель накинул ему пару долларов, а второго человека уволил. Был серьёзный кризис и уволенный человек повесился, так как ему нечем стало кормить троих детей. В итоге Джек Лондон надорвал своё здоровье и больше не смог так работать.
    П.С. Сейчас полно таких молодых "Джеков", что и сказывается на рынке вакансий.
    Ответ написан
    Комментировать
  • Зачем frontend девелоперу такой большой опыт?

    mroforolhc
    @mroforolhc
    умственно отсталый
    Интересный вопрос, который и продолжил бы быть "интересным", если бы не ваш максимализм (а именно деление на черное/белое) и нежелание понимать, как всё устроено на самом деле. Постараюсь ответить вам, учитывая вышесказанное.

    Не хочу говорить, что веб сложнее тех же плюсов, это будет лукавство. Но и утверждать, что за 3 дня можно познать все реакты и вебпаки, почитать исходники это тоже самое, что и говорить "да я ща месяц потрачу на прочтение книг страуструпа - всё буду знать, он же создатель языка" — полный бред, который может сказать только профан. Изучить строение молотка и принцип его работы это не то же самое, что и забивать гвозди. И вот как раз за забивание гвоздей отвечает ваш нелюбимый "опыт". Благодаря которому вы не будете совершать ошибок новичков, а сразу вкатитесь на работу со своими наработками.

    Ну и если всё так просто на словах, попробуйте, чисто для эксперимента, отвлекитесь от плюсов и других ЯП, связанных с железом, и напишите пару проектов за...сколько там у вас в посте...а, за 1-2 недели. Это не такой большой срок, но зато какие потом большие перспективы (ориентируясь на ваш пост, опять же). И не смотрите на года опыта. Это примерная оценка того, сколько требуется человеку, чтобы он умел владеть необходимым стеком технологий. Если вы такой замотивированный и классный, то вам вполне хватит, как вы и написали, 2 недели и можете устраиваться на работу с опытом работы от 3 лет. Работодателю не важен особо факт того, что вы работали до этого 3 года. Если вы знаете всё, то он вас с радостью возьмёт. А сроки "от 3 лет" это указаны специально для нас – очень глупых людей, работающих на дядю, без мотивации, 30летние бездари одним словом.
    Ответ написан
    2 комментария
  • Что такое коллекция в JavaScript?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Четкого определения «collection» в JavaScript не встречал. Интуитивно, коллекция это структура данных для хранения нескольких значений.

    Объект и массив, по-моему, можно отнести к коллекциям.

    В ES6 появились два новых типа данных – Map и Set, которые тоже можно отнести к «коллекциям». В переводе на Русский язык словом «Коллекция» назвали из них именно Set, предназначенный для хранения только уникальных значений. Но я бы не считал требование уникальности значений отличительным признаком «коллекций» вообще.
    Ответ написан
    2 комментария