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

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

Как сделать сайдбар с раскрывающимися пунктами

Дэвид Мраз делится кодом на Гитхабе.

Мы не плачем, просто флоаты в глаз попали

Большой привет из прошлого

Если вы не знали, на какой бы вам сайт зайти с утра, то мы принесли вам жемчужину интернета.

Там даже музыка играет!

https://www.cameronsworld.net/

Тег <b> используется для выделения текста без дополнительного акцента или значимости.

В результате содержимое этого тега обычно отображается жирным шрифтом.

Несмотря на это, этот тег не должен использоваться для стилизации; для таких задач лучше использовать CSS.

Больше фактов — в справочнике по HTML.

С 30 сентября по 6 октября HTML Academy вместе с партнёрами-работодателями открывает доступ ко всем тренажёрам

https://htmlacademy.ru/special/open-week/2024/october

Пробуйте себя в веб-разработке, знакомьтесь с компаниями-работодателями, и конечно же делитесь новостью про открытую неделю с друзьями!

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

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

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

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

Лайв состоится 3 октября в 19:00, регистрируйтесь по ссылке, чтобы мы напомнили вам о старте мероприятия:

https://htmlacademy.ru/events/live_htdev

Простой и короткий интерактивный туториал "Знакомство с псевдоклассом :has"

https://htmlacademy.ru/demos/101

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

Интерактивный туториал «Мастерская: карточка с анимацией 3D-переворота»

👉️️ https://htmlacademy.ru/demos/105

Пошагово создадим карточку, которая красиво переворачивается в 3D при наведении. А затем детально и наглядно препарируем принцип работы этого 3D-эффекта.

И как всегда, вы можете экспериментировать и менять код на каждом шаге!

Хотите проверить реальный уровень знаний по любимому стеку?

Наш партнер-работодатель, компания “Открытые решения”, поможет в этом. Пройдите бесплатный тест в Firstlink и выявите точки роста!

https://firstlink.osinit.com

А прокачать знания можно на тренажёрах HTML Academy, которые открыты всю текущую неделю благодаря партнёрам-работодателям.

https://htmlacademy.ru/special/open-week/2024/october

Мастерская: анимированный звездопад на чистом CSS

Пошагово, с понятным объяснением каждого шага, нарисуем красивейшие звёзды и заставим их падать

https://htmlacademy.ru/demos/107

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

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

Записаться на лайв можно по ссылке

https://htmlacademy.ru/events/live_htdev

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

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

Фундаментальный интерактивный туториал про псевдоклассы :nth-child и :nth-of-type. Хотите стать мастером :nth-child? Этот материал для вас!

Детально разбирается синтаксис :nth-child(an + b). Есть примеры создания простых, сложных и комбинированных выборок элементов. Для каждой выборки даны примеры расчётов порядковых номеров.

https://htmlacademy.ru/demos/2

Разбираемся как делать красивые градиентные рамки с помощью repeating-linear-gradient в новом интерактивном туториале.

https://htmlacademy.ru/demos/111

Наглядное исследование-визуализация «repeating-linear-gradient VS linear-gradient»

https://htmlacademy.ru/demos/113

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

На примере одной и той же задачи мы наглядно и детально разобрали отличия между repeating-linear-gradient и linear-gradient. Оказывается, repeating-linear-gradient крутейший инструмент в своём классе.

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

#туториалотhtmlacademy #исследованиеотhtmlacademy

Вопрос, о котором нельзя забыть

Что окажется в консоли после выполнения этой бесконечно странной команды?

Мне лень учиться. Что сделать, чтобы полегчало?

Расконсервировали статью из ковидных (помните, был такой?) времён, когда все засели по домам и никуда не ходили.

А оказалось, что дело-то вообще было не в локдауне.

👉️️ Вспомнить, в чём было дело

Свойство flex — полное руководство

Ультимативное и бесконечно наглядное руководство по сеткам на флексах.

Добавляйте в закладки и верстайте как следует.

👉️️️️ https://htmlacademy.ru/blog/css/css-flex