- Главная»
- Онлайн Сервисы для web-мастеров»
- CSS»
- Онлайн сервис для генерации линейных фонов
Онлайн сервис для генерации линейных фонов
Обычно для создания линейчатого фона страницы генерируется изображение и затем присоединяется в качестве фоновой картинки к элементу средствами CSS.
Patternizer использует другой подход к созданию и использованию линейчатых фонов.
Онлайн редактор позволяет визуально спроектировать дизайн фона с использованием различных линий, задавая их цвет, ширину, прозрачность, угол поворота и смещение.
Затем генерируется код, который содержит переменные для библиотеки JavaScript (patternizer.js) для построения созданного шаблона с помощью элемента HTML5 <canvas>
. Никаких изображений, только маленький код JavaScript и несколько правил.
Метод позволяет получить решение для фона с маленьким размером и возможностью простого манипулирования оформления страницы, изменяя правила построения шаблона в коде JavaScript.
5 последних добавленных сервисов в рубрике"CSS"
-
Бесплатный онлайн-генератор графики для продающих сайтов
С помощью генератора вы за считанные секунды сможете сгенерировать красивые кнопки, заголовки, блоки специальных предложений, а также гарантии, и все это с любым текстом, который вы сами напишите.
-
Продвинутый Онлайн CSS3 Генератор
EnjoyCSS - это мощный генератор CSS3 кода. Данный сервис позволит вам без единой строчки кода создать прикольные стили для пользовательского интерфейса.
-
Онлайн сервис для проверки кода - jsFiddle
Онлайн сервис для проверки и демонстрации идей в программировании веб ресурсов. Можно подключать различные популярные библиотеки и делиться кодом с коллегами и мировым сообществом.
-
Онлайн-сервис для рефакторинга CSS кода
Проект для рефакторинга и генерации нового кода для работающего сайта. Основное назначение - устранение повторений, противоречий и создание основы для дальнейшего развития проекта.
-
Набор онлайн генераторов для подготовки элементов интерфейса - UIParade
Отличный набор из онлайн генераторов, которые облегчат труд веб мастера. В наборе имеется 4 инструмента - для кнопок, для форм, для иконок и для лент. Настраиваем внешний вид в визуальном редакторе и копируем код в свой проект.