Десятый интенсив «Продвинутый HTML и CSS» завершился и пришло время подвести итоги.

— 4 преподавателя и более 20 часов лекций.
— 23 наставника получили максимальные 10 баллов от своих подопечных.
— 102 ученика успешно защитили свой проект.

В отчёте вы найдёте отзывы участников. Например, один из них:

>Интенсив здорово встряхивает мозги. Думаешь кодом, снится код, говоришь с людьми, а в голове код. После интенсива ты всё ещё продолжаешь жить в том ритме, только дел, оказывается, намного меньше и не нужно уже утром бежать к родной консольке, запуская проект, и думать над размещением блоков. Странное ощущение. Всем советую интенсив, мощная прокачка навыков в короткие сроки. Академия, вы круты.

https://htmlacademy.ru/blog/179-online-intensive-adaptive

Выпуск №65: асинхронность, PhantomJS всё, веб-компоненты, магические зависимости и Виталий Слободин в гостях — https://soundcloud.com/web-standards/episode-65

Стюарт Фрисби из Booking.com поделился историей о том, как они внедряли системные шрифты, с чем столкнулись и какие сделали в итоге выводы.

https://booking.design/implementing-system-fonts-on-booking-com-a-lesson-learned-bdc984df627f

Пространство может добавить проекту акценты, структуру, понятность и даже передать эмоции.

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

https://blog.prototypr.io/how-to-use-space-in-ui-design-15e169127236

Перевод: http://uxgu.ru/white-space/

Кое-что готовим на завтра. Угадаете, что это будет? 🤔🤐

Основы типографики: разбираемся с начертанием, типами шрифтов, гарнитурами и многим другим.

https://robots.thoughtbot.com/typography

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

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

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

Присылайте вопросы на почту shorts@htmlacademy.ru или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.

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

https://www.youtube.com/watch?v=JEItJ4nyl68

Собрали наши доклады с выступлений на конференциях и встречах в единый плей-лист.

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

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

https://goo.gl/m2ZTqN

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

http://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?

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

Присылайте вопросы на почту shorts@htmlacademy.ru или пишите в комментариях, на самые интересные мы ответим в следующих выпусках. Увидимся через неделю!

https://www.youtube.com/watch?v=3gvjDqhYJ60