Предложения по созданию идеальных для пикселов макетов CSS?
Одна бизнес-цель требует, чтобы я сделал на экране форму, которая идеально подходит для пикселей. Если пользователь распечатает эту форму, она будет точно соответствовать версии формы, установленной Правительственной типографией США; принтер выдаст (разумно) сканируемую копию этого документа. Предыдущее решение - PDF, который будет работать для нас только до определенного момента.
Я склоняюсь к HTML/CSS, и хотел бы предложения по инструментам, чтобы помочь этому.
Для инструментов PixelPerfect в Firefox кажется хорошим началом. Целевой платформой для этого является (барабанная дробь) IE6, если это помогает. Документ выглядит следующим образом.
Если HTML / CSS полностью запрещен, Adobe Flex - мой следующий выбор.
5 ответов
Дин, проверь принца. Берт Бос и Хокон Вьюм Ли использовали его для производства своей книги по CSS. Они объясняют немного об этом в статье A List Apart.
Если цель - идеальная печать на пикселях, и даже PDF вам не поможет, вы можете сразу отказаться от печати из браузера. При рендеринге на стороне клиента слишком много переменных: от разных браузеров (IE6? Удачи!) До разных шрифтов, пользовательских настроек, формата A4 или Letter.
Могу я спросить, почему PDF не подходит?
Если вы беспокоитесь из-за того, что рендерер (IE, Acrobat и т. Д.) Портится, вы всегда можете отобразить форму на сервере и просто передать изображение пользователю.
Во-первых, отказаться от пикселей. То, что вам нужно, - это таблица стилей печати, в которой все указано в физических единицах (см / дюймах), размер шрифта в pt и т. Д. Что отображается на экране, в каком размере шрифта, и является ли оно идеальным для пикселей или не похоже на ваше требование создания сканируемой копии.
Теперь вопрос в том, достаточно ли для этого поддержки IE6 для физических модулей и таблиц стилей печати? Учитывая мой опыт создания таблиц стилей печати для клиентов, в которых IE просто зависал бы во время процесса печати, если вы ошиблись, я бы сказал, что это не слишком вероятно - не из-за сложности форм, с которыми вы имеете дело.
Я согласен с тем, что с html/css очень и очень трудно добиться идеальных по пикселям макетов, особенно с формами. Тем не менее, я думаю, что PDF-файлы могут получать входные данные от внешних веб-форм или иметь текстовые поля, которые при заполнении будут печатать.
Вывод Flex в pdf был бы хорошей идеей, но я не думаю, что использование flex в качестве движка рендеринга слишком сильно поможет в этом.
Другой вариант - создать PDF-файл и использовать язык на стороне сервера, чтобы настроить его с помощью полей из предыдущей веб-формы и вывести результат. (Это легко сделать с помощью ruby /django/php, там есть несколько хороших библиотек pdf.)