Announcement

Collapse
No announcement yet.

CSS for printing

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS for printing

    When you develop a website, do you generally include printer-friendly CSS stylesheets? Or only on special occasions? Or do you prefer some other method entirely?

    I made a print media CSS stylesheet recently. On one hand, I liked it because it was very lean, and I was able to reformat the page content without much extra html markup. I thought, "We should do this for every site!"

    But, on the other hand, I wonder what it's like from the users perspective. They don't have a way to know that the page will be formatted differently, unless they use print preview. Is it better, for usability, to have the conventional "printer-friendly" link that opens a new window? Seems chunky to me, but at least everything is clear to the user up front.

    Thanks for your thoughts!

  • #2
    I think if one is looking for a "print style" format than it's generally understood that it's going to be bare bones html, and not styled like the normal page. The primary reason for a print style is to take an article to read for later, no? At least for me it is...

    Comment


    • #3
      You can also make the "print style" a link that just displays the page the way it would look if it were being printed that way. Sort of like a live, print preview.

      Comment


      • #4
        Originally posted by oncepure View Post
        You can also make the "print style" a link that just displays the page the way it would look if it were being printed that way. Sort of like a live, print preview.
        This can be done using PHP but it ain't easy. To do so, you have to create an array from which your text will be printed from (on the screen or to the printer). Prior, you also have to setup a MySQL database on the server. If you Google, you'll find several sites explaining how to.

        2 years ago, I have tried to setup this feature for a Web site I was working on. After going through Larry Ullman "PHP for the World Wide Web", and several tries, I didn't get any conclusive results. Alas my mind is more one of a designer than a programmer.

        Comment


        • #5
          I say just use the print stylesheet.

          When you print a page, the browser overrides a lot of stuff that affects the display, so users are used to getting a printed page that doesn't look like the one they saw on screen. By providing a print stylesheet, you can control what actually comes out of that printer and give the users a better result.

          Comment


          • #6
            Originally posted by hewligan View Post
            I say just use the print stylesheet.
            Hewligan, how do you setup the stylesheet for the printer? (just a few hints to get me going on the right track). I know its not a problem on a Mac but with IE on a PC,.. its a whole different story..

            Comment


            • #7
              Originally posted by lucdesaulniers View Post
              Hewligan, how do you setup the stylesheet for the printer? (just a few hints to get me going on the right track). I know its not a problem on a Mac but with IE on a PC,.. its a whole different story..
              http://www.alistapart.com/articles/goingtoprint/

              Comment


              • #8
                When you print a page, the browser overrides a lot of stuff that affects the display, so users are used to getting a printed page that doesn't look like the one they saw on screen.
                That makes a lot sense. I may be over-thinking this.

                Thanks for the link. That's more thorough than the reference I was using.

                Comment


                • #9
                  Ditto here. Thanks. I'll have a very close look at the link.

                  Comment


                  • #10
                    this link: http://www.catswhocode.com/blog/how-to-creating-an-efficient-print-stylesheet

                    has some good how-to for creating page breaks in the print out-put...
                    Monarchs Rule!

                    Comment


                    • #11
                      Humm. From what i read I would have to duplicate all the pages. The PHP solution, if I could implement it, would do it on the fly..

                      Comment


                      • #12
                        Originally posted by lucdesaulniers View Post
                        Humm. From what i read I would have to duplicate all the pages. The PHP solution, if I could implement it, would do it on the fly..
                        Why would you duplicate all the pages?

                        The whole point is that you use media-specific CSS (using @media) to tell the browser to use some different CSS during printing. There's absolutely no duplicating pages involved.

                        Comment

                        Search

                        Collapse

                        Sponsor

                        Collapse

                        Incredible Stock

                        Latest Topics

                        Collapse

                        • salsa
                          Reply to Feedback on Beer Bottle Designs
                          salsa
                          The fonts are different. Were you able to get the same typeface that was used on the originals? I think it would make them look even more consistent, like they were designed at the same time, if you can...
                          Today, 01:39 PM
                        • Blober
                          How much should i charge?
                          Blober
                          I am expirienced graphic designer, working on android and ios app design for local mobile development company. By bosses wanted to try some off work project and i made whole app design mockup with instructions...
                          Today, 01:08 PM
                        • GDFundamentals
                          Reply to Personal rebranding: feedback please
                          GDFundamentals
                          Hi, usually I try to get inspirired by other logos in the same industry. Pinterest is a very good resource for that. I've seen that a lot of photographers use their initials also & they add some photographic...
                          Today, 10:28 AM
                        • DesignHorse
                          Photoshop 3d render photographs and product 3d packaging
                          DesignHorse
                          Hi i want to learn 3d render photographs so they sort of popping out of the picture, and also want to learn product packaging. Im a seller on Amazon.com and i would like to do the 3d render and packaging...
                          Today, 10:04 AM
                        • Carlo
                          Comment on Illustrator - This Logo - HOW TO?? HELP!
                          Carlo
                          I don't think that a gradient has been applied. So I would use the Blend tool and change the spine to a spiral. Tp make it fit cut with the scissors on an endpoint to mak th circles fit the spiral an...
                          Today, 09:56 AM
                        GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
                        Working...
                        X