o_19m7st4t316nvv6a1bg63l10e4a.pdf

Recommendations

Info

Now, when users hover over the printer icon, the text "print this article" will appear as a tooltip – that is, black text in a yellow rectangle. This is useful for letting users know what will happen when they click parts of your site, without having to have text next to everything – especially good if you're limited for space, or you expect lots of people to use your site from mobile devices like phone and PDA browsers. JavaScript. Finally, one of the best ways to make your hints context-sensitive is to use JavaScript. Not only can you enhance the alt text boxes to look nicer with JavaScript, but you can also display hints entirely automatically. For example, you might have a form that asks for someone's state and date of birth: State: _____ Date of Birth: _____ Using JavaScript's onfocus event, you can easily write a little code to not only highlight the box the visitor is currently typing into, but also provide a hint next to it – so when I'm typing my state, the hint can say 'two letters is fine – just CA or NY', and when I'm typing my date of birth the hint says 'dd/mm/yyyy'. What does this approach achieve? Well, it lets you provide hints when they're needed, without having to clutter the page with them or put them in small, faded text that makes them hard to see. Making your site sensitive to context when it comes to helping the user get things done is one of the big keys to better usability. The Case Against Flash. I don't know if you've noticed, but people have quite a bad reaction to Flash, in general. Sure, it can be used well, but the reaction of most visitors to something starting to load will be "oh no, Flash!", followed by a hasty dash for the back button. Why is this? Well, there are a number of reasons that come together to cause it – each one, on its own, seems relatively minor, but together they make up a pretty comprehensive case against Flash. The Web Design Guide for Newbies |146
Flash is a Plugin. Flash isn't integrated with any web browser – instead, it's available as an installable plugin. This has a lot of downsides. The first time someone views something that users Flash, they're asked to install the Flash plugin – this takes time and is annoying, especially considering that Flash plugin isn't available for all browsers. After that, every time some Flash content appears, the Flash plugin has to be loaded into the browser before the content can even begin to be loaded, losing a vital few seconds. Flash is Slow to Load. Once the plugin itself has loaded, the next step is for it to load the Flash movie in question. Because Flash movies are typically so heavy in images and animation (that is, after all, the point of them), visitors will often end up spending a considerable amount of time being forced to stare at a 'loading' graphic. This is supposed to be the web, not a PlayStation – no-one wants to watch your site load. Flash Makes Sound. Flash upsets users because they generally have no way of knowing that it's going to make sound – many users disable all their browser's sound functions, not wanting random websites to be able to make sounds at them, but Flash sound still gets through, since it's a plugin and doesn't obey these settings. Flash is part of the reason why users end up browsing the web with their speakers turned off altogether – people just hate having unexpected sound forced on them, and they have no way of knowing whether your Flash website might suddenly start making some. Flash is Often Unnecessary. Because Flash lets you make little animations, many websites use it for things that are completely unnecessary and un-interactive, but that they think look 'cool'. The classic example of this is the web crime of the Flash intro: a useless piece of Flash that visitors have to sit through before they get to a website, usually saying and doing nothing useful whatsoever. Using Flash for unnecessary things is actively user-hostile, and many users have The Web Design Guide for Newbies |147
Page 2 and 3:
ABOUT WEB DESIGNER PAD Web Designer
Page 4 and 5:
Chapter 1: Why You Need a Website?
Page 6 and 7:
Chapter 2: How the Web Works. Many
Page 8 and 9:
Resource Location) while hosting is
Page 10 and 11:
cost. Prepared to be surprised by s
Page 12 and 13:
POP3 accounts. POP stands for 'Post
Page 14 and 15:
these), as well as the email addres
Page 16 and 17:
website to do. What kind of thing d
Page 18 and 19:
professionals, have you? Well, the
Page 20 and 21:
If you don't want to deal with desi
Page 22 and 23:
If you're willing to take the less
Page 24 and 25:
While Mozilla is a web browser itse
Page 26 and 27:
GIF stands for Graphics Interchange
Page 28 and 29:
As the web grew, the lack of standa
Page 30 and 31:
Now, though, you can remove the fon
Page 32 and 33:
intended on every web browser out t
Page 34 and 35:
the web without ever knowing a thin
Page 36 and 37:
out in the lead in terms of market
Page 38 and 39:
hire a professional web designer, o
Page 40 and 41:
graphics may be stored in the cache
Page 42 and 43:
Note that you will need to save fil
Page 44 and 45:
heading is, so h1 for a page's main
Page 46 and 47:
500 - Internal server error. For mo
Page 48 and 49:
easons. To begin with, there are tw
Page 50 and 51:
that come with Windows, they don't
Page 52 and 53:
What's So Bad About Tables? If you'
Page 54 and 55:
text-align. Lets you align text on
Page 56 and 57:
each down further than the main con
Page 58 and 59:
start growing, though, you might fi
Page 60 and 61:
the 'glue' that makes a database-dr
Page 62 and 63:
Basic-like language named VBScript,
Page 64 and 65:
Yet, despite how common databases a
Page 66 and 67:
Which Database is Right for You? If
Page 68 and 69:
Once you've created your website, y
Page 70 and 71:
that is how easy it makes it to cre
Page 72 and 73:
mysql_fetch_assoc. Turns the result
Page 74 and 75:
Separating the Application Logic. T
Page 76 and 77:
written by you or by someone else.
Page 78 and 79:
double-click. onmouseover. Runs whe
Page 80 and 81:
limits, and do more testing than yo
Page 82 and 83:
and no-one else supports it. For be
Page 84 and 85:
} } ajax = new ActiveXObject("Micro
Page 86 and 87:
is being used - useful when you see
Page 88 and 89:
on. Resizing works especially well,
Page 90 and 91:
provides almost every feature you c
Page 92 and 93:
on the Linux GTK (Gimp Toolkit) sys
Page 94 and 95:
Ikonboard (http://www.ikonboard.com
Page 96 and 97: the other visitors - your role is t
Page 98 and 99: asked for it. You should link to it
Page 100 and 101: own. It's madness to pay thousands
Page 102 and 103: considering first, but you should b
Page 104 and 105: usiness with you. However, you shou
Page 106 and 107: the checkbox a name so you can refe
Page 108 and 109: same thing goes for lists of states
Page 110 and 111: One of the biggest issues with prin
Page 112 and 113: If you're about to write out a big
Page 114 and 115: don't hide anything from the people
Page 116 and 117: It's Not a Newspaper. What's the di
Page 118 and 119: color is a big subject. As soon as
Page 120 and 121: important in one way: the meta desc
Page 122 and 123: It's not difficult to switch betwee
Page 124 and 125: fonts.com and typography.com for a
Page 126 and 127: sets are red-green; blue-orange, an
Page 128 and 129: while sans-serif fonts have a tende
Page 130 and 131: Look at it this way: not only are y
Page 132 and 133: your content, or, worse, even hide
Page 134 and 135: sure that your design will work jus
Page 136 and 137: Smart Tags. Do you think it ends th
Page 138 and 139: This principle is even more importa
Page 140 and 141: Each option links through to anothe
Page 142 and 143: At this point, you'd have a big pro
Page 144 and 145: one key question you should ask the
Page 148 and 149: come to associate its use with that
Page 150 and 151: tends to provoke is "hey, I was loo
Page 152 and 153: The Reader Often Crashes. As a fina
Page 154 and 155: The next problem is the way Java te
Page 156 and 157: Here's something that many people d
Page 158 and 159: Trackbacks. Using blog software tha
Page 160: Chapter 38: Switching Web Hosts. Fi
show all

o_19m7st4t316nvv6a1bg63l10e4a.pdf

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?