6

I have heard that using blinking text in a page to get user's attention is not a good practice.

What is the alternative for that?

Xavier Ho
  • 17,011
  • 9
  • 48
  • 52
rahul
  • 184,426
  • 49
  • 232
  • 263

9 Answers9

28

Text that doesn't blink is a good alternative.

If you have to rely on blinking text or flashing images to get your users to look where you want, then your website probably has some serious design flaws. Here are some articles with some tips on good web design.

Rob
  • 2,148
  • 13
  • 17
  • 3
    For some web application with very importants alerts not only blinking may be useful but also sound. I would not like to die because the hospital ER system designer thought blinking was bad style. – MV. Jun 28 '13 at 14:49
10
<marquee>SCROLLING TEXT!!!</marquee>

Alright, maybe just stick with bold or

blockquotes

or italics or

headings...

Community
  • 1
  • 1
John Rasch
  • 62,489
  • 19
  • 106
  • 139
  • 4
    in my opinion marquee is a annoying at least as much as "blink" and it only brings memories of sites made in early years of internet – MoreThanChaos Jul 31 '09 at 07:03
  • Marquee is not a recommended one. – rahul Jul 31 '09 at 07:05
  • 11
    `` was a joke, please god don't use it – John Rasch Jul 31 '09 at 07:09
  • @Sohnee - I am not sure how you came to the conclusion that you should "stick a h1 tag in the middle of a paragraph" from my post or use the `` tag, I simply listed other options he can choose for emphasis and styling (which also happen to be semantically correct if you check the source...) – John Rasch Jul 31 '09 at 14:27
9

If you want to emphasise a piece of text semantically, use:

<em>this is important</em>

or

<strong>this is important</strong>

I'm not recommending these for their styles, but for their meaning. You can apply whatever style you want to these elements to make them stand out however you like.

Fenton
  • 241,084
  • 71
  • 387
  • 401
4

Start here!

.alternativeToBlink {
  font-family:
  font-size:
  color:
  background-color:
  border:
  text-decoration:
}
Ian G
  • 29,468
  • 21
  • 78
  • 92
3

HighLighted Text (stuff that doesn't link). Probably, that portion of the text is highlighted for a period of time, and fades out.

You can use Javascript Libraries to get that kind of effect.

Rishav Rastogi
  • 15,484
  • 3
  • 42
  • 47
2

Just some thinking about the opposites here: If you have something on the page that should catch the user's attention, does that not mean that you ALSO have things on the page that should NOT catch the user's attention?

Perhaps you should remove things that take away from the most important message?

This kind of minimalism is popular in big-fonted and margin-rich "web 2.0" sites. So one could say it is a BLINK replacement.

Christian
  • 9,417
  • 1
  • 39
  • 48
1

Besides using a Javascript highlight behavior, think about the goal of the page. If you want someone to notice one thing on the page, perhaps that's the only thing that should be there. Consider removing other elements to draw attention to what you need them to see.

If all else fails, there's always the Ajax-based blink tag: http://cheese.blartwendo.com/web21-demo.html

ndp
  • 21,546
  • 5
  • 36
  • 52
0

blinking bullit in CSS is not the good choice. But you could use some JQuery plugin or flash to make some text pulsating with colors, or fading in and out

MoreThanChaos
  • 2,054
  • 5
  • 20
  • 40
0

If you're worried about the validation:

  • text-decoration: blink; is still valid CSS
  • You could do it the AJAX way ;)

Having elements which blink can definitely be very annoying to your users, but, as with everything, don't pay too much attention to the rules which include the word "never". Right now in my operating system there are blinking icons to alert me to things which need my attention. In whatever web application you're making, you could have a similar situation.

Just remember to use it sparingly...

nickf
  • 537,072
  • 198
  • 649
  • 721