Использование Auto Layout компонентов в Figma | by Irina Bushueva | Jul, 2020

Самым сложным было организовать секцию деталей: она должна поддерживать многострочные параметры. Это означает, что все блоки должны вести себя в соответствии с объемом контента, который имеют блоки выше. Блок может иметь от одной до трех строк параметров, поэтому нам необходимо поддерживать любые конфигурации в этих пределах: От 1 до 3 строк Строки могут иметь 4…

Дизайн-система в Figma. Часть 5: Списки и Auto Layout

Продолжнаем эксперименты при создании собственной дизайн системы в Figma. Для тех, кто со мной впервые, рекомендую сперва прочитать предыдущие части, чтобы понимать, что именно я создаю и для чего это нужно: Часть 1: Типографика, цвета и стили Часть 2: Кнопки Часть 3: Поля ввода и выпадающие списки Часть 4: Поиск и умный поиск Сегодня будем…

Just Do Layout: 26 уроков по InDesign

Отличный курс для тех, кто хочет освоить программу InDesign и принципы верстки: курс охватывает огромный список тем, начиная от интерфейса программы, заканчивая настройкой GREP (а что это — узнаете в курсе).

1 сессия. Стильная работа





2 сессия. Шаблоны/Master Pages



3 сессия. GREP













4 сессия. Теги и xml

Just Do Layout: 26 уроков по InDesign

Отличный курс для тех, кто хочет освоить программу InDesign и принципы верстки: курс охватывает огромный список тем, начиная от интерфейса программы, заканчивая настройкой GREP (а что это — узнаете в курсе).

1 сессия. Стильная работа





2 сессия. Шаблоны/Master Pages



3 сессия. GREP













4 сессия. Теги и xml

Увлекательные примеры CSS Grid Layout и учебные пособия

CSS Grid — один из самых мощных инструментов, доступных для разработчиков. Простой модуль позволяет создавать макеты всего сайта, адаптивные галереи и другие интересные эффекты. Обладая достаточным творческим потенциалом, вы можете делать много интересных вещей, используя сетку CSS. В отличие от флексбоксов, которые могут работать только со строкой или столбцом, CSS-сетки работают в полностью 2D-пространстве, что…

Многоколоночная манипуляция: Every Layout

                           Дата публикации:                        20 июля 2019 г.                                Автор:                      Heydon                        Несмотря на то, что предшествовали как Grid, так и Flexbox, многоколоночная разметка представляет — по крайней мере для меня — еще более радикальный отход от того, как мы обычно думаем и о CSS-макете . Деление только…

Страница Flip Layout | Codrops

2018/11/12 Шаблон с двухсторонней, подобной журналу макетом и плоской анимацией флип-листа. Макет приводится в действие CSS Grid. Сегодня мы хотели бы поделиться плоской записью с журнальным макетом с анимацией «flip». Во время навигации содержимое распространяется, а затем отображаются следующие «страницы». В зависимости от того, насколько далеко друг от друга страницы (при выборе страницы из меню),…

Layout Podcast

   Творчество           Пятница, 27 июля 2018 года На этой неделе мы обсудим тему творчества, что вдохновляет нас и как мы ее совершенствуем. Мы также кратко обсудим наши ранние мысли о Framer X на основе анонса.                При поддержке Invision Studio: самый мощный в мире инструмент для создания экрана, который объединяет дизайн,…