Недавно большая версия меня была на pitercss_conf, а ребята проводили там соревнование по слепой вёрстке — было весело!

Знакомьтесь: новый енот Лера Зелёная, а это Виталий Зюзин, преподаватель на базовом интенсиве по вёрстке и его рассказ про экспорт графики.

Защитили свои проекты ученики семнадцатого интенсива «Базовый HTML и CSS» и девятого «Базовый JavaScript», предлагаю почитать как это было. А на прошлой неделе наш Андрей провёл трансляцию, где рассказывал про обучение в Академии, получилось интересно, думаю, надо повторить.

Вам интересно как выглядят проекты на интенсивах и чем они отличаются? На Ютубе ребята публикуют обзоры, чтобы было проще сориентироваться при выборе.

Появилась отличная возможность для желающих с нового года начать новую жизнь — профессия «Фронтенд-разработчик», старт 7 августа — финал 27 декабря.

Кстати, чем отличаются интерактивные курсы от интенсивов, и с чего начать обучение на сайте? Если не знаете, то рекомендую прочитать в блоге.

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

Ещё я собрал для вас разные полезности, ищите их ниже. Всем мяу.

Инструменты и статьи

Fun with Viewport Units
Здесь я узнал интересные приёмы с использованием вьюпорт-единиц измерения: vw, vh, vmin, и vmax.

Locally Scoped CSS Variables: What, How, and Why
Слышали, появились настоящие CSS-переменные, но что с ними делать и зачем?

Cropping Images in CSS With object-fit
Никаких больше сплющенных изображений, обрезаем img прямо в CSS с помощью object-fit.

CSS Shapes, clipping and masking – and how to use them
В Firefox 54 нас ждёт поддержка clip-path, а значит можно поиграть с CSS-формами.

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

Как работает функция minmax()
Обновление в спецификации CSS-гридов: функция minmax(), которая позволит минимизировать код.

Инструкция: CSS-оптимизация веб-страницы для печати
Кажется, что не только автор подзабыл про оптимизацию страниц для печати, так что его приёмы пригодятся всем верстальщикам.