Модальные окна, которые мы заслужили

Вы имеете в виду, чтобы сама модалка скроллилась?

Модальные окна, которые мы заслужили

Если есть возможность использовать JS, то можно просто запретить скролл

Например

.

offScrollUnderBlock(_overlay) {
      var _clientY = null;
      _overlay.addEventListener("touchstart", function(event) {
        if (event.touches.length === 1) {
          _clientY = event.touches[0].clientY;
        }
      });

      _overlay.addEventListener("touchmove", function(event) {
        if (event.touches.length === 1) {
          disableRubberBand(event);
        }
      });
      _overlay.addEventListener("mousewheel", function(event) {
        if (parseInt(event.wheelDelta || -event.wheelDeltaY) >= 0) {
          if (_overlay.scrollTop === 0) {
            event.preventDefault();
          }
        } else {
          if (isOverlayTotallyScrolled()) {
            event.preventDefault();
          }
        }
      });

      function disableRubberBand(event) {
        var clientY = event.touches[0].clientY - _clientY;
        if (_overlay.scrollTop === 0 && clientY > 0) {
          event.preventDefault();
        }
        if (isOverlayTotallyScrolled() && clientY < 0) {
          event.preventDefault();
        }
      }

      function isOverlayTotallyScrolled() {
        return (
          _overlay.scrollHeight - _overlay.scrollTop <= _overlay.clientHeight
        );
      }
    }

Как организовать эффективную работу распределенной команды верстки

Я правильно понял, что верстальщики и разработчики работают в одном проекте?

Немного размышлений на тему модульного css и проблемы поддержки кода

Меньше всего мне хочется разгадывать ребусы из миксинов и функций в SCSS. Хочется найти селектор через ctrl+F и мгновенно поменять в нем стили.

В Германию разработчиком без в/о

Без знания чешского языка?

Кризис Front-end?

Москва?

Век живи — век учись. Часть 2. Вуз: 5 лет или 5 коридоров?

Для профпереподготовки не нужен диплом?

10 полезных советов по реализации Pixel Perfect дизайна во Front-end разработке (на примере работы с редактором Sketch)

Всегда думал, что «Pixel Perfect» — это когда ты ручками или с помощью расширения для браузера делаешь макет фоном и относительно него подгоняешь свою верстку. А в статье, на мой взгляд, описан процесс обычной верстки.
И еще, в 6-м пункте либо перевод не точный, либо картинка не подходящая.

Мой способ создания мастер-компонентов в Фигме

Старайтесь описывать состояния где-то отдельно с помощью стилей. Ну зачем вам вид нажатой кнопки на каждом макете?

Так на каждом макете и не надо, надо только в библиотеке. Что мешает в третьем варианте добавить столбец с этими же элементами при ховере?
А для сложных компонентов еще надо рисовать адаптивную версию. В общем, состояния нужны в библиотеке.

Как перенести лицензионную Windows 10 на другой компьютер

Активировал десятку ключом, который достался при покупке нетбука в 2011 году. На нетбуке была windows 7 starter.

Россиянам будут давать деньги на IT-обучение

Хочется подробностей, как минимум список регионов, где это будет реализовано в 2019 году. Надеюсь, что Татарстан, который всегда бежит впереди паровоза, не отстанет и в этом начинании.

Удобный БЭМ

Первый пункт.
Как вам такой вариант:

<form class="form">
  <div class="form__title"
    <h2 class="subtitle">Some title</h2>
  </div>
  <div class="form__elem">
    <textarea class="textarea"></textarea>
  </div>
  <div class="form__elem">
    <button class="button"></button>
  </div>
</form>

Есть блок form со своими элементами, которым мы задаем отступы. Внутри каждого элемента можно расположить любые другие блоки, но можно и замиксовать, это допустимо документацией, просто я так стараюсь не делать.

Пункт второй.
Длинные имена классов !== большое количество классов. А большое количество классов зачастую получается при попытке использования атомарного CSS. Лично мне, как правило, достаточно трех классов: собственно сам класс, модификатор (если нужен), класс — селектор для JS (опять же, если нужен). Если необходимо несколько модификаторов, то следует изучить возможность объединения всех необходимых в один новый.

Третий пункт для меня не понятен.

«Яндекс» запустил сервис онлайн-обучения «Практикум». Будет готовить фронтендеров, веб-разработчиков и аналитиков

Я имел ввиду следующее: зачем человеку которому необходимо разобраться только в JS, платить деньги за уроки по CSS?

«Яндекс» запустил сервис онлайн-обучения «Практикум». Будет готовить фронтендеров, веб-разработчиков и аналитиков

По тропе HTML-Академии пошли. Только, судя по описанию, у яндекса нет возможности оплатить отдельный курс. С одной стороны это отсев совсем случайных людей, которые не готовы серьёзно вложиться в обучение, с другой стороны — отсев людей, которым нужно подтянуть знания только в одном направлении. Не очень хочется отдавать 1000$ за курс по JS.

Как CSS специфичность работает в браузере

CSS-специфичность селектора и дает хорошее объяснение того, почему никакое количество селекторов классов не может переопределить селектор ID.

А это проверенная информация? Раньше были времена

Post & Pre Processing CSS

.chat-area {
    &__button {
    }
}

Есть мнение, что не стоит так разбивать селектор, когда вы используете БЭМ. Например, это усложняет поиск данного селектора по большому проекту. Впрочем, если вы действительно используете все возможности препроцессоров, то на разгадывание этих «ребусов» у любого другого разработчика уйдет такое количество времени, что время на поиск разбитого селектора покажется мелочью.

Разбор таска по верстке (sass, pug, gulp, bem)

>Как можно обойтись минимальным количеством классов?
Можно создать класс со всеми свойствами сразу. То что у вас в примере — больше похоже на атомарный css.

Медиа-запросы в адаптивном дизайне 2018

Вы можете проверить, Can I Use для полного списка поддержки браузерами.

Поправьте здесь ссылку.

Ростелеком: чужие счета — это не спам

Мне МТС предложил придти к ним в любой салон-магазин и написать заявление на отказ от рассылки. До этого предложения я был максимально вежлив, но после пришлось повысить тон и ВНЕЗАПНО оказалось что не надо никуда идти.

Новая жизнь старой пагинации

Тяжело (невозможно) добраться до футера