Веб-дизайнер Pinegrow в Chrome с ОфиДокс

ОПИСАНИЕ

Pinegrow Web Designer позволяет легко создавать и проектировать веб-страницы.

Он доступен как веб-приложение и как отдельное настольное приложение.

Pinegrow работает вместе с вашими существующими инструментами и экономит массу времени за счет создания адаптивных макетов.

РЕДАКТИРОВАНИЕ НЕСКОЛЬКИХ СТРАНИЦ ОДНОВРЕМЕННО Многостраничное редактирование позволяет открывать несколько страниц (или несколько просмотров одной и той же страницы) при разных размерах экрана.

Все изменения, которые вы делаете в HTML или Css, обновляются в режиме реального времени на всех открытых страницах.

СТИЛЬ СТРАНИЦЫ С CSS + МЕНЬШЕ Настройте дизайн страницы с помощью правил Css.

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

Измените значения через пользовательский интерфейс или напишите код.

STYLESHEET MANAGER Поэкспериментируйте с вариантами Css и Less.

Присоединяйте, отсоединяйте, дублируйте и изменяйте порядок таблиц стилей.

Отлично работает вместе с многостраничным редактированием.

ПОДДЕРЖКА BOOTSTRAP 3 Полная поддержка разделов CSS и компонентов спецификации Bootstrap.

Перетаскивайте элементы, управляйте ими с помощью свойств пользовательского интерфейса, контекстных меню и сортируемого дерева DOM.

ТАКЖЕ РАБОТАЕТ С ФАЙЛАМИ НЕ-BOOTSTRAP Многостраничное редактирование, перетаскивание элементов, редактирование кода и стили Less & Css работают на любой HTML-странице, даже на странице без Bootstrap, открытой из Интернета.

РЕДАКТИРОВАТЬ КОД Pinegrow не заставляет вас редактировать страницы через графический интерфейс.

Редактируйте полный код Html и Less/css или легко редактируйте код отдельных элементов HTML и правил Css.

Все с предварительным просмотром в реальном времени.

Или используйте свой любимый редактор кода.

ИНТЕЛЛЕКТУАЛЬНАЯ ПРЕОБРАЗОВАНИЕ HTML Необходимо изменить макет формы со встроенного на горизонтальный? Заставить Jumbotron охватывать всю ширину? Просто измените свойство, и Pinegrow соответствующим образом изменит html-код.

ОТКРЫТЬ ЛЮБОЙ HTML-ФАЙЛ Настольное приложение Pinegrow работает с любым HTML-файлом; не ограничивая вас только проектами, созданными с помощью Pinegrow.

Он вписывается в ваш рабочий процесс именно там, где вы этого хотите, и прекрасно сочетается с другими вашими инструментами и системой управления версиями.

ОТМЕНИТЬ И ПОВТОРИТЬ Произошло что-то непреднамеренное? Отмена — ваш лучший друг.

20 уровней полных снимков HTML и стилей на странице.

ИСПОЛЬЗУЙТЕ PINEGROW ДЛЯ: - Макета страницы Используйте библиотеку элементов, чтобы быстро собрать макет страницы.

Дублируйте страницу и поэкспериментируйте с различными вариантами макета.

- Стиль страницы Превратите макет в готовую веб-страницу, стилизуя элементы с помощью правил Css.

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

- Проверьте разные размеры экрана. Откройте страницу из локального файла или удаленного URL-адреса, продублируйте ее и установите разные размеры устройств.

Отредактируйте макет и Css и посмотрите, как он обрабатывает устройства разных размеров.

- Поэкспериментируйте с версиями Css. Возьмите страницу, откройте менеджер таблиц стилей и продублируйте ее таблицу стилей.

Прикрепите/отсоедините его от исходной страницы или ее дубликатов.

Играйте со стилями и переменными Less.

- Редактировать содержимое страницы Используйте Pinegrow в качестве CMS для ваших статических HTML-страниц.

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

- Играйте с веб-сайтами Открывайте страницы из Интернета, меняйте их макеты, настраивайте стили и извлекайте полезные компоненты (если это разрешено автором).

- Создать форму Нужна форма Bootstrap или панель навигации? Создайте его в Pinegrow, измените его макет одним щелчком мыши.

Выберите форму, нажмите Действия/Редактировать код и скопируйте html.

- Создайте веб-сайт И, конечно же, вы можете использовать Pinegrow для создания полноценного веб-сайта.

- Используйте Pinegrow, когда это имеет смысл. Используйте Pinegrow вместе с вашими существующими инструментами.

Например, внесите изменения в макет в Pinegrow и отредактируйте разделы скриптов на странице в редакторе кода.

Дополнительная информация:

- Предложено сайтом pinegrow.com
- Средняя оценка: 3.89 звезды (понравилось)

Веб-дизайнер Pinegrow Web extension интегрирован с OffiDocs Chromium онлайн