Онлайн-образование становится все более распространенным явлением — в Интернете можно найти возможность пройти онлайн-курс по практически любой специальности. Ранее мы писали о том, как создать онлайн-курсы, которые будут пользоваться популярностью, с помощью плагина WordPress CoursePress. Сейчас нам бы хотелось продолжить тему онлайн-образования, опубликовав перевод статьи Marya Jan о том, как создать свой первый электронный курс и сделать его продаваемым. Пусть мы не всегда согласны с ее подходом, однако, он показался нам достаточно интересным и полезным.

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

Надеемся, наша публикация покажется вам интересной!

Мега интересная лекция от знаменитости в области веб-разработки, основателя и шеф-редактора журнала Smashing Magazine. Мероприятие произошло благодаря Mail.ru. Ключевые темы: UI/UX, проектирование, отзывчивый дизайн, производительность, трюки с SVG. Все это на примере реальных кейсов от The Guardian, BBC и конечно же Smashing Magazine.

От себя хочется добавить, что Smashing Magazine я читаю ежедневно и многое беру от туда для моих подборок. А тут все эти «трендовые постулаты» Perfomance Budget, Mobile First, Atomic Design, Critical Path и др. из первых уст! Еще Фридмана просто интересно слушать. Очень харизматичный спикер с постоянной дружелюбной улыбкой на лице. Рекомендую всем к просмотру.

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

Вторая стадия: picture и режиссура

srcset для ленивых, picture для безумных
Мэт Маркес

Итак, для изображений, которые просто нужно масштабировать, мы приводим список наших исходников и их ширину в пикселях в srcset, позволяем браузеру выбирать, какая ширина изображения будет отображаться с помощью sizes, и отпускаем наше безумное желание все контролировать. Но! Иногда нам захочется адаптировать наши изображения, выходя за рамки масштабирования. В таком случае, нам нужно вернуть небольшую часть контроля над подбором исходников. Вводим picture.