Divine
Divine — это plug-in для Adobe Photoshop разработанный для тех, кто имеет представление о Photoshop и создании сайтов, но не желает тратить свое драгоценное время на кодирование сайта. Divine позволяет из PSD макета сверстать оптимизированный, кроссбраузерный HTML+CSS+PHP код, и отгрузить его в Интернет в виде готовой темы для Wordpress'a. И на данный момент это все совершенно бесплатно.
Но, часть землян это уже знает, поэтому сделаем гипер-прыжок к более интересным сущностям.
Проблема
Если хронологически, то человечество вот-вот отпразднует 2010 год, в фильмах это эпоха нано-технологий, могучих корпораций и персональных блогов. У кого-то даже есть свои роботы! Но со времен сайтов-динозавров процесс кодирования в HTML упрямо не претерпевает революционных изменений.
Вот уравнение, которое нужно упростить:
В этой последовательности больше всего вопросов к пунктам 2-5, а точнее к инструментарию:
К сожалению, на эти вопросы инструментарий, упорно отмалчиваясь, не давал однозначного ответа.
Инструментарий
И что же делать? Пожаловаться на отсутствие инструментов, вас «отминусуют» по полной. ДА, существует множество качественных инструментов, но на поставленный вопрос:
Каким одним инструментом вы пользуетесь для кодирования дизайна под CMS?
Мы получили ответ: Вручную 76% (опрос есть на нашем сайте)
Вдумайтесь в эти цифры! Думаю профессионалам это вдвойне досадно, т.к. в параллельной галактике они бы предпочли резвиться на океанских волнах, а роботы / девушки приносили бы им ароматный кофе на левитирующем блюдечке.
НО! Нынче у дизайнеров / верстальщиков / программистов все еще (как оказалось) царит эпоха ручного труда и споров, набивших оскомину. Увидев картину по индустрии в целом, мы срочно принялись ее менять.
История
В конце апреля 2008 для очередного Web 2.0 сервиса нам (тогда еще дизайн студии) удалось в кратчайшие сроки сверстать несколько десятков страниц, с приоритетом на качестве кода. Т.к. заказчик вносил коррективы в сверстанные страницы в режиме нон-стоп, то немало времени тратилось на отладку кода.
Когда проект был успешно сдан, мы поняли, что все же нужно создать инструмент, который сможет ответить на поставленные в начале статьи вопросы. И вдохновившись идеей, найдя ресурсы и команду, начали разработку инструмента, о котором мы мечтали.
Процесс
Прошло чуть больше года титанических усилий, споров, безумных идей… (будет время, выпустим книгу «Стартап из ....»)
До официального релиза мы решили создать некую демонстрацию возможностей — бесплатную версию, выполняющую заявленные функции без водных знаков и т.п., присущих некоторым shareware продуктам. В рамках данной статьи мы и рассмотрели историю бесплатной версии с «насадкой» на Wordpress — Divine Free Edition
Статья
Уважаемые верстальщики / дизайнеры / программисты! Мы прилетели к вам с миром. И написали на родном языке статью (для части нашей команды), чтобы вы знали — наш проект создан для облегчения в первую очередь вашего труда, многоуважаемые коллеги по цеху.
Все вопросы по качеству верстки / методах / способах мы выслушаем и сделаем ее безукоризненной.
Спасибо
Огромное, преогромное за участие в жизни нашего проекта.
Официальный сайт программы (на не русском):
www.divine-project.com
Расскажите нам, как улучшить продукт (на не русском):
www.ideastrunk.com/divine
p.s. И немного информации закоренелым скептикам — создать качественную верстку для типовых элементов это одна из относительно легких задач в нашем проекте.
Divine — это plug-in для Adobe Photoshop разработанный для тех, кто имеет представление о Photoshop и создании сайтов, но не желает тратить свое драгоценное время на кодирование сайта. Divine позволяет из PSD макета сверстать оптимизированный, кроссбраузерный HTML+CSS+PHP код, и отгрузить его в Интернет в виде готовой темы для Wordpress'a. И на данный момент это все совершенно бесплатно.
Но, часть землян это уже знает, поэтому сделаем гипер-прыжок к более интересным сущностям.
Проблема
Если хронологически, то человечество вот-вот отпразднует 2010 год, в фильмах это эпоха нано-технологий, могучих корпораций и персональных блогов. У кого-то даже есть свои роботы! Но со времен сайтов-динозавров процесс кодирования в HTML упрямо не претерпевает революционных изменений.
Вот уравнение, которое нужно упростить:
- Создаем/получаем уникальный макет в граф. формате (Photoshop и т.п.)
- Нарезаем картинки для элементов сайта (~10-60мин)
- Кодируем дизайн-макет в HTML (~1-8ч)
- Адаптируем под CMS (~1-2ч):
- Готовый HTML код дробим на необходимые секции
- Подставляем их в нужные PHP файлы
- Загружаем картинки и все файлы на сервер
- Активируем тему в CMS
- Тестируем (~1-8ч)
- Выверяем динамические элементы CMS (snippets / widgets)
- Проверяем все мелочи во всех браузерах
- Оптимизируем скорости загрузки страницы и т.п.
В этой последовательности больше всего вопросов к пунктам 2-5, а точнее к инструментарию:
- Почему мы должны кодировать и отлаживать html, css, php код дизайн-макета вручную?
- Почему заказчик сайта должен мириться с некачественным (но дешевым) кодом нерадивых верстальщиков и программистов?
- Можем ли мы закодировать сайт, создав уникальный дизайн, но исключив пункты 2-5 из процесса?
- Можно ли приобрести финансовые выгоды, упрощая пункты 2-5?
К сожалению, на эти вопросы инструментарий, упорно отмалчиваясь, не давал однозначного ответа.
Инструментарий
И что же делать? Пожаловаться на отсутствие инструментов, вас «отминусуют» по полной. ДА, существует множество качественных инструментов, но на поставленный вопрос:
Каким одним инструментом вы пользуетесь для кодирования дизайна под CMS?
Мы получили ответ: Вручную 76% (опрос есть на нашем сайте)
Вдумайтесь в эти цифры! Думаю профессионалам это вдвойне досадно, т.к. в параллельной галактике они бы предпочли резвиться на океанских волнах, а роботы / девушки приносили бы им ароматный кофе на левитирующем блюдечке.
НО! Нынче у дизайнеров / верстальщиков / программистов все еще (как оказалось) царит эпоха ручного труда и споров, набивших оскомину. Увидев картину по индустрии в целом, мы срочно принялись ее менять.
История
В конце апреля 2008 для очередного Web 2.0 сервиса нам (тогда еще дизайн студии) удалось в кратчайшие сроки сверстать несколько десятков страниц, с приоритетом на качестве кода. Т.к. заказчик вносил коррективы в сверстанные страницы в режиме нон-стоп, то немало времени тратилось на отладку кода.
Когда проект был успешно сдан, мы поняли, что все же нужно создать инструмент, который сможет ответить на поставленные в начале статьи вопросы. И вдохновившись идеей, найдя ресурсы и команду, начали разработку инструмента, о котором мы мечтали.
Процесс
Прошло чуть больше года титанических усилий, споров, безумных идей… (будет время, выпустим книгу «Стартап из ....»)
До официального релиза мы решили создать некую демонстрацию возможностей — бесплатную версию, выполняющую заявленные функции без водных знаков и т.п., присущих некоторым shareware продуктам. В рамках данной статьи мы и рассмотрели историю бесплатной версии с «насадкой» на Wordpress — Divine Free Edition
Статья
Уважаемые верстальщики / дизайнеры / программисты! Мы прилетели к вам с миром. И написали на родном языке статью (для части нашей команды), чтобы вы знали — наш проект создан для облегчения в первую очередь вашего труда, многоуважаемые коллеги по цеху.
Все вопросы по качеству верстки / методах / способах мы выслушаем и сделаем ее безукоризненной.
Спасибо
Огромное, преогромное за участие в жизни нашего проекта.
Официальный сайт программы (на не русском):
www.divine-project.com
Расскажите нам, как улучшить продукт (на не русском):
www.ideastrunk.com/divine
p.s. И немного информации закоренелым скептикам — создать качественную верстку для типовых элементов это одна из относительно легких задач в нашем проекте.