Ставим текст вертикально — забытое свойство text-orientation

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

<div class="container">
<p class="mixed">ремонт</p>
<p class="mixed">обуви👠</p>
<p class="mixed">копиR🔑</p>
<p class="mixed">ключей</p>
</div>

Тогда чтобы поставить текст вертикально, нужно сначала установить writing-mode в vertical-rl или vertical-lr. А дальше добавляем text-orientation.

Значение upright поставит буквы вертикально как есть, а mixed перевернёт их на 90 градусов.

Кстати, эмодзи таким способом не переворачиваются, для них сработает transform: rotate(90deg);

💬 Большая распродажа курсов на «Чёрную пятницу» — скидка буквально на всё до 26 ноября:

— 30% на тренажёрные курсы и любую подписку на тренажёры,
— 30% на профессии в ускоренном формате,
— 25% на курсы в базовом формате,
— 10% на курсы в индивидуальном формате,
— 10 000 ₽ на профессии в индивидуальном формате.

В этом году дешевле уже не будет, переходите и выбирайте скидку 👉 https://tml.io/big-sale

Генерация QR-кодов на JS за 5 минут

Ультракороткая инструкция, как сделать и запустить маленькое, зато своё API, выполняющее ровно одну задачу.

🤖 https://tml.io/qr-generator

Конец осени — время, когда в Академии начинаются сразу несколько потоков курсов. «Чёрная пятница» — отличный повод записаться на них с максимальной в этом году скидкой. Смотрите сами:

Со скидкой 25%
27 ноября — «HTML и CSS. Адаптивная вёрстка и автоматизация»,
28 ноября — «Node.js и Nest.js. Микросервисная архитектура»,
4 декабря — «JavaScript. Архитектура клиентских приложений».

Со скидкой 30%
12 декабря — профессия «Фронтенд-разработчик».

Все курсы проверены временем и тысячами студентов. Выбирайте скидку и получайте новую профессию 👉 https://tml.io/bf_start

loading="lazy" — единственная строчка, которую нужно запомнить, чтобы включить «ленивую» загрузку картинок. С марта она доступна по умолчанию во всех нормальных браузерах.

Почему «ленивая» загрузка — это хорошо 👉 https://tml.io/lazy-loading

Помните, что у нас есть «Лига А.»?

Это агентство от HTML Academy, которое занимается вёрсткой и фронтендом и делает всякое — от простых страничек до сложных сервисов. Ребята решают клиентские задачи уже 6 лет и знают всё про большие проекты, заказчиков, работу в команде и другие тайны.

Короче, показывают работу в агентстве разработки в телеграм-канале.

Выбирайте пост для себя и читайте

👉 «А вы что, всё делаете по шаблонам?!». Отвечаем на популярные вопросы заказчиков

👉 Заказчик никогда не расскажет об этом, если вы не спросите. Что уточнить про дизайн в начале, чтобы всё потом не переделывать?

👉 Пишем код один раз и не паримся. Почему компонентный подход — это сила.

Адаптивная вёрстка и микросервисная архитектура

Почти одновременно в Академии стартуют потоки двух очень разных курсов. Их объединяет только фронтенд и приятная скидка 25%.

Первый курс — «Адаптивная вёрстка и автоматизация», для тех, кто недавно разобрался с HTML и CSS и теперь хочет вывести знания на новый уровень. Разбираем адаптивную графику и сетки, препроцессоры и автоматизацию вёрстки.

Записаться 👉https://tml.io/bf_adaptive

Второй курс — «Микросервисная архитектура», для тех, кто уже хорошо знаком с TypeScript и готов разобраться с микросервисами на Node.js и Nest.js, базами данных и «бэкендом для фронтендеров».

Записаться 👉https://tml.io/bf-node-2

Рекомендуем оба курса, а вы выбирайте тот, который вам ближе. Научим одинаково хорошо и там, и там.

Просто решили напомнить, что код — это 🧡

Сегодня стартует «Архитектура клиентских приложений», курс для тех, кто хочет разобраться со SPA, ООП, MVP и HTTP, но при этом не забыть свои знания в JavaScript.

Самым решительным и быстрым — сегодня скидка 15% по промокоду JS15. Потому что завтра будет уже не до этого :)

👉 https://tml.io/es_start

Вместо ста откликов — очередь из работодателей

Страшно откликаться на вакансии и ходить на собеседования? Хватит мучиться! В Академии известные IT–компании сами отсматривают итоговые проекты студентов на профессиях и делают предложения о работе, от которых невозможно отказаться. Так можно найти работу ещё до стажировки без мучительного поиска, десятков откликов и выматывающих собеседований.

Приходите учиться (мы всему научим, поможем и поддержим) и получайте профессию с оффером в IT-компанию на выходе.

Новый поток профессии «Фронтенд-разработчик» стартует 12 декабря — записывайтесь: https://tml.io/frontend_experts

Плавные анимации на CSS

Приятно, когда разработчики не забывают о мелочах и добавляют на сайт микроанимации.

Если пока не знаете, как это делается, вот самый простой пример — увеличение при наведении:

p {
width: 100px;
height: 100px;
transition: width 2s, height 4s;
}

p:hover {
width: 200px;
height: 200px;
}

Больше примеров 👉️️️️ https://tml.io/basic-transition

на смену профессии решись, место обучения найди, три зарплаты за него заплати, потрать год (а то и два), совмещай старую работу с учебой, попробуй не выгореть, над резюме поработай, проекты поделай, отправь 1000 и 1 отклик и услышь «рассматриваем только мидлов» — бесит, правда?

14 декабря в 13.00 в прямом эфире поговорим c Артёмом Альтигиным из «Лиги А.» о том, как на самом деле работают IT-компании, и обсудим, что нужно знать и уметь, чтобы быть джуном, которого компании хотят к себе в команду.

а-а-а-а! 👉️️️️ https://tml.io/junior-live

HTML Academy — на YaTalks 2023

5-6 декабря в Москве проходила конференция по фронтенду YaTalks 2023. Лёша Симоненко, директор по развитию HTML Academy и участник программного комитета конференции, 5 декабря провёл круглый стол «Обзор 2023 года: могло бы быть, но не произошло». С разработчиками из Яндекса и X5 Tech он поговорил о победе нейросетей, обновлениях TypeScript, браузерных движках и ещё массе интересных вещей, которые могли случиться, но не случились.

Запись круглого стола — в трансляции с 18:00 👉 https://tml.io/yatalks_2023

В Академии — новогодние скидки на профессии

1 января — понедельник, поэтому начинать очередную новую жизнь будет вдвойне приятно. А чтобы вам было, с чего начинать, до 31 декабря  делаем скидки на профессии:

— 24% на любую в ускоренном формате
— 24 000 рублей на любую в индивидуальном формате.

При покупке — купон на 10 000 рублей на курсы в Академии, который легко подарить знакомым или использовать для себя, и приятный подарок от наших менеджеров.

Записывайтесь, начинайте, вот это всё. Мы в вас верим 🙂

https://tml.io/happy2024

Телеграм-игра «Код сурка»

В Академии ежегодное новогоднее интеллигентное безумие. Если раньше мы разбирали на атомы целую планету и расследовали очень странные дела, то теперь вместе с нашим партнёром ИТМО дарим курсы в обмен на ваши знания.

Забрать призы легко — отвечайте на вопросы о веб-разработке (их будет больше 1000) с 1 по 8 января и набирайте баллы. Чем выше вскарабкаетесь в рейтинге — тем круче призы.

К слову: разыграем профессию на выбор победителя, 2 «инженерии», 7 курсов по вёрстке и JavaScript, 20 безлимитных доступов к тренажёрам на месяц и 70 доступов к тренажёрам на неделю.

Ну и самое приятное — все участники акции на время игры смогут получить безлимитный доступ к тренажёрам Академии и эксклюзивным материалам совместного курса по веб-разработке от HTML Academy и ИТМО, а после игры — скидки и бонусы.

Не ждите 1 января — присоединяйтесь к «Коду сурка», приглашайте друзей, и пусть каникулы не проходят зря:

👉️️️️️️ @KodBezZabot 👈

Айти-открытки от «Лиги А.» 🪄💌

Всё начиналось с гиф-открыток, которые ребята присылали клиентам на Новый год. Потом эти открытки они добавляли в email-рассылку, а ещё через время собрали лендинг с итогами года.

В этом году ребята из Лиги сделали мини-проект — генератор айти-открыток, которые можно отправить коллеге и сохранить себе на память! Попробуйте сами.

1. Зайдите на страницу с генератором,
2. Выберите коллегу и цвет открытки,
3. Нажмите на «Сгенерировать открытку»,
4. Получите открытку, которую нужно отправить коллеге или руководителю.

Делитесь в комментариях, какая открытка получилась у вас 👇

Завтра (или уже сегодня?) — «Код сурка»

В 0:00 Мск в боте @kodbezzzabot появятся первые 150 вопросов новогодней игры, поэтому стряхните пыль с тренажёров, настройтесь хорошо провести время и помните, что главная сила — знания!

Моральная поддержка и добрые админы — в чатике Академии, заходите к нам.

С наступающим (или уже наступившим?),
Академия 🧡

Главное правило «Кода сурка» — все вопросы сгорают в полночь, а вместо них появляются новые.

Не упустите 150 сегодняших вопросов и включайтесь в гонку за призами.

Тык — @KodBezZabot

Завтра в «Коде сурка» — блиц-день. Будут доступны целых 300 вопросов вместо 150 с двумя вариантами ответа вместо трёх.

И ещё покажем кое-что интересное, следите за новостями.

Тыц — @kodbezzabot

Новогодние игры от Академии — отличная возможность бесплатно попробовать большинство наших тренажёров.

Если вы ещё не сделали этого:
1) В боте @kodbezzabot ответьте на 15 вопросов правильно и наберите 150 баллов.
2) Нажмите на кнопку «Разблокировать тренажёры»
3) Введите свой id с сайта Академии. Если у вас его нет — зарегистрируйтесь.
4) Готово, вы великолепны.

Список доступных до 8 января тренажёров ждёт вас в чатике Академии.

UPD Всем, кто до конца игры разблокирует тренажёры, дадим уникальную ачивку на сайте. Не пропустите, такой шанс — раз в год.