🎧 Подкаст «Про код», выпуск 24

00:00:52 Будьте готовы к Interop 2024
00:13:21 Бета-версия TypeScript 5.3, улучшений много
00:40:33 Как :not() объединяет несколько селекторов
00:48:08 Переменные окружения и анти-паттерны работы с конфигурацией
00:57:02 Как Photoshop использует браузерные технологии на пределе возможностей
01:11:00 Должны ли ESM модули быть по умолчанию?

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

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

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

🔥Овен. Ваш страстный характер приведёт к созданию фичи, о которой никто не просил.

🐂Телец. Попытки убедить дизайнера убрать анимацию обернутся успехом.

👯Близнецы. Выбирайте фреймворк, который пришёл в голову вторым.

🦀Рак. Коллеги поблагодарят за то, что вы не используете селекторы по тегам. Да ведь?

🦁Лев. Вы найдёте плагин, который ускорит работу на три секунды в год.

👩‍⚕️Дева. Вы решите сложный баг, который породит ещё два.

⚖️Весы. Будьте осторожнее с npm. Одно неверное движение — и 500 новых зависимостей.

🦂Скорпион. Дизайнер использует 5 разных оттенков черного в проекте.

🏹Стрелец. Все загадочные баги исчезнут после перезапуска локалхоста.

🐐Козерог. Ждут тяжёлые задачи, но к концу недели вы найдете изящное решение перейти на C#.

🌊Водолей. Ваши пользователи обнаружат баг на видном месте в IE6.

🐟Рыбы. Вы исправите ошибку, которую не делали. Как обычно.

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

Новый день — новая неочевидная задачка (настолько, что половина ошибается). Что появится в консоли после выполнения этого кода?

🎧 Подкаст «Про код», выпуск 25

00:00:26 Node.js 21
00:26:25 Базовые принципы оптимизации: Concatenate, Compress, Cache
00:48:43 Stop using npm install in your CI/CD pipeline
00:57:04 Именование переменных в CSS

Ведущие: Коля Шабалин, Игорь Антонов и Лёша Симоненко

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

Слууууушайте, тут позавчера первым HTML-тегам исполнилось 100 000 лет. Ну, в смысле, 32, но тоже красиво.

Вот они, слева направо: <title>, <nextid>, <a>, <isindex>, <plaintext>, <listing>, <p>, <h1>…<h6>, <address>, <hp1>, <hp2>, <dl>, <dt>, <dd>, <ul>, <li>, <menu> и <dir>.

Поздравьте старые буквы огонёчками 🔥

В Chrome 119 завезли относительные цвета

Пока неясно, насколько будет удобно в реальной жизни, но выглядит интересно. Например, так синий делается потемнее:

.darken-to-25 {
background: oklch(from blue 25% c h);
}

Узнать больше
🎨 Относительные цвета
🌍 Обновления Chrome 119

Загадка — нейросеть или человек?

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

🕹Ого! Игра на знание JavaScript

Представьте, что вы нейросеть, и выполните несколько запросов от программистов, чтобы помочь ChatGPT. От 3 + 5 и 5 == 5, до строк, циклов и функций. На каждый запрос — 60 секунд.

Ведь когда таким заниматься, если не в пятницу?

Играть 🔥️️ https://tml.io/terminal

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

Знакомство с HTML, CSS и JS

Выложили короткое введение в основы HTML, CSS и JS. Оно хорошо сочетается с тренажёрами, например, с этим. Если никогда не писали код — напишите, это почти так же весело, как опросы в «Доктайпе».

👉 https://tml.io/html-intro

Новый шрифт monaspace — кайф

Потому что это не один шрифт, а пять. Не будем ничего больше писать, потому что нужно смотреть и пробовать.

🔥️️ Посмотреть и попробовать

Представьте, что мир — прекрасное место, в котором CSS не перестали называть цифрами после CSS3.

А теперь поучаствуйте в опросе:

🎧 «Про код», выпуск 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

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