Blending Colors
When you are familiar with software applications such as Adobe Photoshop, Flash and other drawing programs, I know you are also very much familiar with the swatches. Swatches contain selection of different colors that you can use during the creation...
Cascading Stylesheets: 5 Reasons To Use CSS
Cascading Stylesheets become more and more important in today's
webdesign.
But before you decide to get started using CSS you should know
why CSS is so important and what its advantages are.
1. The content is separated from the design...
CSS: The Basics - ID's and Classes
Css Cascading Style Sheets Two types of style sheets: Internal and External Internal - You insert your style code right into your html code. These stylesheets should only be used if you are intending to create a specific page with a specific...
DVD Burning: Is it Legal?
DVD Burning: Is it Legal? When it comes to DVD burning, many people have questions and concerns. Some people may be performing illegal acts without realizing it. Other people may be afraid of doing something that is against the law. So we are going...
Four No-Name Multimedia Applications That Work Better Than Famous Brands
If you think that Adobe, Ulead or Corel make be best multimedia products, think again. There are dozens of innovative indies who develop excellent software for images and video and don't charge you for the brand name.
A4 DVD Shrinker (DanDans...
How to create a good links directory
Every webmaster is spending a serious amount of time online in order to promote a new site or even an older one. We are all talking about quality of content and layout and the truth is, for a site traffic is also important. If nobody has got the...
How to Create an Enjoyable Web Page Design
Novice and professional designers alike – you may probably be skilled enough of any one or all of the techniques in creating a Web page and designing them. However, not all designs, even those made by authorities in the field, prove to be enjoyable...
Overview of Paint Shop Pro
Paint Shop Pro is one of the most popular image editors out
there. Even though it's increasingly geared towards digital
photography, you'd be surprised just how useful it can be to web
designers.
Installing Paint shop Pro is pretty much a...
The DRC Blew It
The DRC (Disability Rights Commission) recently announced the results of their year-long investigation into the accessibility of 1000 websites. The DRC's report ( http://www.drc-gb.org/publicationsandreports/2.pdf ) concluded that most websites...
Web Design - 7 Key things to avoid
A search for "web design" on Google returns more than 325 million results. So how do we start eliminating all these so called designers? Here are a few of the most common shortcomings. Watch out for: 1. Templates
2. Subdomains
3. DIY...
Printing and Sending: the Two Things Users Want to Do
There's something you have to realise about the way users
interact with articles. To put it simply, they don't just want
to read them: they also want to print them out, and send them on
to their friends, family and colleagues. If you can make it
easier for them to do this, then your site will be a hit. But
how? Well, read on.
The Print and Send Links
At either the top or the bottom of your article, you should
offer clear 'print this article' and 'send this article to a
friend' links. It's up to you how you present them, but a
generally good place is underneath the byline and date, like
this:
Article Headline by Bob Smith January 1, 2010 Print this article
Send this article to a friend
If that looks messy, though, try moving the links to the end of
the article. You might even link to have the 'print' link at the
top of the page and the send to a friend link at the bottom.
You should also note that there are standard 'icons' (small
pictures) to represent printing and sending. Printing is a
picture of a printer (the same one used in word processors),
while sending is a picture of an envelope. Using these icons
will make it much easier for people to see what the different
functions of your website are. In many cases, you can even leave
out the text and just have the icons, or only have the text
appear when the user hovers over the icons - this saves on space
without sacrificing usability.
CSS for Printing
It's an unfortunate fact of the web that many web pages look
simply terrible if you print them as they are. No-one wants ads
on their print-outs, or blue-underlined links, or navigation, or
many of the other elements of a web page. For your visitors who
want to print, then, it's good to be able to remove these things
from your page when they press that 'print' button, before you
tell the browser to start printing.
How can you do this easily? Well, luckily, CSS has a built-in
mechanism for it. It lets you specify different styles depending
on media, with the default being media:screen - for printing,
you can use media:print, and add or take away different parts of
the style quickly and easily.
It's not difficult to switch
between the screen and print CSS
stylesheets when that print button is pressed - all you need to
do is add a second stylesheet underneath your first one. That
means that your stylesheet declaration (in your HTML head) needs
to look like this:
The mystyle-print.css contains all the CSS that will be applied
to the document when it prints: nothing from mystyle.css will be
applied. Browsers should then apply this stylesheet
automatically when your document is printed - all that remains
is to link to javascript:self.print() for your 'print this page'
link.
Sending Pages
The best way to handle the sending of pages is to provide three
input boxes for the person doing the sending: one asking for
their name or email address, one asking for the recipient's
email address, and an extra box for any customised message you
might want to send.
All you need to do then is create an email from this
information: in PHP, for example, this is as simple as using the
mail() function. Include the information entered by the sender
in the message's 'from' field, instead of the name of your
website, and keep your own words to a minimum if the sender
wrote a custom message: it's much better for a message to look
like this:
Thought you might like this! http://www.example.com/article/101
than like this:
You've been sent an article from example.com! The sender said:
"Thought you might like this!" http://www.example.com/article/101
Basically, emphasise the fact that it's from their friend, not
from your website, and you'll get far more people clicking the
link. It's also worth including the title and even the intro, as
well as just a link to the article, so the person involved is
more tempted to click it - after all, if their friend thought
they'd be interested, they probably will be.