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

Оцените преимущества 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. Знакомая ситуация?

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

обычно

ceron

css

PixelPerfect

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

обычно

ceron

css

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

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

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

обычно

ceron

css

Еще

01

SASS переменные

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

02

Выбор класса

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

03

Редактор CSS

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

vtc

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

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

vtc

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

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

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

обычно

ceron

vtc

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

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

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

vtc

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

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

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

ceron

vtc

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

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

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

обычно

ceron

blueprint

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

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

blueprint

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

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

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

обычно

ceron

css

Blueprint ноды

01

Autoprefixer

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

02

Dir Watch

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

03

File Watch

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

04

Sass To Css

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

05

Browser Reload

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

06

И другие

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

Смотрите видео на нашем канале youtube

смотреть видео
смотреть видео
смотреть видео
смотреть видео
смотреть видео
смотреть видео
смотреть видео

youtube

смотеть другие видео

Скачать приложение Ceron

Наслаждайтесь полным опытом Ceron на рабочем столе. Просто выберите ОС:

Ceron 2.6 уже здесь! Тестируйте, пробуйте и делитесь с друзьями

Скачать примеры

Мы подготовили пару примеров верстки в приложении Ceron

Welcome to mogo

Пример верстки одной страницы.

Загрузить
Login Form

Пример верстки формы для авторизации.

Загрузить
Стартовый проект

Готовый проект для быстрого старта.

Загрузить

КОНТАКТНАЯ ПОДДЕРЖКА

Есть предложение? Хочешь сказать привет? Мы были бы рады получить известия от вас!

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

  • Сколько времени требуется, что-бы изучить Ceron?

    Если вы новичок в верстке, наши видео уроки помогут вам быстро усвоится. Если вы уже знаете концепции CSS, вы будете чувствовать себя как дома в Ceron.

  • Могу ли я восстановить просроченную учетную запись?

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

  • У меня другой вопрос…

    Получить помощь вы можете в нашем сообществе или телеграм, другие вопросы можете задать нам

Сообщество

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

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