Saturday, November 29, 2008

CSS Design for print

http://www.alistapart.com/stories/goingtoprint/

This article mostly touches on what CSS would be good for print and which browsers. For example, it talks about making our sites "printer friendly". We can do this with our margins, fonts, padding, background colors, foreground colors, floats, and making sure our links still look like links when printed.
Some browsers only see what is on the screen and not below it when printing. So what would happen is it would only print what shows on the screen. Because some browsers don't like floats in websites it talked about doing a float: none in the CSS page to make it easier to read and print. This would allow the entire page or document to print. Also printers deal better with margins and not padding because, it doesn't know how to read them. For now it is better to use margins whenever possible instead of padding.
It also said that printers don't print white, so you would want to set the background color to white and for print you would want to remove any background images. You can also set the foreground color to match the background color if you wish but, it isn't necessary.
To make the links on the site show up for print the article talked about underlining and making the links a darker color. This would ensure that someone would know that they were links.
This article is very well written and easy to understand. A lot of times this semester I have been thinking what would look good for my site, is it user friendly, is it pleasing to the eye, but, I never once thought about printing. As web designers it is important for us to look at ALL aspects of a site. It is a valid point for our users to be able to print out our entire site if they choose. This is another great example of thinking outside the box and what would be good for those we are creating the websites for.

Monday, November 24, 2008

My recent learnings

My recent learnings have been focused mainly on learning more about CSS. I have felt that making it pleasing is a lot harder than it looks like it would be. I have an image of how I would like my site to look like but, getting it there using CSS has been a challenge. Nothing in this class has come easy for me and I have had to work really hard on every project. It would be so helpful to get feedback to know if my work is paying off or tips to make it better would also be appreciated. Lately I have been learning about bottons and different ways to make the navigation bar look good. I know it is something that I need help on because a few in class have said my site looks good except the navigation bar. This class has been humbling to say the least but, I am trying very hard to put in the work needed. We have also recently been doing an assignment about bottons, links, hovering bottons to highlight. I have been using our text to help me and also www.w3schools.com to provide me with examples to work from.
I know that once I get the hang of CSS more that I will not get so frustrated with every assignment. I know that I will enjoy it because that is what I am specializing in, is web design. I really have the desire to learn this and I just need to be a little more patient with myself to finish learning it. I don't want to quit because, I know this is really important for me to learn. Thanks for reading my ramblings.