DZone Snippets: design code

abbr formatting

elliottcable (elliott cable) — Thu, 13 Mar 2008 21:13:51 GMT

haml (easily transformed to css) snippet to format abbrs in a proper manner - you can still type them in ALL CAPS, but they will be displayed in Titlecase and small-caps. If you're using this, you're probably also using a custom face via @font-face, so you might want to explicitly declare the small-caps and lowercase variants of the typeface - the browser often fucks up auto-small-caps.

also, not tested in internet explorer. nothing I write is.



abbr

  :display inline-block

  :text-transform lowercase

  :font-variant small-caps

  

  &:first-letter

    :text-transform uppercase

PNG-24 Alpha support for IE

Seb (Sébastien Grosjean) — Tue, 04 Apr 2006 02:03:26 GMT

What so much webdesigners dream about!
Get alpha channel on web, that's possible with PNG-24 images and this trick.
BE CAREFUL: that seem to work only for 10 images per page.



  # Display PNG-24 images with alpha channel on IE

  # BE CAREFUL: with this trick, only 10 PNGs seems to be supported by IE

  # Don't forget to set the size of your div

  def transpng(id, png)

    '

    '

  end

tip: Database, For 'Event occurred' use bool from date.

MattScilipoti (Matt Scilipoti) — Sun, 26 Mar 2006 02:51:49 GMT

From: http://jamis.jamisbuck.org/articles/2005/12/14/two-tips-for-working-with-databases-in-rails
First tip: I’ve found recently that if I have a boolean field in the database that is being used to mark whether some event occurred (referrals.pending, or feeds.subscribed) it is often more effective to make the field a datetime and record the moment that the event occurred. Then, a NULL can be used to indicate that the event has not yet occurred. Thus, you have referrals.applied_at with a method on Referral like this:



  def pending?

    applied_at.nil?

  end

This gives you the capability down the road to not only report whether the event occurred, but how frequently over various periods of time.

Nice serif font set for CSS

peter (Peter Cooperx) — Tue, 10 May 2005 08:53:40 GMT

font-family: "Hoefler Text", Baskerville, "Big Caslon", "Adobe Garamond Pro", Georgia, Palatino, "Times New Roman", serif;