HTML Academy

Создаём JavaScript-компонент для имитации посимвольного ввода текста. Наглядно, интерактивно, без воды.

https://htmlacademy.ru/demos/163

А ещё познакомимся с рекурсией.

#туториалотhtmlacademy #frontend #javascript

Полезная шпаргалка по функции inset()

Поиграться вживую https://htmlacademy.ru/demos/151

#cheatsheet #frontend #css

Знакомимся с сабгридами в новом бесплатном курсе. Наглядно, интерактивно, без воды.

https://htmlacademy.ru/demos/161

Создадим карточки с несколькими текстовыми элементами, а затем с помощью магии сабгридов свяжем по высоте тексты, находящиеся в разных карточках.

#туториалотhtmlacademy #frontend #subgrid

Полезная статья, в которой простым языком, с примерами, разобран новый control-flow для Angular v17 и выше. Полезно при переходе с версий ниже 17-й, а так же для понимания базовых методов манипуляции DOM через шаблоны компонент в свежих версиях.

https://angularexperts.io/blog/angular-control-flow

Статьёй поделились разработчики компании «Открытые решения».

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотosinit

Итак, типы или интерфейсы?
Если коротко – да как хочешь.

https://www.mykytam.com/blog/type-vs-interface/

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотnauka

Визуализация flex-grow

#visualisation #css #flexbox #flexgrow

Ещё больше визуализаций и интерактивных туториалов → https://htmlacademy.ru/demos

Начался лайв с компанией Brew про обучение напрямую для работодателя

Присоединяйтесь по ссылкам:
ВК — https://vk.com/video-38306835_456239533
Ютюб — https://www.youtube.com/live/_BdqAKVwPEg

Через час, в 19:00, начнётся лайв с компанией Brew про обучение напрямую для работодателя.

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

https://htmlacademy.ru/events/live_brew

Наконец-то CSS, который мы заслужили

⚡️Как сделать всплывающую подсказку

Всплывающая подсказка — это небольшой блок, его также называют тултип, который появляется при наведении или нажатии на элемент. Цель такого блока — дать более подробную информацию о содержимом элемента. Часто тултипы используются вместе с формами, чтобы добавлять пояснения к полям.

Подсказку можно сделать, создав отдельный элемент в HTML-разметке и прописав ему нужные стили в CSS. В статье подробно рассмотрим процесс создания тултипа — https://tml.io/hvgnu

#htmlacademy_статьи

Автор написал собственный CSS-резет. Не общепринятый и популярный резет, не модификацию общепринятого резета, а просто свой небольшой резетик. А в статье объясняет, почему он так устроен. Рекомендуем для осторожного ознакомления с большой долей скепсиса

https://www.joshwcomeau.com/css/custom-css-reset/

Комментарий от Николая Громова, ведущего разработчика интерфейсов компании Наука:

Модернизированный CSS-reset. Интересная штука с объяснением что для чего нужно. Местами холиварная (интерлиньяж, кровавое убийство margin-ов), но никто не мешает взять это не целиком...

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотnauka

margin и padding одной картинкой.

Вспомнить, что это 👉 https://tml.io/margin-padding

Разбираемся, как создавать объёмную иконку в стиле глассморфизма в новом бесплатном курсе. Наглядно, интерактивно, без воды.

https://htmlacademy.ru/demos/159

Вы узнаете, как использовать свойства mask и clip-path для "вырезания" элементов сложной формы, разберётесь, как использовать тени для создания объёма и как создавать эффект матового стекла с помощью backdrop-filter

#туториалотhtmlacademy

Как выбрать <aside> и <article> при разметке страницы? Задавайте эти четыре вопроса.

А если не поможет, загляните в наш разбор.

Лайв с компанией Brew — обучение напрямую для работодателя

HTML Academy и Brew разработали совместную программу, цель которой — с нуля вырастить будущих сотрудников компании.

Обучение проходит в малой группе, успешные выпускники попадают в штат.

Приходите на лайв 18 ноября в 19:00, чтобы подробнее узнать о компании и программах обучения. Регистрируйтесь по ссылке, чтобы мы напомнили вам о старте мероприятия.

https://htmlacademy.ru/events/live_brew

Научитесь настраивать внешний вид курсора с помощью свойства cursor в новом бесплатном курсе. Наглядно, интерактивно, без воды.

https://htmlacademy.ru/demos/157

Вы познакомитесь с некоторыми системными курсорами, научитесь устанавливать пользовательские курсоры с помощью изображений и управлять их параметрами.

#туториалотhtmlacademy