Бегущая девочка на CSS.

https://codepen.io/renduh/pen/mRraOd

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

Виталий Фридман сформулировал подробный чек-лист для проверки производительности.

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

https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/

Пример создания шапки сайта под наклоном с помощью CSS.

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

https://kilianvalkhof.com/2017/design/sloped-edges-with-consistent-angle-in-css/

Поучительная история о том, что не все CSS-свойства одинаково полезны для производительности.

https://learntemail.sam.today/blog/1-css-property-that-will-ruin-your-scroll-performance/

Открыта запись на следующий интенсивный онлайн‑курс «Базовый HTML и CSS». Интенсив будет проходить с 10 апреля по 17 мая. До 31 января можно записаться по минимальной цене. Это последний интенсив перед летним перерывом.

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

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

Через месяц вы научитесь:

— Создавать современные веб-интерфейсы;
— Эффективно решать типовые задачи верстальщика;
— Начать карьеру с готовым портфолио.

Интенсив разделён на пять частей: «разметка», «графика», «сетки», «оформление» и «оптимизация». Вас ожидает 900 интерактивных заданий, 18 часов живых вебинаров, 17 интерактивных демонстраций, 11 скринкастов, 6 качественных макетов дизайна и общение с личным наставником, который будет делиться секретами мастерства.

https://goo.gl/EuFDrj

Эстель Вайл про особенности оптимизации изображений для разных браузеров и устройств.

https://calendar.perfplanet.com/2016/image-optimization/

Выпуск №53: релизы Safari, Chrome и Firefox, HTTPS, клиарфикс, CSS-импорты, сервис-воркеры, история JS и Александра Воробьёва про фронтенд Сбертеха — https://soundcloud.com/web-standards/episode-53

Пол Льюис из Google рассматривает вопрос ускорения отрисовки веб-приложений.

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

https://aerotwist.com/blog/when-everything-is-important-nothing-is/

Крупная британская компания Sky UK разработала своё руководство по стилю написания CSS.

Например, они зафиксировали использование SASS, БЭМ и выбор в пользу двух пробелов при форматировании кода.

Всегда интересно посмотреть, как работают другие.

https://github.com/sky-uk/css

Подготовили перевод руководства по асинхронному JavaScript.

Ад обратных вызовов начинается с того, что многие пытаются писать JavaScript, будто его выполнение происходит последовательно сверху вниз, как в других языках программирования. Но проблема в том, что JS работает иначе.

Макс Оден объясняет, как выбраться из ада обратных вызовов, если вы в него попали.

https://callbackhell.ru/

В продолжение темы асинхронного JavaScript.

Стивен Майю объясняет на примере выполнения списка домашних дел, как работают обратные вызовы.

Может быть, у вас есть другие примеры из жизни, которые подойдут для объяснения?

https://htmlacademy.ru/blog/155-understanding-callbacks

Мы тут думали: рано ещё подводить итоги новогодних праздников или нет? Всё-таки приличные люди ёлку ещё не выбросили.

С другой стороны, в разгаре китайский Новый год. Так что, пожалуй, подведём.

Уже третий год мы устраиваем праздничные развлечения из наших курсов. В этом мы поделили участников на Енотов и Магов ради миссии по спасению Кекса от щупалец Витахульта.

Итоги такие:

— Еноты открыли 17 курсов, Маги — 14.

— 103 400 заданий пройдено.

— 6 015 человек приняли участие в битве.

— Кекс и праздники спасены.

— Участники были награждены и получили памятные достижения в профиль.

https://htmlacademy.ru/blog/157-battle-for-the-new-year

Выпуск №54: Chrome, установка веб-приложений, баги в браузерах, очевидный CSS и банальный флексбокс, ад колбэков, ES-модули, офлайн, локальный HTTP2 — https://soundcloud.com/web-standards/episode-54