Сетка с шагом 8 пунктов — это система, когда размеры всех элементов и расстояния между ними кратны восьми. С ней гораздо проще систематизировать интерфейс и его детали.

Во введении в систему автор объяснил, почему именно восемь пунктов, и с чего начать внедрение метода в работу.

https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632

Здесь он уже объясняет, как быть с границами и раскладками при таком подходе.

https://builttoadapt.io/8-point-grid-borders-and-layouts-e91eb97f5091

Выпуск №75: пора ли гриды, Edge и IE, сетки и стримеры, CSS is awesome, примеры ARIA, фокус и аутлайн, JS-импорты, подкасты — https://soundcloud.com/web-standards/episode-75

Завтра, 11 июля в 19:00, преподаватель интенсивов «Базовый JavaScript» и «Продвинутый JavaScript» Игорь Алексеенко проведёт онлайн-трансляцию, где ответит на ваши вопросы и расскажет:

— Для кого курс «Базовый JavaScript».

— Как построено обучение на нём.

— Что из себя представляют личные проекты.

— Как устроена защита, какие критерии качества для проектов.

Свои вопросы вы сможете задать на трансляции или заранее, здесь в комментариях.

Трансляция будет проходить на нашем ютуб-канале — https://www.youtube.com/watch?v=MXYMVBFyMJo

Сегодня в 19:00 не пропустите онлайн-трансляцию с Игорем Алексеенко, преподавателем интенсивов «Базовый JavaScript» и «Продвинутый JavaScript».

Приходите, будем отвечать на ваши вопросы и рассказывать как устроено обучение на курсе.

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

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

Логичные названия и подписи элементов интерфейса помогут пользователям быстрее понять, с чем они имеют дело.

https://hiddedevries.nl/en/blog/2017-05-05-accessibly-labelling-interactive-elements

Начинаем трансляцию c Игорем Алексеенко через десять минут ⏰, присоединяйтесь.

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

Конкурс для студентов технических специальностей.

Открываем приём заявок на получение профессии «Фронтенд-разработчик» с 7 августа по 27 декабря 2017 года. Стоимость программы составляет 55 500 рублей. Мы отберём среди заявок десять лучших студентов, которые будут обучаться бесплатно.

Участвовать могут учащиеся на технических специальностях по системе бакалавриат, специалитет и магистратура:

— Студенты-бакалавры 4 курса.
— Студенты-специалисты 4 и 5 курсов.
— Студенты-магистранты 1 и 2 курсов.

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

Чтобы стать участником — заполните заявку, указав:

— Ф. И. О.;
— Вуз;
— Специальность;
— Курс;
— Средний балл;
— Приложите к письму сканы или фотографии зачётной книжки.
 
Заполненную заявку нужно выслать на электронную почту — [email protected], с темой письма «Грант на обучение».

Будьте внимательны при отправке: заявки, заполненные не по форме, к участию не допускаются.

Заявки принимаются до 31 июля включительно. Об итогах конкурса мы сообщим письмом до 5 августа. Письмо может попасть под фильтр, поэтому проверяйте папку «Спам».

Подробнее о профессии «Фронтенд-разработчик» — https://htmlacademy.ru/profession/frontender

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

Преподаватель Игорь Алексеенко отвечал на вопросы об интенсиве «Базовый JavaScript», рассказал как устроено обучение: о личных проектах, выборе наставника, подготовке и о многом другом.

https://youtu.be/MXYMVBFyMJo

Выпуск №76: вертикальный ритм, Sass разрешил, переменные в препроцессорах, Susy жива, экономия на классах, чёрная магия CSS, ES 2017, полезный npx — https://soundcloud.com/web-standards/episode-76

Полезная рассылка от Кекса будет сегодня вечером.

Ещё можно успеть подписаться — https://htmlacademy.ru/email 😼

Предыдущие выпуски:

— июнь https://htmlacademy.ru/blog/199
— май https://htmlacademy.ru/blog/197
— апрель https://htmlacademy.ru/blog/183

Это мопс или бургер?🍔🐶 https://codepen.io/kateanhalt/pen/bWmJGV

Обновили страницу интенсива «Базовый PHP» к новому потоку.

Теперь всё наглядно: что входит в курс, какие проекты ждут учеников и, конечно, подробно описана программа.

https://htmlacademy.ru/intensive/php

Нужно спрятать блок в вёрстке, но что выбрать display: none или visibility: hidden?

Зависит от того, что и зачем вы собрались скрывать. Выясняем с Вадимом тонкости пряток в CSS.

https://www.youtube.com/watch?v=Ns0zijQJxH4&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1&index=1

Задавайте вопросы на странице — https://htmlacademy.ru/shorts или в комментариях к видео. На самые интересные мы ответим в следующих выпусках.

— The proposed box-suppress property — https://rachelandrew.co.uk/archives/2016/07/22/the-proposed-box-suppress-property/
— The hidden attribute — https://w3c.github.io/html/editing.html#the-hidden-attribute
— Hiding DOM elements — https://allyjs.io/tutorials/hiding-elements.html
— The Difference Between role="presentation" and aria-hidden="true" — https://csskarma.com/blog/difference-rolepresentation-aria-hiddentrue/