Теперь, когда CSS-гриды получили широкую поддержку браузеров, имеет смысл переходить на них.

Что нужно, чтобы заменить существующую структуру сетки, к примеру, с Bootstrap на гриды?

https://hacks.mozilla.org/2017/04/replace-bootstrap-layouts-with-css-grid/

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

http://jonibologna.com/spring-into-css-grid/

Для тех кто пропустил нашу трансляцию вчера, выкладываем запись.

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

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

https://youtu.be/mniY9Dez5kI

Выпуск №72: только для Chrome, анонсы Safari, Chrome и Edge, гриды, Шорты, стример Юра, Stylelint и Node.js — https://soundcloud.com/web-standards/episode-72

Пришла очередь самого сложного проекта с интенсива «Базовый HTML и CSS» — https://htmlacademy.ru/intensive/htmlcss.

«Девайс» — интернет-магазин гаджетов, в нём много деталей и сложная сетка. Его стоит выбирать уверенным в своих силах ученикам. Проект состоит из главной страницы и каталога.

14% учеников прошлого потока выбрали его в качестве личного проекта.

https://www.youtube.com/watch?v=YciOSoPL1cg&index=3&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ

Подробная инструкция по стилизации полосы прокрутки браузера с помощью CSS.

https://scotch.io/tutorials/customize-the-browsers-scrollbar-with-css

На интенсиве «Продвинутый HTML и CSS» — https://htmlacademy.ru/intensive/adaptive три проекта на выбор и каждый из них нельзя назвать простым.

«Мишка» — интернет-магазин вещей для дома ручной работы, в нём есть всё для любителей трудностей: множество деталей, сложная сетка и нестандартные компоненты. Выбирать его стоит имея в распоряжении достаточно свободного времени.

Это самый популярный проект на интенсиве — 48% учеников прошлого потока выбрали его.

https://www.youtube.com/watch?v=F6gnmChf7fM&index=4&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ

Специальное предложение для школ — кабинет учителя и 30 доступов к интерактивным курсам каждый год бесплатно.

https://htmlacademy.ru/for_schools

Наши интерактивные курсы по HTML и CSS — https://htmlacademy.ru/program уже давно успешно используют учебные заведения для обучения основам вёрстки.

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

Для удобства мы сделали личный кабинет учителя, в котором доступно:

— Приглашение учеников, управление доступом к курсам.
— Сводка по ученикам и статистика каждого отдельно.

Чтобы завести личный кабинет, достаточно отправить заявку на сайте.

После этого можно пригласить учеников к обучению: доступ к бесплатным курсам неограничен плюс учебное заведение получает 30 годовых доступов к платным курсам ежегодно.

https://htmlacademy.ru/for_schools

Открыта запись на осенний онлайн-курс «Продвинутый HTML и CSS», который будет проходить с 18 сентября по 25 октября. Минимальная стоимость участия до 27 июня.

https://goo.gl/Bh441w

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

Что пишут выпускники:

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

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

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

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

https://goo.gl/Bh441w

#html #css #верстка #интенсив #htmlacademy

В эту пятницу на pitercss_conf мы провели соревнование по вёрстке вслепую. Каждый гость мог сверстать три разных блока, а цель была одна — максимально приблизиться к оригиналу.

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

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

Победители сегодня найдут в почте письма с инструкциями по получению приза. Вот имена героев: Владислав Войтович, Илья Куприянов, Егор Изукаев, Andrew Lukin и Иван Горбунов.

Все участники получили памятные призы от Кекса — спасибо каждому, кто пришёл, мы обязательно встретимся ещё!

Второй проект на интенсиве «Продвинутый HTML и CSS» — https://htmlacademy.ru/intensive/adaptive, усложнённая версия проекта с базового курса.

«Седона» — сервис поиска гостиниц в небольшом городке, проект содержит много декоративных элементов и адаптивную сетку. Состоит из главной страницы и двух внутренних.

18% учеников десятого потока выбрали его в качестве личного проекта.

https://www.youtube.com/watch?v=-pjw1_GucsA&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ&index=5