Suggerimenti per creare layout CSS perfetti per i pixel?

Question

Un obiettivo aziendale richiede che crei un modulo sullo schermo che sia perfetto per i pixel. Se un utente stampa questo modulo, corrisponderà esattamente alla versione del modulo dell'ufficio stampa del governo degli Stati Uniti; la stampante produrrà una copia (ragionevolmente) scansionabile di questo documento. La soluzione precedente è PDF, che funzionerà solo fino a un certo punto per noi.

Mi sto orientando verso HTML / CSS e vorrei suggerimenti su strumenti per aiutarlo.

Per gli strumenti, PixelPerfect in Firefox sembra un buon inizio. La piattaforma target per questo è (rullo di tamburi) IE6, se aiuta. Il documento sembra questo .

Se HTML / CSS è un no-go completo, Adobe Flex è la mia prossima scelta.

Answer 1

Decano, controlla Prince . Bert Bos e H & # 229; kon Wium Lie lo hanno usato per la produzione di loro CSS Ne spiegano un po 'in un A List Apart articolo .

Answer 2

Se l'obiettivo è la stampa perfetta dei pixel e nemmeno il PDF ti porterà lì, puoi praticamente rinunciare subito alla stampa dal browser. Esistono troppe variabili durante il rendering sul lato client: da diversi browser (IE6? Buona fortuna!) A diversi tipi di carattere, alle impostazioni utente, al formato A4 vs Letter.

Potrei chiedere perché il PDF non è adatto?

Answer 3

Concordo sul fatto che i layout perfetti per i pixel sono molto, molto difficili da ottenere con HTML / CSS, in particolare con i moduli. Tuttavia, penso che i pdf possano ricevere input da moduli Web esterni o avere campi di testo che, una volta compilati, verranno stampati.

L'uscita di Flex in pdf sarebbe una buona idea, ma non credo che l'uso di flex come motore di rendering possa essere di grande aiuto in questo.

Un'altra opzione sarebbe quella di creare il pdf e utilizzare una lingua lato server per personalizzarlo con i campi di un precedente modulo web e produrre il risultato. (Può essere fatto facilmente con ruby ??/ django / php, ci sono alcune buone librerie pdf là fuori.)

Answer 4

Innanzitutto, abbandona i pixel. Quello che stai cercando è un foglio di stile di stampa, con tutto ciò che viene specificato utilizzando unità fisiche (cm / pollici), dimensione del carattere in pt, ecc. Ciò che viene visualizzato sullo schermo, in quale dimensione del carattere e se è pixel perfetto o non sembra rilevante per il tuo requisito di produrre una copia scansionabile .

La domanda è ora: il supporto IE6 per unità fisiche e fogli di stile di stampa è abbastanza completo per questo? Data la mia esperienza con la creazione di fogli di stile di stampa per i clienti, in cui IE si bloccherebbe semplicemente durante il processo di stampa se lo guardassi male, direi non molto probabilmente, non con la complessità dei moduli con cui hai a che fare.

Answer 5

Se sei preoccupato per il rendering del renderer (IE, Acrobat, ecc.), puoi sempre renderizzare il modulo sul server e servire semplicemente un'immagine all'utente.