Скоро! [WP] Automatic.css — фреймворк для WordPress Page Builders (Bricks, Oxygen) для быстрого создания адаптивных сайтов [digitalambition] [LTD] [Повтор]

[EGround]

[WP] Automatic.css — фреймворк для WordPress Page Builders (Bricks, Oxygen) для быстрого создания адаптивных сайтов [digitalambition] [LTD] [Повтор]​

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

Установите (или поменяйте местами) фирменные цвета вашего сайта за считанные секунды.
Определите цвета своего бренда и испытайте волшебство автоматического создания оттенков и прозрачности. Легко ссылайтесь на цвета, оттенки и прозрачность, используя удобные служебные классы и простые переменные. Нужно внести небольшие корректировки в разные оттенки? Вы тоже можете это сделать. Это управление цветом без ограничений.

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

Получите красивый интервальный ритм на каждом сайте без каких-либо усилий.
Последовательное расстояние в веб-дизайне создает визуальный ритм. Вот почему параметры интервала в файле Automatic.css основаны на математических масштабах. Наслаждайтесь гармоничным дизайном, сохраняя при этом гибкость благодаря простым параметрам расстояния, которые можно легко регулировать. Это легкий визуальный баланс!

Создайте любой макет за считанные секунды с помощью адаптивных сеток и столбцов.
Раскройте возможности гибких макетов с помощью Automatic.css. Эта уникальная платформа предлагает служебные классы и переменные, от базового до продвинутого, как для флексбоксов, так и для макетов сетки. Наши автоматические сетки уменьшают головную боль при выборе точек останова, а наша инновационная функция «Flex-Grid» решает распространенные проблемы с неравномерными дочерними элементами сетки. ACSS упрощает разработку и помогает с легкостью создавать потрясающие макеты.

Создавайте легко поддерживаемые компоненты с помощью простых токенов стиля.
Наличие единого источника истины для глобального оформления элементов имеет решающее значение для удобства обслуживания веб-дизайна. В этом отношении Auto.css превосходен. Просто создайте стиль элементов, используя собственный класс и переменные ACSS, чтобы обеспечить согласованность, эффективность и удобство обслуживания всего вашего веб-сайта. И да, он прекрасно работает с такими методами организации классов, как БЭМ.

Решайте типичные проблемы разработки с помощью нескольких щелчков мыши.
Автоматический.css создан для внештатной и агентской работы. В рамках этого видения мы стремимся решать общие проблемы и головные боли, с которыми настоящие веб-дизайнеры сталкиваются ежедневно. Это привело нас к разработке функций «качества жизни», которые не предлагает ни одна другая платформа на планете. Как только вы их воспользуетесь, вы больше никогда не захотите создавать без них еще один веб-сайт (приносим извинения).

Создавайте без догадок благодаря чит-панелям и предварительному просмотру в реальном времени.
Беспокоитесь о том, чтобы изучить всю структуру? Вам не обязательно быть таким! Автоматический.css имеет удобные контекстные меню, вызываемые правой кнопкой мыши, которые позволяют легко просматривать классы и переменные, доступные для данного стиля, и добавлять их непосредственно в конструктор страниц одним щелчком мыши. Более того, вы можете просмотреть в реальном времени, что именно делает класс или переменная, прежде чем добавлять их. Использование ACSS не требует реального запоминания или догадок.

Единственный фреймворк с хорошо написанным, доступным и объективным набором средств проектирования.
Frames — это инструмент для создания каркасов в реальном времени, готовая к дизайну система разработки и доступная библиотека компонентов, которая позволяет вам создавать красивые пользовательские веб-сайты вдвое быстрее, без ограничений для вашего творчества.

Вот что можно легко и быстро контролировать с помощью Automatic.css

• BACKGROUND COLORS
• BACKGROUND OVERLAYS
• TEXT COLORS
• BUTTON COLORS
• OUTLINE BUTTONS
• LINK COLORS
• HOVERS
• HEADINGS
• TEXT SIZES
• TEXT SCALE
• TEXT COLORS
• MARGIN
• PADDING
• SECTION PADDING
• SPACING SCALE
• BUTTON COLORS
• BUTTON SIZES
• FLEX LAYOUT
• FLEX ITEM POSITION
• FLEX ITEM ORDER
• GRID STRUCTURE
• GRID BREAKPOINT STRUCTURE
• GRID GAP
• GRID ITEM POSITION
• GRID ITEM ORDER
• GRID ITEM SPAN
• BORDER RADIUS
• RADIUS SCALE
• MAX-WIDTH
• MIN-HEIGHT
• BOX SHADOWS
• BREAKOUTS
• IMAGE OBJECT FIT
• IMAGE FLIP
• STICKY ELEMENTS
• OPACITY
• AND MORE…

Спойлер: Оригинал Automatic Typography
Anything on your Automatic.css powered website that contains text, whether it's a heading, paragraph, list, form field, or anything else, follows a perfect mathematical scale in hierarchy through 12 different size options, all of which are automatically & perfectly mobile responsive. Best of all, the entire system is under your command from the Automatic.css dashboard.

Automatic Colors
Set your brand colors and Automatic.css automatically generates six shade variants of each color. Classes give you the ability to color any element (including backgrounds and overlays) with these variants and you can even use them with custom classes and IDs via Automatic.css color utility variables.

Automatic Spacing
As is true with typography in Automatic.css, margins, padding, and gaps all follow a perfect mathematical scale giving you access to six hierarchal spacing values and six hierarchal section spacing values, all of which are automatically responsive. Additionally, spacing utility variables ensure that even completely custom elements have consistent spacing.

Automatically Responsive
Automatic.css uses advanced CSS Clamp and Calc techniques to ensure that all typography, margin, padding, and gaps are perfectly responsive according to the maximum and minimum viewport dimensions of your website. You never have to fiddle with breakpoints, even when you customize the system to fit a specific design and layout.

Automatic Grid
Automatic.css is the first utility framework to offer automatically responsive grids. Set the number of desired columns on desktop and Automatic.css handles the rest. For developers who prefer complete control over their grid at each breakpoint, Automatic.css offers full control via traditional grid utility classes.

Insane Customizability
Think a fully automatic framework locks you in to using the same values on every site? Think again! Automatic.css gives you amazing granular control over typography, spacing, and colors so you can quickly recreate designs from Figma, Sketch, and XD without issue. It's perfect for agencies and teams.

Automatic Fallbacks
Not all browsers support Clamp and Calc functions, which are the heart of Automatic.css' responsive nature. No need to worry, though, because Automatic.css has near-perfect fallbacks using Calc for browsers that don't support Clamp, and "pure" fallbacks using rem or px for browsers that don't support Calc. And yes, you have full control over the pure fallback values.
Цена: Agency license $399

Повтор складчины

Материал «[WP] Automatic.css — фреймворк для WordPress Page Builders (Bricks, Oxygen) для быстрого создания адаптивных сайтов [digitalambition] [LTD] [Повтор]», возможно, скоро появится на EGROUND.
Воспользуйтесь поиском, может быть, он уже опубликован.