HTML Academy
10.2K subscribers
5.26K photos
162 videos
4 files
3.28K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Основы типографики: разбираемся с начертанием, типами шрифтов, гарнитурами и многим другим.

https://robots.thoughtbot.com/typography
Привет! Нам часто задают вопросы о вёрстке и технологиях: почему нужно делать так, а не иначе? Что если сделать эдак? И мы с удовольствием отвечаем.

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

В первом выпуске Вадим Макеев подробно разберёт: можно ли оборачивать ссылкой блочные элементы?

Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.

Увидимся через неделю!

https://www.youtube.com/watch?v=JEItJ4nyl68
Собрали наши доклады с выступлений на конференциях и встречах в единый плей-лист.

На случай если вы пропустили какой-то из них или захотите пересмотреть.

Плей-лист будет пополняться по мере появления новых выступлений.

https://goo.gl/m2ZTqN
Время приключений: игра на чистом CSS.

https://minocernota.com/articles/pure_css_game/
22 мая стартует интенсив «Продвинутый HTML и CSS», запись открыта и пока есть свободные места.

https://goo.gl/Sa68r2

Процесс работы на курсе максимально приближен к разработке проекта в больших компаниях: вы познакомитесь с Гитхабом, научитесь делать форки, ветки, пулреквесты и разберётесь с методологией БЭМ, препроцессорами, адаптивностью и автоматизацией.

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

Вас ждёт 5 недель плодотворной работы, 20 часов живых вебинаров, 4 адаптивных макета дизайна и консультации с личным наставником, который поделится опытом и секретами мастерства.

Отзыв одного из участников предыдущего потока:

> Отличное сочетание практики и теории, поданной в удобной, понятной и последовательной форме, в сочетании с системой наставничества и автоматизированных курсов, делает процесс обучение максимально эффективным. Главная цель — не выпустить как можно больше студентов, а выпустить профессионалов. Объективная и кропотливая проверка итоговых работ позволяет оценить работу со стороны и понять, достигнут ли уровень профессионала или ещё нужно покорпеть.

https://goo.gl/Sa68r2

#html #css #верстка #интенсив #htmlacademy
Периодическая таблица элементов на CSS-гридах.

https://codepen.io/dudleystorey/pen/rmWMXY
Однажды автору пришла в голову мысль: что будет если уже сжатый CSS-код прогнать через минификатор повторно? А если через другой? А ещё раз?

И это сработало — так появился CSS Remynification. Правда, есть шанс, что после него ваш CSS сломается.

https://luisant.ca/remynifier
Вещи, которые помогут улучшить форму оплаты пластиковой картой:

— Автозаполнение.
— Маска для разделения номера карты.
— Алгоритм Луна, проверяющий корректность номера.
— Шрифт, похожий на тот, что на пластиковой карте.
— Определение банка пользователя.

https://www.smashingmagazine.com/2017/03/improve-billing-form-ux/
Один из часто задаваемых вопросов новичков: зачем задавать картинку через background-image, если можно просто написать background?

На первый взгляд, чем короче запись, тем лучше? Но это рискованная затея и Вадим объяснит почему.

Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках. Увидимся через неделю!

https://www.youtube.com/watch?v=3gvjDqhYJ60
Отладка CSS для адаптивного пользовательского интерфейса.

Неэффективное использование CSS-свойств и их значений может замедлить интерфейс, влияя на отрисовку страниц, анимацию, плавность и производительность, особенно на мобильных устройствах.

Отрывок из книги Тиффани Браун «CSS Master».

https://www.sitepoint.com/debugging-css-for-ui-responsiveness/
Выпуск №66: из React в Sketch, из HTML в WebGL, игры на CSS, гриды, HTML Шорты, дизайнеры и код в Яндексе с Антоном Шеиным в гостях — https://soundcloud.com/web-standards/episode-66
Руководство по написанию чистого CSS.

Отрывок из книги Тиффани Браун «CSS Master».

https://www.sitepoint.com/golden-guidelines-for-writing-clean-css/
Выпуск №67: бета Chrome 59, Safari TP 29, Samsung на десктопе, WebP торт, HTML Шорты, Normalize.css, CSS 5 уровня, CSS в JS, ES-модули — https://soundcloud.com/web-standards/episode-67
Меньше двух недель осталось до старта курса «Продвинутый HTML и CSS», он пройдёт с 22 мая по 28 июня.

https://goo.gl/Sa68r2

Интенсив рассчитан на тех, кто хочет прокачать уже имеющиеся навыки в вёрстке.

Учеников ждёт 5 недель работы над личным проектом, 20 часов живых вебинаров, 4 качественных дизайн-макета и консультации с личным наставником, который направит работу в нужное русло и поделится опытом.

Выпускники курса делятся отзывами:

> Это просто взрыв мозга. До последнего момента я сомневался идти или нет на «Продвинутый HTML и CSS». Предположив, что будет сложнее «Базового» — я решился. По факту оказалось намного сложнее. Не пришлось скучать ни одной минуты в течение этих пяти недель. Более того, мои сны (в те дни, когда приходилось спать) стали насыщенными такими штуками, как flexbox, SVG и многим другим. По итогу удалось всё сдать на 100%. Радость и эмоции переполняют. Спасибо Академии за этот праздник души.

> Интенсив реально прокачивает. Прокачивает от уровня «что-то слышал», «что-то делал» до «я хочу у вас работать, я уверенно владею адаптивной вёрсткой». Хорошо проработанные практические задания, которые включают актуальные технологии в совокупности с интерактивными курсами и опытным наставником дают мощный эффект. Тем, кто задумывается о работе в вебе, но не знает с чего начать, интенсив даст не только направление, но и реальные навыки, с которыми можно устраиваться. После успешного окончания будь уверен — ты востребованный специалист, владеющий актуальными технологиями. Главное желание, а уж Академия найдёт как тебя обучить, и обучить очень эффективно и в кратчайшие сроки.

https://goo.gl/Sa68r2

#html #css #верстка #интенсив #htmlacademy
Как использовать тег <section> правильно? Например, можно ли вкладывать его при разметке в <footer>, заменяет ли он <div>?

Сегодня Вадим расскажет про структурные элементы <section> и <footer>.

Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.

Увидимся через неделю!

https://youtu.be/NRkr7be8sw8