By
showyweb
Здравствуйте, уважаемые верстальщики и просто те, кто учится верстке сайтов. Я занимаюсь веб-разработкой с 2008 года. Чуть позже поняв, что существует множество "подводных камней" и приёмов при верстке резиновых макетов, я приступил к поиску ПО, которое помогло бы мне ускорить этот нелегкий процесс. Но тогда я ничего не нашел - были только проекты, которые как мне показалось сильно ограничены в функциональности. Позже, когда у меня появился первый опыт, я загорелся идеей самому создать собственную веб-студию, которая могла бы максимально ускорить процесс верстки, но тогда я был занят другими фриланс–проектами, и слабо представлял, как это можно было сделать. Набравшись опыта за все эти последние годы, в июне 2016 года я завершил все дела со своими клиентами и принялся реализовывать то, за что давно уже хотел взяться. На деле оказалось очень непросто разработать задуманное, но к настоящему времени я уже сделал все самые необходимые первостепенные функции, с помощью которых можно сверстать сложные по структуре резиновые макеты, вот самые интересные из них:
Интеллектуальный помощник - Автоматически трансформирует структуру HTML для обеспечения работы некоторых CSS свойств, а в случае необходимости участия пользователя это подскажет вам, как исправить распространенные ошибки;
HTML подобная древовидная структура в диспетчере элементов. Вы сможете создавать сложную по дизайну и структуре разметку страницы;
Базовая поддержка CSS классов - редактирование стилей сразу у нескольких элементов;
Тонкая настройка стилей, почти все изменения применяются в режиме реального времени;
Инструменты редактирования оптимизированы для планшетов на iOS и Android;
В SHOWYWeb Studio интегрированы бесплатные шрифты Google Fonts, вы можете удобно подбирать шрифты простым наведением или с помощью клавиш;
Проект экспортируется в файлы HTML, CSS и JavaScript. В дальнейшем вы их можете использовать как статическую страницу или вручную преобразовать в шаблоны для CMS систем;
Экспортируемые результаты совместимы почти со всеми популярными браузерами, выпущенными после 2010 года, включая Internet Explorer 9;
Экспортируемый код CSS структурно оптимизируется для экономии трафика;
Загружайте только большие варианты изображений, SHOWYWeb Studio автоматически подготовит оптимальные варианты при экспорте проекта;
Вставка видео с сервисов YouTube и Vimeo, вставка произвольного кода HTML в элементы типа "Текст и мультимедиа";
Локальное сохранение проектов;
Дальше в первую очередь планирую реализовать следующее:
Регистрация аккаунтов в SHOWYWeb Studio;
Интеграция с облачными хранилищами;
Экспорт проекта в изображение формата JPEG;
Кастомные автообновляемые файлы CSS и JavaScript;
Автосохранение;
Локализация для английского языка;
Поддержка псевдоклассов CSS;
Интеграция бесплатных векторных иконок Font Awesome;
Поддержка SVG изображений;
CSS градиенты;
Поддержка значения "inherit" в стилизующих свойствах для возможности унаследования свойств от родительских элементов;
Дополнительные свойства для стилизации шрифта;
Настройка свойств шрифта у родительских элементов для возможности автоматического унаследования;
Классы CSS с выборочными свойствами;
3D и другие 2D трансформации (пока доступно только 2D вращение);
Анимационные переходы CSS;
CSS media queries;
Поддержка HTML5 элементов;
Интеграция дополнительных библиотек шрифтов;
Реализация функций для отмены и повтора действий;
Документация, видео уроки и типовые проекты (Имея базовые знания верстки достаточно просто разобраться методом проб и ошибок в русскоязычном интерфейсе);
Протестировать можно здесь showyweb.ru (Студия находится в Beta тестировании и размещается далеко не на самом мощном VPS, поэтому рекомендую чаще сохранять ваш проект).
Сейчас мне важно понять, есть ли смысл развивать эту идею дальше? или я изобретаю новую модель велосипеда, которая мало кому будет нужна.