piblog

pibil's blog: <!-- meta's best friend -->


Wed, 10 Mar 2004

CSS Crib Sheet #
Thanks to Dave Shea for creating this CSS crib sheet. |/css|

Thu, 17 Apr 2003

Added :after to abbr #
This entry has been posted to css-d@lists.css-discuss.org

Since I am addicted to the abbr element, I was concerned that readers were losing some semantic value when they printed a page that contained content in which I used abbr. To enhance the value of abbr, I have decided to add the :after pseudo-element selector to my print media stylesheet.

Now when the document prints, the value in the title attribute of abbr is printed after the content and is enclosed in parentheses. Here is the markup added to my basic-print.css:

abbr:after {content:" (" attr(title) ")";font-size: 90%;}

NOTE: Yes, I do know that there is a difference between abbr and acronym but since it looks like abbr will be dropped from XHTML2, I thought I would switch over to only using abbr now. |/css|

Wed, 02 Apr 2003

Icons in Markup #
I came across this demonstration of creating text-based icons totally in XHTML and CSS. I am not talking about images here because then we move into the SVG realm. But if you have an icon that can be represented in text, then this is a creative way to go.

I am always gung-ho for less images on a sight (as should be apparent from my rather graphic-barren sight), and if I can create a icon in text rather than embedding an image, I will now do so. However, I do not recommend using Marek's example of the W3C validation icon as this is covered by a copyright. |/css|

Sat, 15 Mar 2003

Eric Meyer at XML.com #
There is a very short interview of Eric Meyer at O'Reilly's XML.com. Mr. Meyer, without going on a limb, is the authority on CSS right now. I have three of his books and would recommend them to anyone interested in learning more about CSS. |/css|