many of us working on css to style web page for the visitors
you may added this line before in your page

<link rel="stylesheet" type="text/css" href="cssfile.css" />

ok the css file now will affect the screen but what if we want the css affect the print

yes we want the visitor print the page but without the menu , advertisement .. etc

ok we will now create a  css file and we will name it print.css

now add this line to your page

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

do you notice someting ??
yes , media=”print” this tells the browser to use this css file when print

concepts of print style sheet:-

1- adjust body margin

adjust the body margin so printed page margin will be as you want not the browser default
you can use this for example

body{margin:0;

you must use one measure for font size and related things like pt , em so it can display good on your printer

3- page break

the biggest problem will face any developer in print issues is page break , the browsers differ in page break , many times before i used print css if web page is longer than one page it cause pagebreak but if there is image in the middle of that break it will cut and there is a disaster

so you can adjust the page break by

page-break-beforepage-break-after

for example if you want page to break after the div named “break-div” you may type this line in print.css

#break-div{page-break-after:always;

- don’t ever use background color or background image in your print stylesheet the visitor will hate you

- try to be very simple the visitor when he wants to print your page he wants to keep the information in your page not the design

- just use the print css its better and more professional

enjoy and see you in another post

may be you saw gimp before or may be better than that you may be worked on it and may be you working on it now , but unfortunately may be you never heard about it , in all cases this article will be useful for you

ok lets start

— GIMP is not totally different from PhotoShop :-

if you are a photoshop designer dont worry about your previous exerience of photoshop gimp also has similar functions as photoshop you will not feel strange when you open gimp

take alook

gimp first look

as you can see there is main three windows in gimp
toolbox:

gimp tool box

there is  some tools is similat to photoshop like select tools & also lisso and magic tools …. etc

the gimp tool box is so simple except some advanced tools may be i will go to discuss further in next chapters ( don’t worry )

main work area:

its your work area

gimp layer , options and navigation panel

and finall layers , options and navigation panels
as you can see in layers panel  there is opacity and mode level for every layer
and below the layer panel there is navigation panel you can zoom in and zoom out the work and select any area in your design so you can control your large size design in a click

— PhotoShop plugins, brushes and filters in gimp ?!!!!  :-