CSS-упражнение дня — свойство line-height

Потренируйтесь делать неужасную высоту строки в вёрстке. Это важный навык, если вас уже научили различать плохой кернинг и вы вошли во вкус со своей дизайн-жилкой.

Кстати, заодно самый важный опрос дня:

Культурный шок дня — Midjourney в версии 5.1 научился генерировать клавиатуры с реалистичными буквами и цифрами и почти правильной раскладкой. Сидели и всей редакцией не верили.

Теперь можно навоображать себе программистскую клавиатуру мечты. И кстати,

DevMode в Figma — революция или ересь? Быстрый обзор бета-версии

На днях в Фигме появился новый переключатель Dev Mode, который превращает её в космолёт для верстальщиков. Ну или нет. Как посмотреть.

Мы в редакции решили разобраться, и впечатления получились неоднозначные. Смотрите сами:

👉 https://tml.io/dev-mode

Тут недавно пришлось подключить проектор с VGA к переходнику VGA-HDMI, а его к переходнику USB-C-HDMI, а его к макбуку.

Всю дорогу было ощущение, что примерно так и выглядит современная разработка ПО

В связи с этим опрос:

📚 Подборка книг для тех, кого бесит JavaScript

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

1. Дэвид Флэнаган. JavaScript. Полное руководство. Седьмое издание.
2. Марейн Хавербеке. Выразительный JavaScript. Современное веб-программирование.
3. Адитья Бхаргава. Грокаем алгоритмы.
4. Mat Marquis. JavaScript for Web Designers.
5. Роберт Мартин. Чистый код. Создание, анализ и рефакторинг.
6. Кайл Симпсон. Серия «Вы не знаете JavaScript».
7. Эрик Фримен, Элизабет Робсон. Изучаем программирование на JavaScript.
8. Дуглас Крокфорд. Как устроен JavaScript.

Подробности и ссылки на книжки в «Доктайпе»:
👉️️️️ https://tml.io/js-books

Тут ChatGPT сошёл с ума и придумал нам десять шуток о фронтенде на мотив классических пословиц и поговорок.

Помогите выбрать самую смешную:

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

4 способа центрировать в CSS

Что это: короткая заметка об одной из самых частых задач в работе верстальщика.

Коротко: берём один и тот же <p> и пытаемся его центрировать по-разному (даже очень странным способом, который, скорее всего, не пройдёт никакое код-ревью).

👉 https://htmlacademy.ru/blog/css/center-vertically

Представьте, что вам нужно выбрать один JS-фреймворк, на котором вы будете писать всю жизнь, и другой, который навсегда исчезнет. Выбирайте с умом:

if, else, else if

Что это: очень короткая заметка о том, как работает ветвление в JavaScript.

Коротко: представьте, к каким действиям приведёт выполнение условий. И в первые 20 раз нарисуйте на бумажке. И вспомните фильм «Начало». И хватит работать, уже пятница.

👉 https://htmlacademy.ru/blog/js/else-if

Самый важный опрос дня, который разделит этот канал на две с половиной половины:

Трясём пароль с помощью CSS

Что это: анимация, которая сделает ваш сайт похожим на макбук.

Коротко: берём поле ввода, десяток строк джаваскрипта и кубическую кривую Безье. И кааааак трясём пароль! У-у-у!

Разбор кода и демо 👉 https://htmlacademy.ru/blog/css/shaking-password

Извините, но у нас тут какая-то неделя холиваров про редакторы кода. Очередной — из комьюнити Академии.

Помогите разобраться, раз уж вы так категорично за тёмную тему: