Блог Дмитрия Волотко - Это нормально © Подпишись на обновления!

PSD2CSS Online – сервис для автоматизированной верстки PSD макетов

Для многих создателей своих домашних страничек, зачастую, стоит острый вопрос – “Вот я скачал PSD, он такой красивый, но как его превратить в нормальную страничку?!”. Сегодня я нашёл сервис, который поможет таким людям. Ибо это тот самый случай, когда надо дать рыбу, а не удочку. Предлагаю вашему внимаю новый сервис (опять забугорный), для конвертирования PSD макетов в наверстанную страницу. Быстро, бесплатно и довольно качественно (по крайней мере лучше, чем это сделал бы начинающий веб-мастер, клепающий первую страничку на Народе).


PSD2CSS Online - сервис для автоматизированной верстки PSD макетов

На самом деле такие сервисы, как psd2cssonline, не новинка. Правда они быстро загибались, либо не были востребованы из-за своей отвратительной верстки. Стоит признать, что при всех своих плюсах, сервис всё-таки не панацея. Ниже расскажу почему.

Давайте всё-таки сначала пройдёмся по плюсам сервиса. К ним можно причислить:

1. Скорость – мой тестовый PSD,правда несложный, ниже поймёте почему, готовился быстрее, чем я его закачивал на сам сервис. Т.е. через три минуты после нажатия кнопки – Upload – всё было готово.
2. Сервис бесплатный. Однако он со спокойной совестью примет ваши добровольные переводы, в качестве donate. Не могу сказать, успешна ли эта бизнес модель, и окупается ли сам сервис.
3. Есть несложные гайды, которые пояснят, как можно сделать свой PSD, быстро и аккуратно. Есть пару видео-уроков. Правда всё на английском языке. Радует то, что у русскоязычного пользователя проблем не возникнет. Те примеры, которые там указаны (за исключением нескольких), легко найти в Рунете.
4. Умеет верстать формы. Качество правда довольно отвратительное, но наверное у меня требования слишком большие.
5. Валидность. Верстает в большинстве случаев валидно. Согласно
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">. Однако напильником всё-таки пройтись не помешает. Например, иногда он забывает закрывать img.
6. Верстает слоями. Да-да, забудьте нафиг ужасные табличные верстки. Верстает аккуратно, дивами + стили. Если бы мне показали вёрстку в отрыве от темы, на несложных макетах, легко бы поставил твёрдую четвёрку.
7. Поддержка. Есть форум. Правда из-за новизны проекта – он пока ничем не поможет.

Теперь укажу минусы, а то расписал сервис:
1. Размер PSD. Для гостей – максимальный объём закачиваемого PSD-макета – 4MB, для зарегистрированных 8MB. Лично мне мало, мне пришлось делать простенький PSD, ибо не один из моих макетов на харде, просто невходит в рамки :)
2. Верстает через position:absolute – про резиновую вёрстку – забудьте.
3. Если человек совсем дуб, то он не сможет наверстать с помощью этого сервиса формы.

Есть некоторые правила для PSD, которых просят придерживаться.
1. Рекомендуют не заигрываться с количеством слоёв – всё в меру.
2. С прозрачностью могут возникнуть проблемы. Решается методом тыка.
3. Могут возникнуть проблемы с GIMP, в туториалах рассказано, как их можно избежать.
4. Для криков “Спасибо, мен!” и “Шозанах, не пашет” – используйте почту.

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

Интересное применение CSS свойства overflow

Так же можно почитать:

# 3 May 2008 в 7:29

skurudo

Спасибо за тест. Все как-то руки не доходили именно до него. Да и опыта анализировать такие сервисы пока маловато :-(

# 3 May 2008 в 8:35

bublik

Около полумесяца назад заходил на этот сервис, как я не старался — не заработал он :-(
Может покажите пример сверстаного эти сервисом?

# 3 May 2008 в 11:22

Волотко Дмитрий

skurudo, это ещё почему? :)

# 3 May 2008 в 11:28

Волотко Дмитрий

bublik,
http://www.psd2cssonline.com/uploads/424322485/index.html
только ссылка жива будет 12 часов.
Пример простой, но он показывает, как работает сервис. Один слой = 1 картинка.
Из чужого – http://newfind.net/
Как видите – код простой как две копейки и топорный, однако обычному юзверю этого хватает за глаза.

# 3 May 2008 в 15:11

bublik

Хм, простенько, а я то думал там великий искусственный интеллект все верстает :-)

# 3 May 2008 в 15:28

Волотко Дмитрий

bublik,
этому сервису до Бендера далеко-далеко :)

# 3 May 2008 в 17:41

Павел

Круто!

# 3 May 2008 в 19:27

yopopt

Любопытно, будем кормить. :) Хотя, не вижу в нём какой-то надобности. Я ведь поступаю так: получаю psd, подбираю подходящую заготовку и рихтую её напильником. :) В редких случаях делаю всё от начала и до конца…

# 3 May 2008 в 19:31

Волотко Дмитрий

yopopt, этот сервис явно не для тебя :)

# 4 May 2008 в 9:02

skurudo

Дмитрий, потому что скуруда – нубко сайтостроения :-)

# 13 May 2008 в 12:30

Sotnikov

В принципе ресурс нормальный, учитывая, что пользоваться им будет новичок, для всех остальных — ручками господа, ручками, по-скольку шлифовать данное творение придется долго, лучше все с нуля да самому, будешь зато знать, что к чему. Кода куча иии все минусы, которые они там пишут — это только их малость :)

А вот фото Бендера, как никогда perfect!



* Должны быть заполнены.
Из-за дикого спама, и нежелания ставить капчу оставлять ссылку у комментария вообще нельзя. Точно так же нельзя оставлять ссылки в теле комментария.