Ceron упрощает задачи верстальщиков, позволяя создавать веб-сайты в несколько раз быстрее по сравнению с ручной версткой.

Преимущества

Оцените преимущества Ceron, а также инструменты и виджеты для создания профессиональных гибких веб-сайтов.

Быстро

Используйте всю мощь Ceron, верстайте проекты в разы быстрее чем раньше.

Профессионально

В Ceron объедены все нужные инструменты для опытного верстальщика.

Легко

Набор инструментов позволит Вам легко создавать стили и классы в один миг.

about

Ceron - для опытных верстальщиков.

Ceron - не генерирует код и не сделает за вас всю верстку, но значительно поможет ее ускорить и потратить меньше времени на верстку.

Ceron - это инструмент, такой же как Gulp, Avocode, Emmet, здесь собраны все самые лучшие инструменты и объедены в один общий инструмент.

о программе

Зачем создавался этот софт?

Я сам являюсь верстальщиком, долгое время верстал при помощи инструментов Gulp, Emmet, Avocode и препроцессор sass, но вскоре понял что заказчикам без разницы какие вы используйте инструменты, главное результат!

После чего я начал думать как упростить себе жизнь, сделать верстку легче и быстрее, я искал софты которые могли бы упростить мне задачу, я смотрел Webflow, Pingrow, Adome Muse и другие подобные, но все они не удовлетворяли моим требованиям.

Решено было написать софт, для начала работа со стилями в реальном времени, без браузерных консолей, без редакторов Emmet, первая версия вышла удачной и значительно упростила мне жизнь.

Затем был добавлен модуль пипетка, который копирует стили слоя из фотошопа, больше не пришлось мне постоянно копировать стили с фотошопа, все копировалось одним кликом.

Все больше и больше я внедрял функций, избавился от копирования текстов из фотошопа, избавился от копирования стилей, все изменения в реальном времени.

Это значительно упростило мне жизнь, теперь я могу уложится комфортно на диванчик и не чего писать руками.

css

Ceron не генерирует CSS!

Все названия правил и свойства указываются лично Вами!

Ceron лишь может удобно управлять свойствами класса, такие как padding, margin, font-size и другие.

css

Копирование стилей одним кликом

Выбрать слой - правый клик - копировать стили - перейти в редактор - вставить стили - убрать не нужные свойства такие как width и height. Знакомая ситуация?

Мы упростили этот процесс, нужно лишь выбрать слой и нажать применить, всего несколько действий.

обычно

Копирование CSS вручную

ceron

Копирование CSS одним кликом

css

PixelPerfect

Каждый заказчик хочет видеть результат таким же как в макете, залог качества верстки это точное расположения всех элементов.

обычно

Pixel Perfect

ceron

Pixel Perfect

css

Не то название класса

Бывало такое, что в определенный момент вы осознаете что неправильно назвали классы, названия не подходят к блокам? что делать? не заморачиваться, так и оставить, мало ли где используется этот класс, пусть название будет не правильным но зато все будет работать ;)

В Ceron мы решили эту проблему, название класса можно поменять в любой момент! даже после окончания верстки и не волноваться что все поломается или покосится.

обычно

Название css класса

ceron

Название css класса автоматически извеняется в html

css

Еще

01

SASS переменные

Ceron поддерживает SASS переменные, переменные могут использоваться в цветах, шрифтах, отступах и тд.

02

Выбор класса

При выборе элемента вы можете выбрать рабочий класс, класс с которым вы будите работать.

03

Редактор CSS

В любой момент вы можете сами дописать или изменить свойства класса.

vtc

Визуальный конструктор шаблонов

Это новая методика постройки HTML структуры

vtc

Рисовать легче чем писать

Даже используя Emmit на всю катушку, не получается с первого раза правильно написать структуру, также приходится держать в голове название классов, все это приводит к тому что вы тратите время.

Мы упростили эту задачу, создать структуру еще проще чем когда либо, достаточно провести мышкой как будто вы выделяете область.

обычно

Визуальный HTML редактор

ceron

Визуальный HTML редактор

vtc

Копирование текстов

Открыть фотошоп - выбрать слой - выделить текст - перейти в редактор и вставить. Вроде не чего сложного, но занятие не из самых веселых, парой даже нудное.

В Ceron мы упростили это действие, достаточно лишь выбрать элемент в который будет вставлен текст.

Копирование текстов из PSD макета

vtc

Хочу другой класс

Вы прописали элементам класс .wow .fadeInUp, все замечательно, но заказчик передумал и сказал везде заменить на .fadeInDown, приходится только нервно сжать кулаки и пройтись по всем файлам.

В Ceron это делается всего одним действием.

ceron

Быстрое изменения css класса в шаблонах

vtc

Полный автомат

Сколько бы вы раз не писали классы, все равно каждый раз приходится придумывать имена классам, часто структура кода заставляет задуматься, а как же назвать класс?

Для этого мы придумали автоматизацию, к каждому элементу присваивается класс из категории, категории разбиты на большие контейнеры, средние контейнеры, текста и другие.

обычно

Автоматическое создание css классов

ceron

Автоматическое создание css классов

blueprint

Blueprint - это совокупность Node.js и Gulp

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

blueprint

Настройка проекта

Если проект новый, то настраивать не чего не надо, настройки были приведены ранее. Но бывает так, что проект не новый, для этого нужно настроить по новой gulpfile.js что не так уже легко и быстро.

С помощью blueprint можно настроить любой проект за несколько минут

обычно

Настройка проекта, gulp, sass, node.js

ceron

Настройка проекта, gulp, sass, node.js

css

Blueprint ноды

01

Autoprefixer

Autoprefixer будет использовать данные на основе текущей популярности браузера и поддержки свойств, чтобы применять префиксы.

02

Dir Watch

Отслеживает изменения файлов в папке, каждый раз при изменение будет компилировать Blueprint

03

File Watch

Отслеживает изменения файла, каждый раз при изменение будет компилировать Blueprint

04

Sass To Css

Sass является расширением CSS, добавляя вложенные правила, переменные, mixins, селекторное наследование и многое другое

05

Browser Reload

Обновит браузер при любом изменение файлов и шаблонов.

06

И другие

Узнайте больше о других нодов в нашем сообществе.

Сообщество

Получите поддержку, используя и расширяя Ceron, программное обеспечение для следующего поколения.

Перейти в сообшество