Сучасна диджитал-освіта для дітей — безоплатне заняття в GoITeens ×
Mazda CX 5
×

Інсайти з конференції LvivCSS

Усі статті, обговорення, новини про Front-end — в одному місці. Підписуйтеся на телеграм-канал!

Всім привіт,
нещодавно, я з Front-end командою Master of Code, відвідали конференцію LvivCSS 2019. І ми вирішили поділитися з вами інсайтами з конференції:

1. Мінімалізм. Передусім сайт має бути зручним й інформативним. Не обтяжуйте його габаритними елементами. Контент — це головне що є на вашій сторінці.

2. Знання HTML, CSS та JavaScript завжди в тренді. Використання фреймворків без розуміння бази втрачає цінність. При створенні чогось простого не завжди потрібно відразу тягнути фреймворк. Можливо, достатньо буде HTML, CSS та JavaScript.

3. Bootstrap — велика бібліотека компонентів. Користуйтесь кількома, які вам найбільше підходять. Замість того, щоб тягнути все і застосувати лише 30% компонентів.

4. Варіативні шрифти. Вони дають більше гнучкості в персоналізації тексту і економію в розмірі шрифту. Варіативні шрифти пропонують різні можливості управлінням відображення тексту. Підтримуються всюди, крім ІЕ.

5. BEM та інші методології. Небагато проектів використовують виключно BEM підходи. Важливо знати переваги інших методологій та доповнювати розробку їхніми підходами.

6. Відстежування продуктивності в проекті. Для цього можна використовувати різні метрики:
— Відслідковувати і контролювати розмір бандлу можна завдяки інструментам Size limit, Bundle Analyzer;
— Вимірювати швидкість може SiteSpeed. А Lighthouse в поєднанні з Puppeteer дають повну картину (Accessibility, SEO, Performance);
— Стандартний об’єкт performance в браузері надає інформацію щодо продуктивності для поточної сторінки;
— За допомогою метрик Network Information API та Battery Status API можна ідентифікувати користувача з інших браузерів або режиму інкогніто.

7. Цільова аудиторія. Дослідження ЦА допомагає обрати правильні інструменти. Паралельно заглиблюйтесь в проблеми замовника — це глибше і цінніше, ніж пряме виконання задачі.

8. Flutter. Google продовжує загравати із front-end ком’юніті. Прибічники flutter говорять про те, що він має менше OS-based проблем, ніж конкуренти. Тому якщо все вийде, в майбутньому його можна буде використовувати для всіх смарт-девайсів.

9. SVG. Векторна графіка є стандартом для іконок і замінила собою шрифтові іконки. Підтримується всіма браузерами, зручна для анімування з JS/CSS та використання в дизайн-системах. Можна добре оптимізувати, за допомогою SVGO;

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

11. Складні анімації. Якщо немає інтеракції з користувачем, спробуйте відео — воно не завжди важить більше, ніж код. А новий кодек AV1, який почали використовувати Netflix і YouTube, може оптимізувати його розмір до 30%. Також в Chrome можна використовувати відео з прозорим фоном.

12. Soft skills. Це те, про що говорять всі. Адже в останніх дослідженнях для роботодавців найважливішими є саме людські якості, а вже потім — технічні. У топ-5 від журналу Forbes входять: конфлікт менеджмент, тайм менеджмент, стрес менеджмент, комунікаційні навички і схожість із цінностями компанії.

👍ПодобаєтьсяСподобалось0
До обраногоВ обраному1
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
схожість із цінностями компанії

кто бы сомневался

Хоча б раз провели конференцію CSS-Галичина %)

Підписатись на коментарі