Публикации по теме 'design-systems'


Дизайн-система для Интернета
В BlaBlaCar команда внешнего интерфейса в настоящее время создает систему дизайна для Интернета, рука об руку с командой UX. Чтобы дать вам немного контекста, мы также работаем над одностраничным приложением, которое в ближайшем будущем заменит наш старый мобильный веб-сайт и настольный компьютер. Мы используем React как для нашего проекта SPA, так и для нашей библиотеки компонентов системы дизайна с именем kirk . Первое, что нам нужно, это красивый, простой в использовании и..
ING с открытым исходным кодом Lion: библиотека эффективных, доступных и гибких веб-компонентов
TL; DR: веб-разработка может быть сложной, независимо от того, создаете ли вы свои собственные компоненты, внедряете системы дизайна, поддерживаете множество различных браузеров, добавляете специальные возможности или добавляете сторонние зависимости. Lion стремится сделать вашу жизнь немного проще, убрав из ваших рук основу, состоящую из полнофункциональных, доступных, высокопроизводительных и независимых от фреймворков компонентов! Просматривайте репо в ing-bank / lion . Как..
Представляем Connected Components - компоненты в дизайне и коде в гармонии
Отстаивать свою дизайн-систему сложно. Глядя на дизайн, узнают ли все в вашей команде основные строительные блоки? Смогут ли разработчики определить, какие компоненты в кодовой базе они представляют? Размещение вашей команды на одной странице в вашей дизайн-системе - это не спринт, это марафон. С прошлого года мы сосредоточились на том, чтобы упростить для продуктовых команд внутреннее общение о своей системе дизайна с помощью таких функций, как компоненты и глобальные руководства по..
Создание дизайн-системы для ReactJS с нуля
Создание дизайн-системы для ReactJS с нуля Системы дизайна на нас. Куда ни глянь, компании выпускают новые модные дизайн-системы с причудливыми названиями вроде Polaris , Lightning или Carbon . И у вас есть системы с открытым исходным кодом, такие как Material UI , которые используются в любом другом проекте из-за их высокого качества и доступности. Но если вы здесь, мне не нужно убеждать вас в преимуществах дизайн-системы. Вы уже знаете о преимуществах единого источника..
Ant-design v4 уже здесь 🚀
Наконец-то здесь! 👏 👍 Прошло 26 месяцев с декабря 2017 года , когда был выпущен Ant Design 3.0. Самое главное изменение для меня особенно это замена классов на функции (100% Хуки 🎉) и благодаря этому количество кода уменьшено, более читабельно и понятно. Представленные основные моменты включают: Визуальные улучшения. Базовые закругленные углы уменьшены с 4 пикселей до 2 пикселей, что повышает эффективность и чистоту изображения. Тени также получили визуальное обновление и..
Создайте библиотеку компонентов с помощью React и Storybook
В Auth0 мы хотим, чтобы наши клиенты успешно использовали наши решения для аутентификации . Команда инфраструктуры успеха клиентов создает ориентированные на клиентов и внутренние инструменты, которые помогают нам достичь этой цели. React - одна из технологий, которая позволила им делать быстрые итерации в разработке пользовательского интерфейса. Эта команда создает множество различных проектов, таких как программное обеспечение, на котором работает наш Центр поддержки Auth0 ,..
Создание мультибрендовых мультиплатформенных иконок с помощью Sketch и скрипта Node.js
Вторая часть: скрипт сборки и генерация ассетов. Это вторая часть сообщения о создании конвейера, который может принимать файл Sketch и экспортировать все значки, включенные в файл, в разных форматах, для разных платформ, с возможностью AB-тестирования каждого значка. Вы можете прочитать первую часть сообщения здесь: https://medium.com/@didoo/generating-multi-brand-multi-platform-icons-with-sketch-and-a-node-js-script-part1 -82f438c7e16c Файлы Sketch со всеми собранными..