"Мы не разрабатываем страницы, мы разрабатываем системы компонентов" Стивен Хэй (дизайнер) ("We are not designing pages, we are designing systems of components" Stephen Hay) Стайлгайд (от англ. styleguide) - это паспорт корпоративных стандартов. Руководство по использованию фирменного стиля, регламентирующее корпоративные цвета, шрифты, формы и блоки, размеры и расположение элементов. Это подробное описание дизайнерских решений для каждого элемента в отдельности и в случае необходимости вместе с другими компонентами. Введение Существует огромное количество разнообразных стайлгайдов: начиная от дизайнерских и заканчивая стайлгайдами по написанию кода на различных языках программирования. У них разные названия, хотя несут в себе один и тот же посыл: создание общих корпоративных правил. Одними из самых первых появились так называемые бренд-буки. Брендбук (англ. brand book) — официальный документ компании, в котором описывается концепция бренда, атрибуты бренда...
"Если долго сидеть на берегу реки, можно увидеть, как проплывает труп фреймворка, который вы давно хотели изучить." Китайская народная мудрость Краткое содержание статьи: 1. Источники информации 2. React модули 3. React Native модули 4. JavaScript библиотеки 5. "Баги" 6. Выводы React Native - самая, пожалуй, интересная и быстроразвивающаяся платформа. Сегодня ты создаешь новый проект на базе её последней версии, и уже через несколько месяцев она успевает устареть на несколько релизов. И если ещё год назад React Native был еще достаточно сырым продуктом, то уже сейчас к нем написано множество как плагинов для работы с нативными компонентами, так и обычных react-компонент. Итак, с чего начать? Могу порекомендовать книгу "Learning React Native: Building Native Mobile Apps with JavaScript" Bonnie Eisenman. Несмотря на то, что примеры из книги написаны с использованием устаревшего синтаксиса, её прекрасно можно использовать как пособи...
Что такое z-index Это css-свойство элемента, которое определяет его положение относительно других элементов по оси Z. Оно применяется только для элементов с позиционированием absolute, fixed, sticky или relative (соответствиенно при отсутствии указанного свойства position, добавление z-index'а никак не будет влиять на положение элемента). Есть обычный порядок наложения элементов - это когда последующий перекрывает предыдущий с учетом родительской вложености. Но с помощью z-index'ов мы можем его изменять. Это настолько просто, что многие разработчики пользуются этим, не задумываясь о том, как важно структурировать z-index'ы, чтобы они не испортили проект в будущем. Пример Рассмотрим какой-нибудь стандартный проект на jQuery. Шучу-шучу, пусть будет проект на React'е. Но в целом это не принципиально. Допустим, у нас есть модальное окно, галерея и флэш-сообщения. Начнем с модального окна. Выберем пару библиотек для модалок, наугад, первые из поиска, предполагая,...
Комментарии