🔥 Главные фронтенд-новости прошлой недели

👉 Теперь всем, кто поддерживает npm-пакеты с миллионом загрузок в неделю или с более, чем 500 зависимостями, придётся включить двухфакторную аутентификацию. Это всё ещё не идеальная защита от неприятных казусов с подменой кода в популярных пакетах, но уже лучше, чем ничего.

👉 Опубликован новый синтаксис диапазонов для медиавыражений. Прикольно, удобно (см. картинку), но пока без поддержки Safari.

👉 Вышли практические советы по цветовому соответствию и контрасту WCAG 2.1. Прочитайте и используйте, потому что доступность всё ещё важна, даже если вы просто собираете лендосы на Тильде для ста пользователей.

Хорошей недели!

Мы тут постоянно пишем про Node.js 19.0.0, WCAG 2.1 и другие штуки с номерами версий из трёх чисел.

Смотрите, как правильно менять номера версий по спецификации SEMVER:

И вот что важно — соблюдение SEMVER помогает избежать проблем при обновлении пакетов в npm.

Объясняем, почему при установке пакетов появляется ^ перед номером версии и как это помогает всему не сломаться.

👉 https://tml.io/package-update

Кодпен дня — демка селектора :has()

В примере — два списка ul. С помощью has выделяем рамкой тот, в котором есть элемент с классом demo.

👉 https://codepen.io/tomhodgins/pen/pQGMOz

🔥 Лучшие расширения VS Code в ноябре

Считалка времени, календарь, закрыватели тегов и очередная нейросеть, которая допишет за вами код.

👉 https://tml.io/top-vscode

Ступени развития дизайнеров в веб-разработке

⭐ Первая ступень — заниматься дизайном и хорошо работать.

⭐⭐ Вторая ступень — уметь сверстать свои макеты на HTML и CSS. Так вы никогда не поругаетесь с фронтендером из-за того, что какой-то элемент из макета невозможно реализовать.

⭐⭐⭐ Третья ступень — знать JavaScript и понимать, как он работает с вёрсткой. Будет суперполезно, чтобы пилить дизайн-систему и приносить разработке сразу прототипы.

Да, вот так просто. Расскажите знакомым дизайнерам.

👉 https://tml.io/web-design

Выпускница Академии после обучения прошла 30 собеседований, сделала десяток тестовых заданий, поработала в нескольких местах, а теперь собирается в Европу.

А начиналось всё с настройки роутеров и покраски кнопок.

👉 https://tml.io/story-of-alexandra

Два важнейших опроса выходных:

🔥 Главное из фронтенда за прошлую неделю

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

Статья: «Эволюция CSS за 32 года».

Обновление курса по доступности от web.dev.

Github выпустил шрифты Mona Sans и Hubot. Оба вариативные и с открытым исходным кодом.

Минимум 415 человек приняли участие в опросе «Как произносятся слова хэтэмэлэ и цээсэс». Результат поразил даже самых рьяных экспертов……….

У всех же иногда появляется настроение поменять обои, цвет окошек в системе, фон чата в месенджерах и перекрасить редактор кода?

Если да, то вам понравится эта подборка тем для VS Code.

👉 https://tml.io/vs-code-themes

Штука дня — симулятор метели на React.

👉 https://cahilfoley.github.io/react-snowfall/

В прошлый раз мы выяснили, что вы верстаете на аштиэмэл и сиэсэс.

На этой неделе не менее важный опрос:

🔥 Главное о фронтенде за прошлую неделю

Опрос State of JavaScript 2022 открыт для всех.

Вышел черновик CSS Snapshot 2022. Это все спецификации, которые вместе формируют текущее состояние CSS.

В некоторых версиях Windows 10 будет навсегда отключён Internet Explorer 11.

На картинке — нейросеть Midjourney по нашей просьбе сгенерировала главную страницу сайта некой художницы.

А полный выпуск новостей и подборка свежих статей о фронтенде уже в блоге Академии:

👉 https://tml.io/frontend-34

Свежий выпуск фронтенд-новостей уже в блоге:

🔥 Три новые единицы измерения в CSS — lvh, svh, dvh.
🔥 Кастомные свойства для React-разработчиков.
🔥 Релизы Node v19.2.0 и Electron 22.0.
🔥 И статья об HTML из 1999 года.

👉 https://tml.io/frontend-35

И смотрите, как там всё красиво стало!