Новый псевдокласс :focus-within, позволяет стилизовать потомков, когда их родитель становится в фокусе.

Разбираем, как это работает.

https://www.iandevlin.com/blog/2017/04/css/the-focus-within-pseudo-class

В команде новый енот. Привет, Кирилл, расскажи о себе.

https://htmlacademy.ru/blog/211

Выпуск №80: Firefox 55, Samsung есть, Safari виднее, алгоритмы и паттерны, прозрачный JPG, Телеграм, приоритеты загрузки, фокусы, модули в Node.js — https://soundcloud.com/web-standards/episode-80

Что ждёт веб-сайты, до сих пор не подключающие HTTPS?

https://www.troyhunt.com/life-is-about-to-get-harder-for-websites-without-https/

Морские животные на CSS https://codepen.io/ChhaviKhandelwal/pen/pwdeRO/

Завтра, 16 августа в 19:00, преподаватель интенсива «Базовый PHP» Кирилл Сенкевич проведёт онлайн-трансляцию, где ответит на ваши вопросы и расскажет:

— Кому подходит интенсив «Базовый PHP».

— Нужна ли подготовка заранее.

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

— Чему участники научатся по итогам курса.

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

Трансляция будет проходить на нашем Ютуб-канале — https://youtu.be/wB3eTS47hnQ

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

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

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

— июль https://htmlacademy.ru/blog/215
— июнь https://htmlacademy.ru/blog/199
— май https://htmlacademy.ru/blog/197

Сегодня в 19:00 трансляция с преподавателем интенсива «Базовый PHP» Кириллом Сенкевичем.

Он расскажет подробно про курс и ответит на ваши вопросы.

Трансляция будет проходить на нашем Ютуб-канале — https://youtu.be/wB3eTS47hnQ

Светлячок-чекбокс на CSS.

https://codepen.io/dariocorsi/pen/eRpdjB

Открыта запись на следующий поток интенсива «Базовый HTML и CSS» с 30 октября по 6 декабря. Стоимость минимальная до 21 августа.

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

https://goo.gl/jynHzv

Интенсив «Базовый HTML и CSS» — это пять недель работы над проектом. Лекции ведут четыре опытных преподавателя, а с работой над проектом помогает личный наставник — практикующий разработчик.

Курс рассчитан на новичков и начинающих верстальщиков. Подойдёт он и для систематизации уже существующих знаний.

«Базовый HTML и CSS» — это более 20 часов онлайн-вебинаров, с возможностью задать вопрос лектору, 23 интерактивных демонстраций, на которых пошагово разбираются решения типовых задач, 12 скринкастов, объясняющих нюансы вёрстки, 6 дизайн-макетов разной степени сложности и еженедельные консультации с наставником, который поделится секретами мастерства.

Через месяц вы сможете:

— Решать типовые задачи верстальщика;
— Использовать необходимые инструменты для работы;
— Начать карьеру с портфолио.

https://goo.gl/jynHzv

Трансляция с преподавателем интенсива «Базовый PHP» стартует через 10 минут, подключайтесь — https://youtu.be/wB3eTS47hnQ

Резиновая вёрстка, адаптивная или отзывчивая?

Сегодня узнаем в чём разница между подходами и как верстать в 2017.

https://www.youtube.com/watch?v=srUZ9E4qQlQ&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

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

— An Adaptive Layout Technique — https://alistapart.com/article/switchymclayout
— Adaptive Web Design — https://adaptivewebdesign.info/
— Сначала мобильные! — https://www.mann-ivanov-ferber.ru/books/book-apart/mo..
— Отзывчивый веб-дизайн — https://www.mann-ivanov-ferber.ru/books/book-apart/ot..
— This Is Responsive — http://bradfrost.github.io/this-is-responsive/

Функциональная анимация может не просто оживить интерфейс, а сделать его удобнее.

Четыре способа применить её на проекте.

https://www.webdesignerdepot.com/2017/05/4-ways-use-functional-animation-in-ui-design/