• Как это правильно записать в SCSS?

    Ankhena
    @Ankhena
    Нежно люблю верстку
    Можно оставить как есть.

    Можно переписать так:

    .parent__child {
      background: gray;
      @media (max-width: 777px) {
        background: orange;
        
        .parent--custom & {
        background: red;
      }
     }
    }


    можно так:

    .parent__child {
      background: gray;
      @media (max-width: 777px) {
        background: orange;
      }
    
      .parent--custom & {
        @media (max-width: 777px) {
          background: red;
        }
      }
    }


    А совсем хорошо вот так:
    .parent__child {
      --color: gray;
      background: var(--color);
      @media (max-width: 777px) {
        --color: orange;
      }
    
      .parent--custom & {
        @media (max-width: 777px) {
          --color: red;
        }
      }
    }
    Ответ написан
    2 комментария
  • Какой мак бук выбрать для веб-разработки?

    gbg
    @gbg
    Любые ответы на любые вопросы
    Рам < 16 в 2021 году под "производственную работу на компе" уже можно всерьез не рассматривать.

    Важно понимать очень простую вещь - ниша Эйра: Эйр - это фигулина, которую вы носите на пары, делаете в нем конспекты и лабораторки в ворде/экселе + серфите инет и показываете чикам, что у вас есть 60+ к на этот драндулет трехлетней давности (но нет другого...ммм, параметра в RPG, чтобы вбухать эти бабки в реально рабочую лошадку)

    Он оптимизирован под растягивание батареи и легкость, а не под реальную работу

    -продакшн музыки в лоджике - будет икать уже на четырех треках с эффектами (зато плагин ревера не нужен, лол)
    -рисование - ну попробуйте порисовать через форточку, вам как, удобненько?

    Попытки же завести пару докеров (что является стандартным рабочим стеком, даже если вы фронт) поставят малютку на раскоряку (сожрут всю память, хрому останется гига 2, а воем кулера можно будет отгонять силы нечистые. И коленки обожжете)

    Короче, лучше более старая, но Проха (особенно после прокачки RAM и установки SSD), чем вот это вот чудо.
    Ответ написан
  • Какой смысл писать комментарий к коммиту?

    DevMan
    @DevMan
    осмысленное описание комита - маст хэв.
    prj-3 - это говно, а не описание комита.

    на самом деле тут роялят много моментов. но описание комита должно быть информативным.как минимум финального, который пойдет в релизную ветку.
    Ответ написан
    34 комментария
  • Как сверстать эти хар-ки?

    MrDecoy
    @MrDecoy Куратор тега CSS
    Верставший фронтендер
  • Как правильно определить, нужен ли префикс браузера в коде?

    approximate_solution
    @approximate_solution
    JS Developer. Angular\React\Vue\Ember
    Как правильно определить, нужен ли префикс браузера в коде?

    Алгоритм:
    - Научиться пользоваться сборщиками проектов вроде gulp или webpack
    - Не нужно лезть руками на caniuse и искать каждое свойство, этим занимется плагин autoprefixer, который на автомате, в зависимости от настроек степени поддержки браузера будет ставить вам всё.
    60ae14f390712442537809.png

    https://webdesign-master.ru/blog/tools/gulp-4-less...
    Ответ написан
    Комментировать
  • Какие реальные задачи выполняет front-end (js) на работе?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Зависит от компании и её рода деятельности.

    Есть веб студии, клипающие сайты.
    Есть компании, которые разрабатывают и поддерживают свои продукты\сервисы.

    Работа в таких компаниях очень и очень разная.

    Веб студии клипают сайты, поэтому там приходится решать в 70-80% случаев типичные и рутинные задачи. Создание проекта, вёрстка, авторизация, регистрация, каталог товаров и т.п.

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

    Самые распространенные задачи front-end программиста:
    • Отправка форм, фильтры, обратная связь и подобные, авторизация, регистрация и т.п.

    • Работа с api - CRUD, чаще всего это REST API.

    • Обработка и последующее отображение запрашиваемых данных из api

    • Рефакторинг, оптимизации. Чаще всего делаются, если есть лишнее время и реальная нужда, а не рефакторинг ради рефакторинга

    • Покрытие тестами. Как бы это не рекламировалось всеми и вся, делают далеко не все, я в их числе. Во многом считаю бесполезной тратой времени. Но тут моё мнение, оно не обязательно к обсуждению

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

    • Оценка входящих задач или новых проектов

    • Болтовня с менеджерами, иногда занимающая от 20-30% рабочего времени, либо просто обсуждение задач и их решений с коллегами.


    P.S. Не стоит думать, что новомодные фреймворки, SPA сайты применяют все кому не лень. Потому как перейти на такой формат - это титанический труд и обучение как людей, так и менеджеров. А проблем в этом подходе предостаточно. Ещё огромное кол-во компаний которые делают всё по старинке и не хотят переходить на новые тенденции в разработке. Во многом будут правы. Так же, бывает так, что под фронтенд разработчиком, компания понимает человека, который верстает, знает jquery и нужен им, что бы разгребать всякие легаси проекты без документации и без какой либо информации об устройстве проекта. Не забывайте внимательно изучать компанию, в которую хотите устроиться. Узнавайте у них о их стеке технологий, принципах разработки и конкретно ваших обязанностей. Т.к. бывает, что фронтенд разработчик ещё и должен уметь верстать. Тут я согласен, это в его компетенциях и обязанностях, но есть люди, кто с этим не согласен, это их право.
    Ответ написан
    Комментировать
  • Как переменная одновременно может быть и true, и false?

    0xD34F
    @0xD34F Куратор тега JavaScript
    const value = {
      val: 1,
      valueOf() {
        return this.val = !this.val;
      },
    };
    Ответ написан
    4 комментария
  • Медиа запросы не работают в консоли разработчика?

    delphinpro
    @delphinpro
    frontend developer
    Ответ написан
    Комментировать
  • Когда использовать button?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Button - переводится как "Кнопка".
    Отсюда простой вывод — используем везде, где нужна кнопка.
    Если вы используете вместо кнопки div или span — это всегда неправильно.
    Так же и ссылки. Если ссылка в макете выглядит как кнопка, то она все же остается ссылкой и верстается тегом а.
    Ответ написан
    Комментировать
  • Что занимает сколько памяти на диску С?

    Jump
    @Jump Куратор тега Windows
    Системный администратор со стажем.
    ProgramData это системная папка, есть всегда Кто в нее столько данных написал - можете посмотреть.
    appData это часть вашего профиля - туда все кэшируется с чем вы работаете.

    удалять папки или нет?
    Удалять системные папки?
    Это вроде уборки квартиры с помощью бульдозера - сравнять с землей вместе с бардаком да и все. Зато быстро.

    как очистить ненужные файлы ?
    Удалить ненужные файлы.
    Ответ написан
    7 комментариев
  • Стоит ли использовать media для container?

    profesor08
    @profesor08 Куратор тега CSS
    Какие надо, такие и используй.
    Ответ написан
    Комментировать
  • Как поступить с css в многостраничном сайте?

    Kozack
    @Kozack Куратор тега CSS
    Thinking about a11y
    В идеальном мире все стили у вас разбиты по группам:
    Общие стили -- которые применяются на всех или на связанных страницах сайта. (Макет, какая-то шапка, подвал)
    Специфичные -- которые применяются на одной или нескольких конкретных страницах. (Таблица цен на одной странице, или другой макет для админки)

    Кроме этого, следует разделять:
    Критичные -- самые основные и важные стили, без которых ваш сайт не должен отображаться вообще.
    Не критичные -- стили без которых сайт останется доступным.

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

    Критичные стили. Это всё что касается первоначальной отрисовки. Эти стили загружаются как можно раньше. Они имеют высокий приоритет и блокируют рендеринг страницы. Чем такие файлы меньше тем лучше! Всё что можно загрузить потом -- нужно загружать потом.
    Не критичные стили -- это всё остальное.

    На пример: Форма. Общие стили формы -- критичный CSS. А стили для отображения условного попапа с подтверждением отправки -- не критичный. В результате, браузер скачивает критичный CSS, отображает страницу, пользователь уже может с ней работать и заполнять форму, а браузер в фоне дозагружает остальной CSS для попапа.

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

    Или другой пример. Предположим, что на вашем сайте все страницы достаточно уникальны. В таком случае, разделять "общие" и "специфичные" стили может быть лишним или слишком затратным для поддержки.
    Ответ написан
    5 комментариев
  • JS округление десятков?

    Rsa97
    @Rsa97
    Для правильного вопроса надо знать половину ответа
    function round45(value) {
      return Math.round(value / 45) * 45;
    }
    round45(90.3222341); // 90
    round45(136.99); // 135
    round45(358); // 360
    round45(46); // 45
    Ответ написан
    5 комментариев
  • Vuelidate - как проверять 2 взаимозависимых чекбокса?

    0xD34F
    @0xD34F Куратор тега Vue.js
    По одному работает, если отметить оба, то "Error in v-on handler: "TypeError: Cannot convert undefined or null to object"

    Что возвращает validations, если оба значения true? Ничего. Пусть всегда будет объект:

    validations() {
      return {
        life: this.property ? {} : { required: v => v },
        property: this.life ? {} : { required: v => v },
      };
    },

    <div>STATUS: {{ $v.$invalid ? 'ЖОПА' : 'OK' }}</div>
    Ответ написан
    1 комментарий
  • Не видит провод интернета после смены видеокарты?

    Francyz
    @Francyz
    Photographer & SysAdmin
    Вопрос из серии: "Если я тебе монтировкой по голове ударю, на какой ноге шнурки развяжутся?

    P.S. Проверяйте драйвера на сетевую, целостность кабеля, биос и т.д.
    Ответ написан
    Комментировать
  • Как тут происходит сложение a и b?

    0xD34F
    @0xD34F Куратор тега JavaScript
    Это "сложение" (не сложение) работает только для целых чисел >= 0.

    Если передать в Array одно число, будет создан (будет попытка создания - отрицательные и нецелые числа приведут к ошибке) массив указанной длины. Метод push может принимать несколько значений, а возвращает - новую длину массива, после добавления элементов. Т.е., в массив из трёх элементов добавили ещё четыре, и получили длину.
    Ответ написан
    Комментировать