широкий_кекс.жпг

Когда картинка не соответствует размеру бокса, но её всё равно нужно добавить, используйте object-fit. Он определяет, как элемент реагирует на размеры своего бокса.

С помощью object-fit можно обрезать встроенное изображение и определить, как оно будет сжиматься и растягиваться.

Разбор свойства 👉️️️️ https://htmlacademy.ru/blog/css/objectfit

Мы отмечаем десятилетие первого выпуска наших профессиональных курсов и рады рассказать о достижениях наших выпускников.

Сегодня представляем вам Олега Петрова, выпускника 2015 года, fullstack engineer в Juro.

🔗 Читайте историю Олега → https://vk.com/@htmlacademy-oleg-petrov-ob-html-academy

Сегодня Академии 12 лет

и мы дарим подарки вообще всем — тем, кто с нами давно, и тем, кто только начал обучение.

Заходите на сайт Академии, ищите на страницах иконку с подарком и крутите колесо фортуны. Дарим промокоды, скидки, курсы и даже бесплатную годовую подписку на тренажёры.

Оставайтесь с нами! — https://tml.io/wheel

p.s. Поздравления принимаются в чатике

Вместе с двенадцатилетием продолжаем праздновать десятилетие первого выпуска и делиться историями наших выпускников.

Сегодня у нас Вадим Рахманов, выпускник 2021 года и Frontend Web Developer в компании blubolt.

🔗 Читайте историю Вадима полностью! → vk.com/@htmlacademy-vadim-rahmanov-ob-html-academy

#htmlacademy10лет

Как понять, что выходные были слишком длинными? Вы начинаете искать странные способы решения понятных задач утром в понедельник.

Вот, например, имитация объемного текста с помощью 12 оттенков серого :)

Пишите в комментах, как бы вы сделали такую штуку.

Фронтенд в 2024: React, AI, jQuery? Большой стрим с Андреем Мелиховым

Что должен уметь фронтенд-разработчик в 2024? Какие знания и навыки правда нужны, а что — пыль в глаза? 28 февраля Лёша Симоненко из HTML Academy и Андрей Мелихов из Yandex Cloud, соберут матрицу технических компетенций, раскидают навыки по грейдам, и покажут, на что обратить внимание новичкам и опытным разработчикам.

Никаких спекуляций, только факты и реальный опыт в индустрии. Присоединяйтесь и узнайте, в какую сторону направить карьеру в 2024.

Стрим 👉 https://t.iss.one/htmlacademy?livestream

Мы с гордостью продолжаем празднование десятилетия первого выпуска наших профессиональных курсов и с удовольствием хотим поделиться историями наших успешных выпускников.

Сегодня мы представляем вам Анну Левченко, выпускницу 2021 года, которая теперь является frontend-разработчиком в компании Quadcode.

🔗 Не пропустите историю Анны → https://vk.com/@htmlacademy-anna-levchenko-ob-html-academy

#htmlacademy10лет

Артем Леванов, выпускник 2019 года, фронтенд-лид в компании Webrise, делится своими воспоминаниями об обучении, наставнике и старте карьеры.

🔗 История Артёма → vk.com/@htmlacademy-artem-levanov-ob-html-academy

#htmlacademy10лет

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

Смотрите ролик Александра Зиновьева о псевдоклассе :has(), в котором он делится полезными приёмами использования этого псевдокласса.

https://youtu.be/g-Md0NN-RWU

Для тех, кто любит технические материалы в текстовом виде, Александр подготовил статью.

https://uzinok.ru/article/css/has/

#от_наставников_htmlacademy

Отзывом делится Максим Алмаев, выпускник 2020 года, Frondend Developer в Авто.ру, Яндекс.

«В конце 2019 решил сменить профессию и войти в айти, начал искать информацию касательно языков программирования и их областей применения. Узнал про фронтенд, а также про то, что прежде чем изучать js, хорошо бы сперва научиться верстать.

Увидел много положительных отзывов касательно HTML Academy и их тренажеров, попробовал, понравилось, втянулся и в итоге прошел все тренажеры по верстке (на тот момент) + два интенсива. Учат согласно требованиям доступности и семантики, что котируется в реальной разработке. Всем рекомендую.»

#htmlacademy10лет

30 минут и начинаем. Готовьте чай, пельмешки, вкусняшки и подключайтесь.

https://t.iss.one/htmlacademy?livestream

Михаил Храмцов, выпускник 2019 года, учитель иностранных языков по образованию в прошлом и senior frontend developer компании Una Financial в настоящем, поздравляет Академию.

🔗 Рассказ Михаила → https://vk.com/@htmlacademy-mihail-hramcov-ob-html-academy

#htmlacademy10лет

У нас есть второй канал — «Журнал Доктайп». Там постоянно происходит что-то странное, например:

-> Опрос об эффективности и гипотенузах (и ещё много опросов)

-> Нерешаемая задачка на JS

-> Фронтенд-гороскоп для сомневающихся

И всякое ещё там о разработке и фронтендерской жизни.

Подпишитесь, ведь нашу Академию и тут, и там передают.

Момент, перевернувший всё, вспоминает Ринат Садыков, выпускник 2017 года, Team Lead Frontend Developer в Craftum и герой второго выпуска шоу «Фронтенд-инженерия».

«Вроде много лет прошло, а я до сих пор помню, тот неописуемый кайф, когда я защитил базовый JS1 интенсив (там защитилось что-то около 30-40 человек из 120), стоя на балконе, в 5 часов утра, проснувшись от уведомления об успешной защите 😁

Это было реально круто. Тот интенсив перевернул мышление целиком, своим форматом, своим подходом, подачей материала.

И приятно видеть, что спустя столько лет, вы продолжаете развиваться, расширяться и приносите еще больше пользы людям. С огромным уважением 👍»

А вот и сам выпуск шоу с Ринатом.

#htmlacademy10лет

Александр Штанг, выпускник 2015 года, технолог в Студии Артемия Лебедева, рассказывает про свой путь в профессию.

🔗 Рассказ Александра → vk.com/@htmlacademy-aleksandr-shtang-ob-html-academy

#htmlacademy10лет

Как прятать

Когда display: none, а когда visibility: hidden? Зависит от того, что вы пытаетесь сделать. Есть и другие варианты как спрятать блок и даже специальный атрибут.

Если вам приходится что-то прятать, то лучше всего это вообще убрать: сайт легче, код чище... ошибок меньше! Но если вам нужно, чтобы оно там пряталось до поры, а потом кому-то пригодилось — это другое дело. Здесь важно не ошибиться с выбором способа.

👉️️️️️️ Читать статью

#золотойфонд

Максим Фарига, выпускник 2014 года, Senior Frontend Developer в Autodoc, рассказывает про своё знакомство с академией.

«В далеком 2014 году сомневался потратить или нет большую часть своей зарплаты на курс по верстке от HTML Academy. Но как оказалось, это лучшее вложение средств, которое могло быть.

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

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

#htmlacademy10лет

Альтернативный текст — это описание изображения словами.

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

Так что там писать-то вообще? Разбираемся вместе с Колей Шабалиным.

👉️️ Читать статью

#золотойфонд