Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
Создание дизайн-системы: чеклист

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

Ссылка: https://prglb.ru/45ex6

#design #checklist
Курс по основам UI-дизайна

Маленький, но важный курс Гэри Саймона на Scrimba, в котором вы разберетесь с базовыми концепциями UI (цвет, контраст, типографика и т. д.) и научитесь правильно их использовать.

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

Пройти курс (бесплатно): https://prglb.ru/vp5o

#video #interface #design
Дизайн кнопок

Все, что вы должны знать о дизайне важнейшего интерактивного элемента: https://prglb.ru/5qati

#design #css #interface
SVG-фавикон для темной и светлой темы

Изменяющийся фавикон с помощью SVG и prefers-color-scheme

Ссылка: https://prglb.ru/510g5

#design #css #svg
Дизайн сайта

Плейлист с разбором и применением интерфейсов веб-страниц: https://prglb.ru/fmqw

#design #interface #video
Основы UI дизайна за 5 минут

Письменная версия бесплатного курса со Scrimba для тех, кто больше любит читать, чем смотреть :)

https://prglb.ru/4q9zu

#design
Адаптивный дизайн высоты

Зачем тестировать дизайн для разной высоты вьюпорта и как это правильно делать: https://prglb.ru/5hxcf

#css #design #interface
Дизайн-токены способны на большее: создаем единый источник информации о компонентах UI

Как дизайн-токены упрощают разработку в Badoo: https://prglb.ru/55quy

#design
🎨 22 тенденции веб-дизайна в 2020 году, о которых нужно знать

Новые технологические тренды заставляют веб-дизайнеров постоянно совершенствоваться. Чтобы оставаться на вершине, нужно знать только возникшие в отрасли и бурно развивающиеся тренды. Рассказываем, какие приемы лучше всего сработают в 2020 году.

https://prglb.ru/1czzv

#design
🎨 Создание дизайн-системы в Figma: практическое руководство

Разберемся с оптимизацией рабочего процесса дизайнера интерфейсов, позволяющей начинать работу над проектами гораздо быстрее. Создание собственной дизайн-системы – процесс долгий и трудоемкий, но со временем затраты окупаются.

https://proglib.io/w/3607b3ea

#tools #design