Павел Мышкин

Плюсы и минусы перечислил Zoxon.

Верстается только вручную, есть сервисы, плагины, фреймворки, сниппеты, облегчающие ручную верстку , но чтобы они заменяли - не бывает такого.

Если лень самому - заплатите верстальщику - для вас будет как бы "специальный сервис".

PS, Webstorm, AMPPS, ForkLift, JPEGmini, Imagealpha, Imageopt, codebox, dash

Плагин CSS Hat попробуйте для фотошопа.

Ищите лаунчер.
Я использую Alfred v2 для мака.

pingvi69 еще лучше вручную с плагином CSS Hat

По существу: он еще в глубокой бете ... выйдет - посмотрим, но я скажу сразу, по опыту, что он не избавит от старого "ручника" ... то дизайнер слой сделал Blending Mode отличным от Normal, то на полпикселя ошибся, то вообще цвет полоски берется из дикого наслоения каких-то альфаканалов с клиппинг масками и т.д. и цвет можно узнать только пипеткой ....

plugins.jetbrains.com/plugin?pr=&pluginId=7059

Я использую этот плагин. С вашей задачей он справится.

Вот пример минифицированого CSS:

.example{height:150px;width:50%;margin:0 auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

Я вообще не понял, как, в зависимости от разрешения, теряется качество изображений.

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

- у вас огромный моник? тогда нате, буржуи, вам 10% качества картинки
- ой бедняга, все сидишь за 800х600 - ну вот хоть картиночки в оригинале позырь.

Хром обычный, от гугла, версия 35.0.1916.114 / Mac OS 10.9.4

Ваш заказ принят, спасибо!
Мы свяжемся с вами в течение 30-ти минут
(в рабочее время МСК 9:00—18:00 ПН—ПТ)
для согласования доставки.

Я для себя давно выработал такую методику:
- все что связано именно со стилем - CLASS
- где 100% будет JS - то меняю CLASS на ID
- если блок по стилю повторяется, но на один из них надо повесить JS - то и CLASS и ID

... хотя смотрю последние проекты - во 2 и 3 пункте использую уникальные классы ... а почему?
... а вспомнил. Из-за использования различных фреймворков начал иногда точно попадать в их стили и индентификаторы. Типа в бутсрапе modal - вот и перешел на уникальные классы.

Отличный фотоальбом.

Есть ли возможность сделать код как на том сайте?

cdn0.tnwcdn.com/wp-content/themes/icetea/assets/js...
cdn0.tnwcdn.com/wp-content/themes/icetea/assets/st...
+ сопировать с исходного кода страницы блок <div class="tnwselect active"> ... </div>

LESS CSS Compiler - у меня этот плагин, работает отлично.

WinLess, наверно, при компиляции, пишет, какие возникли ошибки?

Я вообще не пользуюсь решением с less.js и вам не советую.
В web storm у меня стоит плагин less css compiler - он мониторит указанный файл или директорию и компилирует less файлы в css при изменениях. И в других IDE и редакторах, уверен, есть такие плагины.

Почему?
- мне не нравится исходный код с огромным <style>...</style>
- мне не нужны дополнительные скрипты на сайте
- как-то сталкивался с проблемой, что где-то не работала эта связка, причем в сравнительно современном браузере ... где-то год назад, полтора.

Так-же я отказался от php решения компиляции на лету, т.к. на 2-х сайтах, после обновления движка вся эта конструкция сломалась.

А решение с компиляцией файла в редакторе (а равно как и в утилитках типа less.app) работает стабильно.

Страницы наверно в UTF8 а база в CP1251.
Тут надо гуглить iconv

Целиком задачу трудно понять.
Можно построить HTML разметку на JS и запускать после остальных скриптов. Ну и естественно при изменении DOM тоже запускать:

$("#myHideDiv").bind("DOMSubtreeModified", function() {
    buildDiv();
});

Только гуглите по поводу события DOMSubtreeModified - это вроде хромовская штука.