🎧 «Про код», выпуск 27. Быстрый Firefox, state of React и отладка в Node.js

00:00:40 State of React 2023
00:09:46 Индексация мобильных устройств в Google
00:17:24 Шаблон для Node.js с TypeScript
00:28:00 Firefox стал быстрее
00:35:04 Отладка в Node.js
00:45:48 crypto-hash
00:48:12 express-slow-down для Express

Ведущие: Коля Шабалин и Игорь Антонов

Слушайте на любимой площадке

✒️ Кодпен дня — «типа реалистичный текст»

Лукас Беббер накодил забавную демку, в которой можно посмотреть на любой текст так, будто он напечатан в книге.

70 строк CSS и капля JS: https://codepen.io/lbebber/pen/OJWNZV

Сегодня у нас очень важный опрос об эффективности и гипотенузах:

Принесли, чтобы вы не от пацанов во дворе узнавали о классных штуках в CSS:

Новое в 2023 — text-wrap: balance

В 2023 в CSS появилось новое любопытное свойство text-wrap со значением balance. Оно «уравновешивает» текстовые элементы, чтобы они приятнее выравнивались внутри блока.

h1 {
  text-wrap: balance;
}

Ограничение — текст не длиннее 6 строк, иначе браузеру придётся непросто, и лучше не применять это свойство к body.

text-wrap: balance поддерживается во всех больших браузерах, кроме Safari, а на мобильных — только в Chrome, но то ли ещё будет.

upd в комментах Коля Шабалин уточнил пару нюансов, посмотрите тоже.

Как сгенерировать SSH-ключ для GitHub. Одной картинкой (только поменяйте мою рабочую почту на свою плз)

Кстати, если не знаете, как скоротать вечер, подсказываем. В «Доктайпе» появилась кнопка «Случайная статья».

Работает лучше гороскопа.

🎲 Мне повезёт

Красивость дня — демка квантовой запутанности, которая запутает и вас тоже

Bjørn Staal в соцсети X запостил такую штуку. Говорит, картинка отрисовывается одна и та же, а положение окон синхронизируется через localStorage 🤯

upd Автор поделился демкой

Источник

Турбо Паскалю 40 лет

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

Скриншот недели — сайт Microsoft 30 лет назад

Как вам?

Демка дня — трёхмерный лабиринт на чистом CSS 🤯

С лифтами, разными комнатами и «настройками» графики. Как пишет автор Бен Эванс, в демке только натуральные ингредиенты — HTML, CSS и никаких картинок.

Погулять и вдохновиться 2802 строками CSS — https://codepen.io/ivorjetski/pen/poQpveN

Всё равно GTA ещё не скоро выйдет

Спонтанный фронтенд-гороскоп на декабрь

🔥 Овен. Убегайте от тимлида с простыми задачами. Иначе догонит и даст тяжёлые.

🐂 Телец. Вы найдете и перепрячете баг, чтобы никто другой его не нашел.

👯 Близнецы. Возможно, идея использовать Comic Sans не так уж плоха по нынешним временам.

🦀 Рак. Вы решите все проблемы, удалив половину кода.

🦁 Лев. Вы узнаете, что время в докере внутри докера идёт в 7 раз медленнее. Наверное.

👩‍⚕️ Дева. Если захочется переписать всю документацию в стихах, не сопротивляйтесь.

⚖️ Весы. Попытка уменьшить количество работы под Новый год приведёт к обратному.

🦂 Скорпион. Ваши проблемы решатся сами собой. Просто ничего не трогайте.

🏹 Стрелец. Ваш новый дизайн будет полностью в стиле ретро-игр 80-х.

🐐 Козерог. Вы перепишете весь код на ассемблере «для скорости».

🌊 Водолей. Присмотритесь к WordPress.

🐟 Рыбы. Вас ждёт много созвонов с невнятным итогом.

Ставьте лайк, если узнали себя. И помните, что Марс в Весах, а «Доктайп» — в сердечке ❤️

Как-то я давно вас ни о чём не просил, но ждать больше нельзя 🫠

Чат, такое дело. Мы подготовили важный анонс, но нужно сначала спросить кое о чём: