Часто гамбургерное меню в мобильных интерфейсах делают по умолчанию.

Но, если это не Amazon с огромным товарным ассортиментом или Uber с понятной основной функцией, то такое решение способно негативно повлиять на удобство использования.

Всегда ли нужно прятать весь функционал под три горизонтальных полоски?

https://uxdesign.cc/death-by-hamburger-2d1db115352a

Радужная анимация на CSS.

https://codepen.io/thebabydino/pen/mOJvyB

Используя шрифты большого размера нужно обращать внимание на:

— Межстрочное расстояние (интерлиньяж).

— Интервал между символами (кернинг).

— Уместность выбранного шрифта.

https://blog.prototypr.io/3-things-youll-need-to-do-when-using-a-large-font-size-47fe241c8111

Вы знали, что эмодзи семьи 👨‍👩‍👦 на самом деле состоит из трёх: папа 👨 + мама 👩 + ребёнок 👦?

Как же это работает? Попробуем разобраться с юникодом, семьёй эмодзи и JavaScript.

https://www.contentful.com/blog/2016/12/06/unicode-javascript-and-the-emoji-family/

Если вы не знаете, с чего начать практиковаться, то всегда можно подключить фантазию и придумать свои проекты. Это станет очень полезным опытом.
 
Пример таких идей в статье Кевина Кононенко «8 креативных идей для создания первого сайта».
 
https://htmlacademy.ru/blog/151-8-crazy-idea-for-site

Бегущая девочка на 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/