В 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

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

Принесли, чтобы вы не от пацанов во дворе узнавали о классных штуках в 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 лет

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