🅰️ Оформление текста на CSS

Собрали для вас подборку с интерактивными примерами, которая поможет быстро разобраться или вспомнить всё, что нужно для оформления текста.

11 основных свойств в одной статье: font-family, font-weight, font-style, text-transform, text-shadow, text-align, line-height, а ещё font, text-decoration, font-weight, blockquote, list-style-type

Добавьте в избранное, подписывайтесь на «Доктайп» и используйте полужирность с умом! 🐈

🤖ChatGPT уже не тот? Тестируем 10 плагинов для чтения URL и грустим

Мы тут поспорили на подкасте, сможет ли ChatGPT со своими двумя плагинами прочитать информацию в альт-тексте на странице и сделать по ней выводы. То есть, фактически, заменить поисковик и вот это всё.

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

👉 https://habr.com/ru/articles/751376/

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

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