Плагин, конвертирующий стили фотошопа в код css

[@roman01la]

Хотел купить CSS Hat, вот только вышла версия для Windows, цена пока что $19.99.

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

[@InfernalOrange]

У меня CSS Hat под Mac OS, работает отлично =) С Layer Cake идеальное сочетание получается.

У CSS Hat проблема была с расположением radial gradient, но вместе с версией под Windows вышел апдейт, наверное пофиксили, пока не проверял.

[@Chesheer]

Хм. Хотел тоже только что прикупить. Деньги умудрились снять два раза и на этом пока все. <_<

[@kol78rus]

«Неужели» слитно пишется.

[@Haoose]

«Неужели» пишется в личку автору.

[@Alexufo]

вчера лично проверял как пишется слово и написал неправильно.

[@Chesheer]

*sarcasm* Ага, и программисты, и менеджеры, и вообще все человечество.

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

[@dijay]

Выше тоже был сарказм.

[@sogologo]

смешной вы :)))

если есть метла или машина по чистке полов, все не нужны уборщики :) ммм пока что не видел роботов, которых хоть в серийное производство выпустили (кроме пылесосов и то он у меня как игрушку кошке)

автоматизировать такое развивающиеся направления, как верстка на данном ветке её развития вряд ли получится.

Вот если был HTML и CSS остановили на своем развитие года так 3 назад, тогда бы — это был ад, и да это можно было бы автоматизировать.

[@sogologo]

вот вы мне лучше расскажите, как overlay слой, где картинка хорошо сохранить для верстки :) сколько пытаюсь не могу справится.

приходится извращаться…

[@Alexufo]

Дело в том что режимs наложения изображений само собой отсутствуют в браузерах. Во флеше есть. Вы можете это сделать с помощью js, тут проскакивала темка. Но это по мне не лучший вариант.

Лучшивай вариант доработать макет psd. В веб можно вынести без изврата только режим наложения normal)
Дайте PSD, посмотрю что можно сделать.

[@sogologo]

да все верно и сам извращаюсь с psd :) как то максимально normal приближаю к overlay или еще к какому.

просто я думал может я способа не знаю какова??

а что аз js способ? скока раз гугль не находит даже подобного решения

[@Alexufo]

К примеру это:
www.pixastic.com/lib/docs/actions/blend/
или ребята ищут решения и предлагают ссылки тоже:
stackoverflow.com/questions/4276859/are-photoshop-like-blend-modes-possible-in-html5

Но я разумею эту технологию как не очень подходящую для какой либо анимации в браузере.
То что у вас в макете режим «оверлей» — косяк дизайнера. Технологически без гемора и тормозов это можно сделать только на флеше на данный момент.

На JS чем больше фотка, тем больше тормозов. Разово применить эффект смешивания слоев — ради бога. В Анимации будет не очень полагаю.

[@Alexufo]

да.
Adobe тоже пытается это протолкнуть в css
blogs.adobe.com/webplatform/2012/04/04/bringing-blending-to-the-web/

[@sogologo]

да Адобе молодцы много что делают для нас :)))

[@sogologo]

Ох ты какая класТная первая ссылка :) буду использовать спс!!! тока что закончил пачку верстак из 10 сайтов и где вы были :)))

да какой там анимация :) мне бы статичное использование уже шикарно!

[@Chesheer]

Согласен с Alexufo — был бы макет виден, было бы проще что-то предлагать.
Фактически можно извернуться так, чтобы слой с overlay привести к виду normal, но сохранить нужный вид. Но это будут танцы по граблям те еще.

[@sogologo]

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

Но все таки способ выше не всегда применим!

[@Chesheer]

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

[@Methos]

Наконец-то вся дешёвка уйдёт на автоматику. Теперь все домохозяйки будут визжать «Я умею делать сааааайты!» =)))

[@zixx]

тогда уж это должно было произойти с появлением фронтпейджа и народа

[@Methos]

А это был первый этап. Сначала html, а вот сейчас уже css.

[@mikheenko]

В Fireworks CS6 для этого есть стандартный инструмент: www.youtube.com/watch?v=gxKNFGVpgCk

[@Alexufo]

Как обычно. Они делают клевые фичи и растаскивают их по близким редакторам. Че им так жалко это в шоп добавить?

[@mikheenko]

Скорее веб-разработчикам нужно больше внимания уделять fireworks, а photoshop использовать только для обработки изображений. Благо такой тренд начинает набирать обороты.

[@LostSenSS]

Обратите внимание на то, каким образом задается градиент в итоговом коде.
Это провал.