1. First
  2. Prev
  3. 1
  4. 2
  5. 4
  6. 6
  7. 7
  8. Next
  9. Last
  1. Name that font! Finding the right name for a CSS font stack

    Specifying a font with CSS font-family by its font name is more complicated than I’d realized. If you’re trying to achieve maximum compatibility of a slightly off-web-safe font without using @font-face, it may actually be impossible to account for all visitors — even if they actually have the font installed. But it’s possible to get pretty far. The good news is that if you just want Mac users to see Helvetica Neue, it’s pretty simple! Windows is less simple.

  2. Marking up contacts using semantic HTML5 & microformats

    HTML does a great job at generic semantics for documents. But there are many things on websites that don’t have semantic tags in HTML. Important information can end up meaningless or misinterpreted just because there are no tags to say, for example, “this bit of text is the name of a person.” There are many solutions, including XHTML, microformats, and RDF. Now there’s HTML5 microdata. Here’s how to mark up a profile using HTML5 microdata, microformats, & Google’s Data Vocabulary.

  3. Is there a web-safe Helvetica Neue CSS font-family stack?

    Since when was CSS so picky about how to format the name of a font in a font-family stack? I attempted to use Helvetica Neue in a font stack on a design, only to find it doesn’t show up even though the font is installed.

  4. Breadcrumbs & the CSS3 general sibling selector

    After reading an interesting blog entry about the breadcrumbs on Apple’s website, I undertook to experiment with breadcrumb design — as I haven’t had real need for them in any recent projects. This post explores drop-down breadcrumbs and some effects using CSS3’s general sibling selector (~). And webkit has a buuuug.

  1. First
  2. Prev
  3. 1
  4. 2
  5. 4
  6. 6
  7. 7
  8. Next
  9. Last