Текущий раздел » » » Design Systems for Developers : Learn how to code design systems that scale
Лучшие книги по лучшим ценам здесь!

Design Systems for Developers : Learn how to code design systems that scale

  • Заявить о правах (Abuse)
Автор: Limpopo5 от 2021-11-01, 04:20:33
Design Systems for Developers : Learn how to code design systems that scaleНазвание: Design Systems for Developers : Learn how to code design systems that scale
Автор: Michael Mangialardi
Издательство: Leanpub
Год: 2021-04-09
Язык: английский
Формат: pdf (true), mobi, epub
Размер: 10.2 MB

Lots of design token-related tips and tricks to learn in this book — from design tools to production, with an emphasis on the fact tools and automation are only useful if good communication is happening between designers and developers in the first place.

Confidently Develop a Company-Wide Design System At Scale. Developing a design system demands more than a UI component library and Storybook.

As a developer working on a design system, you're responsible for extracting design specifications from design files and translating them into code. If that code cannot scale across all the applications that are consuming the design system, or that will consume the design system in the future, the company suffers.

You can easily get stuck building very narrow tools, like a React component library without a firm foundation. Because a React component library is great, but it can be costly if you do it too soon. At any company, applications can vary by platform (i.e. web) and technology (i.e. React). If all you have is a React component library, as soon as you introduce an application with a different technology (i.e. Vue), then you have to find a way to share the design specifications between the React component library and the Vue component library. So, you might create a CSS-in-JS library that can encapsulate the design specifications and be consumed by the React and Vue component libraries respectively.

But, what happens when a request arises for an encapsulation of the design specifications in a way that would work for a plain HTML site? Well, you could move the encapsulation of the design specifications from a CSS-in-JS library to a plain CSS file. However, that limits the React and Vue developers from using their preferred technologies, and that breaks down when a non-web application is introduced (i.e. an Android mobile app). Usually what happens is that the React and Vue developers would carry along with a CSS-in-JS library and the plain HTML developers carry along with a plain CSS file. The issue is that you have your design specifications represented in code in multiple places. You can no longer know which one is the "source of truth." You generate an increased risk that the various applications in a company are out of sync with the official design system and with each other.

At the end of the day, you need to represent your design specifications in code in a single place. From that single "source of truth," you can then generate the platform deliverables (i.e. CSS variables, JS modules, etc.) What you don't want to do is to create platform deliverables without a single source of truth, without a mechanism to keep all the consumers of those deliverables in sync with the design system and one another.

It turns out that many companies have been looking into these problems including Shopify, Adobe, Discovery Education, Morningstar, Orbit, Salesforce, Bloomberg, and more.

The solution is creating design tokens and managing a style dictionary.

Design Systems for Developers is a deep dive into the need for design tokens, an explanation of them, and practical solutions for using them to launch design system tools into production.
Moreover, I emphasize the fact that tools and automation are only useful if good communication is happening between designers and developers in the first place.

In this book, you'll not only learn the technical skills that go into building design system tools for production, but also the soft skills required for collaboration between designers and developers.
Whether you're a designer or a developer, this book is for you.

I trust that after reading this book, developers will be able to work on a design system for any company, regardless of the number of applications and the platform and technologies that those applications are geared for. I also trust that designers will have a better understanding of their role in collaborating with developers to create a robust design system.

In this book, we'll outline the problems associated with creating tools, like a React UI component library, to encapsulate the styles of a design system, such as the inflexibility of scaling when new applications arise targeting a different platform and tech stack. From there, we go over how these problems may be solved by creating design tokens, representations of design specifications in code, and style dictionaries, a central management system for storing design tokens and transforming them into platform deliverables. We'll write some code, discuss different approaches, and cover the very practical details, like how to schedule meetings to collaborate with designers.

Скачать Design Systems for Developers : Learn how to code design systems that scale





Ad Litteram. Купить и скачать книги в fb2 на любом устройстве, читать онлайн
Выгодные предложения от нашего партнёра ИГ "ЭКСМО-АРТ":

Акция С заботой о здоровье и безопасности

Самые ожидаемые книги июля 2022 года

Больше книг - больше выгода! Скидки до 30%





My-shop.ru: самый большой выбор детских игрушек в Рунете My-shop.ru - книжный Интернет-магазин My-shop.ru - Интернет-магазин для учителей My-shop.ru - Интернет-магазин учебной литературы
Интернет-магазин детских игрушек Книжный интернет-магазин Интернет-магазин для учителей Интернет-магазин учебной литературы
       

My-shop.ru - Ваш Интернет-магазин My-shop.ru - детский Интернет-магазин My-shop.ru - Интернет-магазин товаров для рукоделия My-shop.ru - Интернет-магазин товаров для образования
Интернет-магазин с более 700000 товаров Интернет-магазин товаров для детей Интернет-магазин товаров для рукоделия Интернет-магазин товаров для образования
       


 


BooksKeeper - электронная библиотека, ежедневно пополняемая нашими авторами.
Все материалы, представленные на нашем сайте, Вы сможете скачать по ссылкам различных бесплатных файлообменников совершенно бесплатно!
Инструкции, поясняющие, как надо качать бесплатно с файлообменников смотреть тут
Регистрация на нашем сайте позволит Вам добавлять свои книги, а также комментировать опубликованные книги, общаться с нашими авторами.
Для этого мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Теги: компьютерная литература, веб-разработка, программирование, JavaScript, React, Vue.js, CSS, JSON


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Размещение Вашего баннера на книжном сайте BEGET - первые 30 дней хостинга БЕСПЛАТНО! HostLife - лучший платный хостинг
Баннер или тизер? Выбирай! BEGET - первые 30 дней хостинга БЕСПЛАТНО! HostLife - лучший платный хостинг!
Размещение Вашего баннера на нашем сайте - это дешевая реклама Ваших сайтов или партнерских программ! Стабильный, профессиональный и ОЧЕНЬ выгодный хостинг на сегодняший день! Бонусы, акции - все для Вас! Отличный хостинг по цене от 1.87$/месяц! Рекомендация от сайта Bookskeeper.ru!


Бесплатная электронная библиотека. Скачать книги бесплатно!
Текущий раздел » » » Design Systems for Developers : Learn how to code design systems that scale

Наша электронная библиотека Bookskeeper.ru - это интернет-витрина, где любой посетитель может публиковать электронные варианты книг, журналов, газет, комиксов, в общем, любой литературы со ссылками для медленного, но бесплатного скачивания с файлообменников.

В нашем книжном хранилище Вы всегда найдете литературу на любой вкус человека любого возраста - от детских комиксов и расскрасок до серьезной научной литературы.
 
 

Реклама


Садовые печи-барбекю от компании Династия


Labirint.ru - ваш проводник по лабиринту книг



Book24.ru - книжный интернет магазин



BEGET - первые 30 дней хостинга БЕСПЛАТНО!



Turbobit - Получите турбо-доступ и скачивайте безлимитно и без рекламы!



HostLife - лучший платный хостинг



Kwork.ru - услуги фрилансеров от 500 руб.


Интернет-магазин ШОПС. Нужные товары для Вашего дома, сада, автомобиля
 
 

Топ публикаций

 
  • На границе империй. Цикл из 5 книг
  • Герой планеты Земля. Невольник. Том 1
  • Широкополосные хаотические сигналы в радиотехнических и информационных системах
  • Криминология (2003)
  • Оракул №8 2022
  • Седых Александр - Сборник "Хранитель" (4 книги)
  • Geo Epoche №116 2022
  • Вихрь Жнеца. Том 1 (Аудиокнига)
  • Предупреждение + (Библиотечка «ЗОЖ») № 10 2021
  • ОК! №28-32 2022
  • The Welsh Braveheart: Owain Glydwr, The Last Prince of Wales
  • Сделай Сам №4 1989
  • Возрождение Феникса. Том 1
  • Александр Кронос - Энфис. Цикл из 2 книг
  • Собиратель (В. Поселягин). Цикл из 4 книг
  • Пожиратель душ. Цикл из 8 книг
  • Изменённые (Лукьяненко). Цикл из 4 книг
  • Последний реанорец. Цикл из 4 книг
  • Тарс Э. - Сборник "Аномальный наследник" (8 книг)
  • Москаленко Юрий - Сборник "Сила магии" (11 книг)
  • Ученик 5. Барон
  • Одиночка (Е. Трофимов). Цикл из 4 книг
  • Земля зомби. Цикл из 5 книг
  • Первухин Андрей - Сборник "Ученик" (5 книг)
  • Системный приход: Орки под Москвой
  • Глебов Макс - Сборник "Блюстители хаоса" (3 книги)
  • Бретёр на вес золота. Цикл из 2 книг
  • Ванька-взводный
  • Стяжатель (Найденыш). Цикл из 10 книг
  • Энфис. Бояр-RPG. Цикл из 2 книг
  •