Ось чому ви навчитеся. Основна увага приділяється технікам, які суттєво підвищать рівень вашого інтерфейсу користувача.

Розміщення елементів

Повний контроль над макетом завдяки опануванню розширених методів позиціонування. Ви дізнаєтеся, як розміщувати елементи саме там, де потрібно, створювати багатошарові дизайни та точно працювати зі складними макетами.

Переходи та анімації

Ви дізнаєтеся, як зробити інтерфейс плавним, сучасним і динамічним:

• Додавати чисті, акуратні переходи під час зміни стану елементів;
• Створювати CSS-анімації, які додають руху та індивідуальності інтерфейсу;
• Використовувати таймінгові функції та згладжування для контролю ритму та перебігу анімацій;
• Застосовувати найкращі практики анімації для продуктивності та зручності користувача.

Трансформації

Трансформація елементів для створення динамічного, інтерактивного дизайну:

• Масштабування та обертання для виразних UI-ефектів;
• Нахил і переміщення для додавання глибини та руху;
• Комбінування кількох трансформацій для складних, захопливих візуальних рішень.

Адаптивний/Респонсивний дизайн

Короткі, практичні принципи для забезпечення привабливого вигляду макетів на будь-якому екрані. Робота з медіа-запитами та одиницями viewport для плавної адаптації дизайну.

Препроцесор SASS

Короткий вступ до написання чистішого CSS із використанням змінних, вкладеності та основ SASS.