Chovy’s Blog

Homer Simpson CSS (Animated) = AcidX

Wed, April 30, 2008 — Category: UI Design

I was waiting for someone to do something cool after having seen the acid2/3 tests of late. Looks like Homer CSS is the first iteration of pure CSS amazement.

Thanks to Chris Coyier from CSS-Tricks for pointing out this little ditty….from Román Cortés.

Below is a screenshot of the infamous character Homer Simpson, created from CSS.

Homer CSS - AcidX

I look forward to seeing more “AcidX” variations in the future — the successor to CSS Zen perhaps?

For those interested, the “acid tests” are available at acidtests.org: an effort to provide a litmus test for W3C and standards compliance among browser makers with respect to CSS (acid2) and CSS/JavaScript (acid3).

Update: Checkout the animated version of Homer CSS…and the George Bush CSS.

  • Post Homer Simpson CSS (Animated) = AcidX to del.icio.us
  • Post Homer Simpson CSS (Animated) = AcidX to digg
  • Post Homer Simpson CSS (Animated) = AcidX to Furl
  • Add Homer Simpson CSS (Animated) = AcidX to YahooMyWeb
  • Simpify!
  • Post Homer Simpson CSS (Animated) = AcidX to shadows
  • Post Homer Simpson CSS (Animated) = AcidX to Spurl
  • Post Homer Simpson CSS (Animated) = AcidX to BuddyMarks
  • Submit Homer Simpson CSS (Animated) = AcidX to Slashdot

IAP Political Forum -

Wed, September 19, 2007 — Category: UI Design

Great political forum recently redesigned with speed improvements.
read more | digg story

Great political forum recently redesigned with speed improvements.

read more | digg story

  • Post IAP Political Forum - to del.icio.us
  • Post IAP Political Forum - to digg
  • Post IAP Political Forum - to Furl
  • Add IAP Political Forum - to YahooMyWeb
  • Simpify!
  • Post IAP Political Forum - to shadows
  • Post IAP Political Forum - to Spurl
  • Post IAP Political Forum - to BuddyMarks
  • Submit IAP Political Forum - to Slashdot

Ruby Text in CSS3

Wed, September 12, 2007 — Category: UI Design

No…not that “ruby” (aka ruby on rails). “Ruby text”, as it pertains to CSS3, allows for aligning fragments of text without a complex table structure to achieve the same thing.

“Ruby text” is a new paradigm added to the CSS 3 specification (currently in draft). It allows an author to associate and align blocks or fragments of text with each other.

“Ruby” is the term used for a run of text that is associated with another run of text, referred to as the base text. Ruby text is used to provide a short annotation of the associated base text.CSS 3.0


<ruby>
  <rb>WWW</rb>
  <rt>World Wide Web</rt>
</ruby>

This would allow the design to place the ruby and the ruby text in the desired order, as shown here:

Ruby text markup

Common use cases will be for content written in Japanese or Chinese…although there are many examples of it in English as well.

  • Post Ruby Text in CSS3 to del.icio.us
  • Post Ruby Text in CSS3 to digg
  • Post Ruby Text in CSS3 to Furl
  • Add Ruby Text in CSS3 to YahooMyWeb
  • Simpify!
  • Post Ruby Text in CSS3 to shadows
  • Post Ruby Text in CSS3 to Spurl
  • Post Ruby Text in CSS3 to BuddyMarks
  • Submit Ruby Text in CSS3 to Slashdot
Next Page »
 
Keyword Advertisers:
SEO Directory SEO Links Free Link Directory Shopping Submission Directory Gardening Tips Political Forum Search Engine Optimization Search Engine Marketing Audio Video Directory SEO Forum Web Development Blog Organic SEO Wiki Web Development Consulting

Learn more about purchasing keyword text link ads on this site.