Методы скрытия элементов веб-страниц

@media (min-width: 400px) {
  img[hidden] {
    display: block;
  }
}

Вот так точно не следует делать. Атрибут hidden нужно ставить/удалять с помощью JavaScript.

someDOMElement.hidden = false /* true */

ReactJS, Server Side rendering и некоторые тонкости обработки метатегов страницы

Только Facebook скорее всего использует Relay, а не Apollo.

Нововведения JavaScript ES2020 с простыми примерами

Пишите код текстом, пожалуйста!

5 расширений и тем для VS Code, которые способны изменить жизнь фронтенд-разработчика

Благодаря HTML mirror cursor даже F2 нажимать не надо — просто меняешь название, а оно редактируется как в открывающем теге, так и в закрывающем.

5 расширений и тем для VS Code, которые способны изменить жизнь фронтенд-разработчика

достаточно воспользоваться расширением Auto Rename Tag

Достаточно воспользоваться встроенным функционалом HTML mirror cursor или HTML Rename Tags, или воспользоваться командой опять же встроенного плагина Emmet — Emmet: update tag.

nodejs: менеджеры процессов и ES6-модули

Попробовал еще с модулем esm и конфигом `ecosystem.config.js` для PM2:

module.exports = {
  apps: [
    {
      name: 'PM2 Demo App',
      script: './app.js',
      instances: 4,
      exec_mode: 'cluster',
      node_args: '-r esm'
    }
  ]
}

Логи без ошибок.

nodejs: менеджеры процессов и ES6-модули

Попробовал так (npm run cluster):

{
  "type": "module",
  "scripts": {
    "start": "node --experimental-modules app.js",
    "cluster": "pm2 -i 4 start npm -- run start"
  },
}

Вроде запустилось:

Новая эра веб-разработки или «всё уже есть»

когда сайт рендерится скринридером или тактильным дисплеем.

Скринридер ничего не рендерит, а только читает.

Делаем адаптивную загрузку контента на сайте

Ждем релиза Network Information API во всех мажорных браузерах.

CSS-переход свойства height от 0px до auto

Jake Acrhibald показывает пример, почему нужно 2-а requestAnimationFrame.

Как устроено тестирование фронтенда в Яндекс.Маркете и почему мы отказываемся от еженедельных релизов

Контура

Может, все-таки "Контуры"?

Axios или Fetch: чем пользоваться в 2019 году?

и не может быть отменен

Для этих целей существует Abort Controller, который, к слову, предназначен для отмены любых асинхронных операций. Есть полифилл.

CSS-переход свойства height от 0px до auto

Работу с element.style.height === '0px' я б заменил на работу с каким-нибудь классом, например,

.is-collapsed {
  height: 0;
}

А layout-триггеры можно заменить на requestAnimationFrame (но с небольшим кроссбраузерным хаком):

function onSchedule(fn) {
  /* да, здесь два requestAnimationFrame */     
  requestAnimationFrame(function() {
    requestAnimationFrame(function() {
      fn();
    });
  });
}

Полный пример — https://jsfiddle.net/95tnmdyr/

«Шакал»: сжимаем фронтенд

По поводу npm-пакета. Почему стандартный модуль zlib указан в зависимостях? Также в zlib есть поддержка brotli, начиная, если не путаю, с node 11. Так что утилиту можно было бы разработать полностью без зависимостей.

Как CSS Grid меняет представление о структурировании контента

Можете уточнить, в чем проблема при таких условиях?

Как заопенсорсить npm-пакет с нормальным деплоем, CI и демо (без потери радости к жизни)

Давайте еще воспользуемся npm-хуками и добавим postbuild скрипт, который будет копировать README.md в папку со сборкой. Так мы никогда не забудем обновить описание пакета на NPM.

Почему бы не добавить README.md и папку со сборкой в секцию files в package.json?

И еще вопрос: кто или что в итоге вызывает npm-скрипт release? По идее, он должен вызываться при merge в master-ветку?

CSS переменные и цветовая тема для сайта в несколько строк

Зачем здесь вообще использовать препроцессор? Просто пишем:

[data-theme-style='normal'] {
  --color: hsl(var(--theme-color), 15%, 44%);
  --background-color: hsl(var(--theme-color), 30%, 10%);
}

Так избавляемся от лишней вложенности, повышения специфичности, трудного чтения препроцессорного костыльного (~'...') кода. А отвязка от html в селекторе дает возможность оформить разные элементы на странице разными темами, например, секции на лендинге.

<section data-theme-style="normal"><!-- content --></section>
<section data-theme-style="dark"><!-- content --></section>

Переполнение и потеря данных в CSS

А если несколько рядов?

Переполнение и потеря данных в CSS

В кругу тех, кто занимается версткой, «переполнение» вполне себе нормальный и часто используемый термин.

.container больше не нужен

В примерах автора это не так очевидно, но данная техника позволяет добиться желаемого. Выставите значение переменной --container-width, например в 1200px, и посмотрите, как это работает — https://jsfiddle.net/z86wt2uh/