Какие инструменты вы используете при создании разметки из макетов?

Question

Поэтому я стараюсь проводить большую часть времени на стороне сервера приложений, но время от времени мне нужно, чтобы мои руки были грязными и генерировали разметку/css/js из каркаса или макета. Что касается инструментов, Ive обнаружил, что браузеры и приложение Litmus полезны, и, конечно же, vm также проверяет, что происходит вживую в ie- {6,7,8}. В противном случае я делаю тяжелый подъем в vim.

Для создания новой разметки, которая не привязана к целевому дизайну, я думаю, что некоторые из фреймворков css & такие инструменты, как sass, выглядят полезными, но я скептически отношусь к их полезности при необходимости создания разметки в соответствии с дизайном фотошопа.

Итак, какие советы/инструменты вы держите в своей разметке, создавая пояс полезности при создании сплошной разметки из конструкций?

Мой список до сих пор:

• Browsershots
• Browserlab.adobe.com
• Haml/Less/Sass (не используется, но, скорее всего, исследовать)

Answer 1

Я использую 960 Grid System (с сбросом Мейера и текстовым сбросом). Я разрабатываю свои макеты в фотошопе таким образом, что могу использовать систему 960 Grid. Для этого не требуются квадратные макеты, но это требует мысли и порядка, в отличие от произвольных расстояний между гранимическими элементами и т. Д.

Мой код всегда написан вручную; Я не доверяю программному обеспечению думаю для меня. Таким образом, я полностью контролирую происходящее. Я никогда не использую только IE-хаки. Если я не могу сделать то, что хочу, я буду искать другого. Хаки ставят форму нестабильности в дизайн/макет/функциональность, и я не большой поклонник этого.

Я запускаю все современные браузеры вместе с IETester для тестирования IE6, но я уверен, что я скоро сниму поддержку IE6. Вы можете решать только свои проблемы с PNG, прежде чем захотите поднять монитор против стены.

И мой номер один инструмент, StackOverflow. Без замечательных умов и альтруистических личностей здесь я остался бы в одиночестве, чтобы решать каждую проблему, с которой я встречаюсь. Это удручающая идея.

Answer 2

• TextMate/Firebug/MAMP Pro мой общий инструментарий
• CSS перезагружается (Eric Мейера и Aardvark.legs мои любимые)
• xScope
• ВМ в различных комбинациях, чтобы поддержать A-grade browsers
• Smush.it и YSlow вообще
• concepts of OO CSS

Поскольку мне все еще требуется использовать случайный взлом CSS, я обычно создам свой CSS за несколько проходов. Сначала цвета, затем - типография, а затем макет. Проверяя все (в частности, IE6) после каждого прохода. Лучше пресечь проблемы в почке, а не пытаться проследить все позже!

Это не обязательно касается разметки, jQuery и TYPOlight являются неоценимыми для вкладчиков.Я никогда больше не развертываю сайт без CMS. Дополнительный день для создания рабочего места в TYPOlight и обучения клиента сэкономит дни головных болей обновления в долгосрочной перспективе.