• 200711 Oct

    Kornel mailed me today with an addition to the text-shadow preview page, that looks quite good :). He noted that the Safari implementation of text-shadow is a bit poor, as it supports only one shadow, and they are offset wrong by 1px. Thanks Kornel!

    If you have any additions or new preview pages, feel free to contact us!

    You can skip to the end and leave a response.


  • Comments

    • 01.

      Can the demo page be altered so it doesn’t use white-on-white? It’s not only an accessibility issue but also theoretically a major problem for SEO and isn’t a technique that should be promoted.

    • 02.

      That multiple shadows demo looks very nice :)

    • 03.

      Argh, I see visions of fire logo’s all over again :o)

      It’s a nice feature to be able to use as long as the page gracefully degrades for older browsers that don’t support this and designers don’t rely on the drop shadow for the text to show up. (As Robin has correctly pointed out).

      I’m sure Firefox won’t be far behind with implementing this.

    • 04.

      “I’m sure Firefox won’t be far behind with implementing this.”

      AFAIK, Gecko 1.9 (the engine used in the next release of FF) is now frozen for features, and text-shadow is NOT in there; therefore, I don’t think we’ll be seeing it until at least FF4, unless there’s an interval release between the two.

      The only notable CSS features I’ve seen confirmed for FF3 are display: inline-block, and rgba/hsla colors.

      http://developer.mozilla.org/en/docs/Firefox_3_for_developers#CSS

    • 05.

      The only notable CSS features I’ve seen confirmed for FF3 are display: inline-block, and rgba/hsla colors.

      Well, and Acid2 compliance, if you consider that a feature. :-) It seems that they decided to focus on fixing bugs and filling longstanding gaps (like inline-block, which is going to be incredibly useful), rather than pushing ahead on new stuff. I have to admit, after getting virtually no new CSS tools in Firefox 2, I was hoping for something a bit more radical in Firefox 3.

    • 06.

      @Robin: trust me, I know my SEO, and this is no problem at all. The white on white is there on purpose as it’s a demo, so I’m not too worried about accessibility either to be honest.

    • 07.

      Bug report: the link in the first paragraph at the text-shadow is marked-up as an code-element. So, your link doesn’t work and is displayed quite ugly.

    • 08.

      Joost: obviously neither of these is a problem for the demo. It’s just that demo techniques tend to escape into the real world where they stay for decades.

    • 09.

      Acid 2 was so yesterday :)

      Yeah, the off by 1px s a big problem for us (Opera) as Safari implemented it first so most sites obviously tested in Safari. That makes many of the text with text-shadow look plain ugly (like double text). This site used to have it on the menu items for example.

      Opera has had multiple text shadows from the start (and I’d assume box shadpws when that comes), but I never thought of a good use case for it. I was thinking more along the lines of shadows going in different directions. The demo looks cool though. You can probably do some cool affects that make t text look like it glows, like when blue light is behind in on shop fronts and such.

    • 10.

      @Arjan: which browser are you using?

      @Robin: I have a pretty high esteem of our uses, and don’t think they’d use it wrongly :) this is obviously not a way to display big amounts of text :)

    • 11.

      I presume Arjan is talking about this page

      http://www.css3.info/preview/text-shadow/

      In the first sentence the code for the link to “text-shadow” is actually being displayed as apposed to being in the HTML. Displays the same for me in all browsers. ;)

    • 12.

      Aht hx guys, had the tags the wrong way around there ;)

    • 13.

      The final release of FF 3 is out and text shadow is not in. :( It is a nice release regardless.

    • 14.

      [...] de Valk wrote: Kornel mailed me today with an addition to the text-shadow preview page, that looks quite good :). He noted that the Safari implementation of text-shadow is a bit poor, as [...]

    • 15.
    • 16.

Hosting by: