• Как сделать кнопку такой фигурой?

    Get-Web
    @Get-Web Куратор тега CSS
    Front-End Developer
    clip-path. Как раз есть пример с анимацией:
    Ответ написан
    Комментировать
  • Создать тепловую карту времени, за которое можно добраться до точки?

    @SergeyMarkelov
    Такие линии равного времени доступа от точки — называются изохроны (isohrone).

    1) У Яндекса матрица расстояний — это коммерческий продукт API Яндекс.Карт https://yandex.ru/maps-api/products/distancematrix-api

    2) Есть бесплатный софт, но его надо настраивать см. https://github.com/urbica/galton

    3) Есть сервис с изохронами, построенными на открытых данным OpenStreetMap (только по графу дорог БЕЗ общественного транспорта). Но их сайт https://transmetrika.com/ — уже некоторое время закрыт, уж не знаю, на время или навсегда.

    4) На сервере RuMap есть бесплатная возможность построения изохрон с интервалом 5, 10, 15 и т.д. минут (областей, куда можно попасть из конкретной точки — пешком, на машине, либо на общественном транспорте). Вот как выглядит изохрона 10 минут на машине от точки Москва, Сеславинская улица, 24.

    65a556d3b3038156534514.jpeg
    Ответ написан
    Комментировать
  • Как реализовать авто-деплой nuxt приложения с SSR?

    @vitaly_il1
    DevOps Consulting
    Тут есть несколько вопросов:
    1) Как деплоить pm2 без опускания сервиса - смотреть здесь https://www.google.com/search?q=pm2+deploy+without...
    2) Как обеспечить работу сервиса если билд был неудачный? - иметь несколько серверов с лоадбалансером, отключать один, деплоить, тестировать, подключать если все ОК. Делать rollback если не ОК
    3) Как все это автоматизировать - если код на GitHub, проще всего с помощью GitHub Actions
    4) В AWS и других облаках 2 и 3 намного легче, так есть есть готовые сервисы которые умеют плавно деплоить
    Ответ написан
    Комментировать
  • Как сделать такую кнопку?

    SeaInside
    @SeaInside
    15 лет пилю все эти штуки
    Жму руку дизайнеру, молодец, не как у всех.

    Прямо так, как на скриншоте, на чистом CSS вряд ли получится, ибо левый нижний угол строго вертикальный, а вот правый... вообще с трудом такую фигуру представляю в реальности, поэтому вариант с трансформацией средствами браузера тут отпадает.

    Изначально я не обратил внимания, что нижний край строго горизонтальный, и накидал такое как стартовую точку



    Но когда заметил - понял, что так в принципе не выйдет сделать, на CSS нельзя "зафиксировать от трансформации" две стороны сразу.

    Так что остаётся вариант с фоновой SVG-шкой, что по сути "фоновая картинка", либо вариант со вставкой этой SVG напрямую в кнопку (прям инлайном) и дальнейшие манипуляции с ней, если требуется адекватный ховер.

    Делать лень, это нетрудно :)
    Ответ написан
    2 комментария
  • Почему в примере ниже правильный ответ 0, затем 1?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    В документации MDN к for..in прямо пишут, что порядок детерминирован и одинаков во всех браузерах/движках:
    The traversal order, as of modern ECMAScript specification, is well-defined and consistent across implementations.

    Within each component of the prototype chain, all non-negative integer keys (those that can be array indices) will be traversed first in ascending order by value, then other string keys in ascending chronological order of property creation.

    Причем русскоязычная версия там же иначе описывает порядок обхода. Надо бы поправить перевод.

    На Русском языке лучше прочитать про порядок свойств на learn.javascript.ru
    Ответ написан
    Комментировать
  • Как называется этот эффект в поле ввода?

    hahenty
    @hahenty
    ('•')
    Ответ написан
    Комментировать
  • Какой-то скрипт или расширение подменяет или добавляет в код веб-приложения слова, что это может быть?

    У меня была похожая ситуация, для пользователей у которых был включён автоматический переводчик (Google Translate). И перевод с русского на русский был очень и очень странным иногда. Так же теги font добавляются при этом (Красный флаг). Что бы этого избежать можно указать:

    <meta name="google" content="notranslate">
    Ответ написан
    1 комментарий
  • Как сделать изменение цвета текста при скролле?

    RAX7
    @RAX7
    Ответ написан
    Комментировать
  • Какие есть паттерны для применения миграций в мультитенантном приложении?

    SilenceOfWinter
    @SilenceOfWinter Куратор тега PHP
    та еще зажигалка...
    не знаю как реализованы миграции в ларавел, но предполагаю что аналогично юи и симфони т.е. установленные миграции фиксируются в таблице бд. я бы сделал общий гит репозиторий из которого тенанты через апи получают нужные версии пакетов, при установке пакета накатываются миграции отсутствующие в таблице миграций.
    p.s. тенанты, а не тенаты
    Ответ написан
    2 комментария
  • В чем ошибка данного способа?

    vaxotivadze
    @vaxotivadze
    Full stack web developer
    const ul = document.querySelector('ul'),
          result = document.querySelector('h4');
    
    const showFn = (e) => {
      const curEl = e.target;
      if (curEl.tagName === 'LI') {
        result.textContent = curEl.textContent;
      }
    }
    
    ul.addEventListener('click', showFn);
    Ответ написан
    Комментировать
  • Есть ли способ красиво вызвать addeventlistener несколько раз?

    @zkrvndm
    Софт для автоматизации
    Обычно делают так:
    document.body.addEventListener('mouseenter', function(e) {
        console.log(e.target);
    });

    В переменной e.target будет лежать целевой элемент, проверяйте его на соответствие и если он соответствует...

    code.mu/ru/javascript/manual/dom/matches
    Ответ написан
    Комментировать
  • Как сделать градиентный прогресс бар?

    RAX7
    @RAX7
    Ответ написан
    Комментировать
  • Стоит ли покупать коленный стул?

    @PKmaster
    Всегда за компьютером
    Коленный стул, вред и польза.
    К сожалению, очень много рассуждающих теоретиков, и очень мало реально сидевших.
    Я сижу на этом стуле с 2018 года, и могу на собственном опыте все рассказать как есть, а не сказки из интернета. Есть реальные плюсы, и есть реальные минусы, у этой штуки.
    Но сначала пройдусь по писавшим ранее :-)))))

    - "Смартсул" хорошие вещи делает, но дорого. Я сижу на Богатыре, он принципиально ничем не хуже, а дешевле в 2 раза

    - "Повышенная нагрузка на колени" - нет такого, при правильной позе. Но у нас же блин все умные, никто инструкций, прилагаемых к стулу, не читает, все ставят максимально высоко сиденье, сползают на колени и привет. А всего то надо настроить стул под свой рост, чтобы 80% веса приходилось на попу.

    - "Не на стандартную высоту стола рассчитаны" - неправда. Стандартная высота стола или школьной парты 75 см. У меня дома стол 78. И мне удобно. И всем, кто сидит, а таких знакомых у меня уже штук пять. И все сидят за обычными столами. Конечно, в идеале нужен еще и стол с наклоном, но это блин 30 000р+, я пока не готов.

    - "Нагрузка со спины распределяется, но за счет колен" - ага, 20 раз. В реальности нагрузка на этом стуле на спину по ощущениям БОЛЬШЕ, чем при сидении на обычном стуле!! Потому что вес падает на мышцы, а не на позвоночник. Причем и на мышцы поясницы, и в целом спины, и на бедра и т.п. Посидите сами, не 5 минут "на примерке", а реальных 2-3 часа. Сразу все мышцы спины прочувствуете, особенно, когда их нет :-)))) как у меня было, когда сел. На позвоночник нагрузка на этом стуле меньше (в чем и прикол и польза), а на мышцы - больше!! И устают они будь здоров. Для этого ксати я стул со спинкой и купил, откидываюсь, отдыхаю, иначе по 8 часов не просидишь....

    - "От него болит спина" - спина болит, когда чем-то заболели, грыжу когда насидели, и т.п. Мышцы - да, испытывают повышенные нагрузки, держат Вашу спину. Да, сразу Вы 8 часов не просидите, я привыкал месяц, пока мышцы более-менее в тонус пришли и стали спину держать. И что в этом плохого? По-моему, наоборот хорошо, когда мышцы спины тренируются.

    - "Нет подлокотников" - так они нафиг не нужны, иначе смысл пропадает!! На подлокотник опираешься, спину изгибаешь, вес переносишь на локоть, позвоночник искривляешь и сидишь так часами. Типа. И смысл тогда коленный стул ставить?? Такой буквой зю можно и на обычном стуле сидеть...
    Если уж хочется опереться на что-то, я локти на стол кладу (очень удобно, кстати, и все дети, наблюдал, также делают), или на спинку откидываюсь. В последнем случае это чисто поза отдыха, работать невозможно, кстати...

    Итог:
    Реальные плюсы коленного стула:
    - спина стала ровнее;
    - не так устаю за компом;
    - чаще встаю (что тоже плюс, считаю);
    - мышцы спины натренировались, без проблем держу осанку;
    - стул не дает "развалиться" телу, как на обычном кресле, тело всегда в тонусе;
    - по истечении полугода так привык, что уже на обычных стульях долго сидеть неудобно, хочется правильной позы.
    - у родни, подростка 19 лет, сколиоз приостановился. Не исчез, конечно, но сам факт. Т.к. больше пацан ничего не делает, в плане здоровья. Т.е. название "ортопедический коленный стул" имеет за собой основание.

    Минусы коленного стула:
    - топорная конструкция. Кто бы что не говорил, это блин больше агрегат, чем дизайнерская мебель. Рядом с моим бывшим компьютерным креслом смотрится как полный отстой. :-)))) Но оно не для красоты придумано, я так понимаю. Если придумают "красивый" и не хуже, и недорогой - сразу заменю. :-)))
    - залезать-вылезать в джинсах удобно, в юбке, жена сказала, не очень :-)))
    - если неправильно настроить стул (слишком высоко поднять сиденье и т.п.) - будете сползать на колени. А это нехорошо. Поэтому тут надо четко подобрать свое, удобное положение. Чтобы сидеть на заднице, а не на коленях. Так что не надо отсебятины, просто читаем настройки и регулируем коленный стул под свой рост (благо все регулируется).
    - привыкать надо, 100%, и к этому надо быть готовым. У меня ушел месяц, пока более-менее привык. В первую неделю сидения обнаружил у себя мышцы, о которых не подозревал. :-))) Некоторым из моих знакомых так и "не зашло", хотя пробовали. Дети привыкают за 2-3 дня, у них организм гибкий, подстраивается легче.
    - по-первости просидеть 8 часов кряду не получится. Отдых телу давать придется, вставать, ноги вытягивать, на спинку откидываться... У меня так и было. Хотя, еще раз повторю, что некоторые садятся и сидят часами, сразу, но это исключение, как мне кажется.

    Короче плюсов больше, чем минусов
    Ответ написан
    3 комментария
  • Кто проходил курсы от Otus? Отзывы? Мнения?

    @eiv_tm
    Я пытался учиться на Kotlin в Otus, отзывы судя по-всему пишут их сотрудники, такого дна я еще не видел. Преподаватели опаздывают, не готовятся к лекции, несут такую ахинею волосы дыбом. Но есть и плюс, я прослушал три лекции, пришло понимание, что я не готов за это платить и мне вернули сумму полностью, так как вовремя пришло осознание, если бы позже, то высчитали бы. За это им спасибо, а если в интернете почитать отзывы, то это у них не на одном курсе такое, системность прослеживается.
    Ответ написан
    Комментировать
  • Как сделать чтобы цвет текста при скролле переходил из градиента в белый?

    RAX7
    @RAX7
    Режимы наложения тут вряд ли помогут, проще продублировать текст и скрывать лишнее через clip-path
    Ответ написан
    Комментировать
  • Чему учит Марк Лутц?

    sergey-gornostaev
    @sergey-gornostaev Куратор тега Python
    Седой и строгий
    Ответ написан
    Комментировать
  • Как отслеживать посетителей на сайте, которые перешли из мессенджеров?

    Vindicar
    @Vindicar
    RTFM!
    document.referer - на клиентской стороне.
    На серверной стороне - HTTP-заголовок Referer.
    А вообще - нет, способа нет, так как ссылки во внешних приложениях не дают Referer.
    Есть обходные пути.
    1. Включать в ссылку какой-то referer ID, тогда можно будет отследить, кто перешел на сайте по этой конкретной ссылке.
    2. Если мессенджер использует страницу с предупреждением о переходе по ссылке (как Steam, например), то тогда переход будет с этой страницы, и его можно будет отследить. Но это зависит от мессенджера.
    Ответ написан
    Комментировать
  • В чем суть такой записи в reset.css?

    nowm
    @nowm
    Это специфичное для blockquote определение, которое Eric Meyer (автор reset.css) позаимствовал у Paul Chaplin. Первая строка content: "" делает так, чтобы у blockquote исчезли кавычки — на случай, если вторая строка content: none не поддерживается браузером, потому что первая строка — это CSS 2, а вторая — это CSS 2.1. В одну строку их записать нельзя, потому что по стандарту для свойства «content» нельзя комбинировать ключевые слова «normal» и «none» с другими значениями.

    Вообще, когда встречается перечисление одного и того же свойства с разными значениями, это делается для того, чтобы обеспечить совместимость с разными браузерами. То есть, если, например, браузер не поддерживает «content: none», он применит «content: ""», а другую запись проигнорирует.

    Обычно дублирующие записи располагаются в определённом порядке. Первой записью идёт самый плохой вариант, который должен сработать везде. Затем идёт вариант, который более полно описывает вашу цель. Пример:

    .some-class {
        background: #e66465;
        background: linear-gradient(#e66465, #9198e5);
    }


    В этом коде, если браузер поддерживает градиентный фон, он сначала прочитает, что нужно использовать цвет «#e66465», а потом это перезапишется записью «linear-gradient», и итоговое значение будет «linear-gradient(#e66465, #9198e5);». Если же браузер не поддерживает градиент, он сначала прочитает, что нужно использовать «#e66465», а потом увидит неподдерживаемое определение «linear-gradient», проигнорирует его, и итоговое значение будет «#e66465».
    Ответ написан
    Комментировать