Публикации по теме 'sketch'


Создание дизайн-системы и библиотеки компонентов
Этот пост основан на серии постов: Модернизация интерфейса jQuery с помощью React . Если вы хотите лучше понять мотивацию этого поста, мы рекомендуем вам сначала прочитать наш начальный пост . Когда мы начали перестраивать наш интерфейс на React, мысль о повторно используемых компонентах пользовательского интерфейса еще не входила в наш рабочий процесс проектирования и разработки. Наш интерфейс jQuery был построен в основном из компонентов начальной загрузки Twitter, которые были..

Совет разработчиков React: легко оптимизируйте и конвертируйте SVG в JSX
Вот небольшой совет по использованию SVG в React. Разметка SVG должна быть JSX-совместимой, то есть такие свойства SVG, как fill-opacity , необходимо преобразовать в fillOpacity и т. Д. Обновлять их вручную сложно, поэтому вот простой рабочий процесс: Шаг 1. Используйте SVGOMG для оптимизации SVG Когда вы берете ресурс SVG прямо из Sketch, это ужасно неэффективно. Вы можете вставить разметку или импортировать файл прямо в SVGOMG , бесплатный инструмент, который обычно сокращает..

Визуализация конкуренции и сотрудничества
Недавно мне понравились наброски Зака Либермана , и я начал думать об аналогичных клеточных анимациях, где клетки динамически взаимодействуют с другими соседними клетками. Я пробовал различные конкурентные и совместные динамики для этих взаимодействий. Результаты, оглядываясь назад, напоминают эволюционные симуляции хищника/жертвы ( вроде этих ) — я нахожу визуализацию растущего городского пейзажа довольно убедительной (хотя и далеко не такой эстетически интересной, как наброски Зака)...