24 ways: Styling hCards with CSS - The Diigo Meta page

• 11 May 12
  

  jan-erik gullholm

  CSSDev imported

• 30 Mar 11
  

  Michael Scharpf

  webdesign blog css

• 13 Jan 11
  

  cynazem

  MICROFORMATS hCard

• 24 Dec 09
  

  Patrick Mooney

  css microformats hcard xhtml vcard html web_design

• 18 Jun 09
  

  e w

  microformats hcard

• 29 Jan 09
  

  Jaemi K

  microformats hcards webdesign css

• 07 Jan 09
  

  richtbreak

  for Kim?

  web css hcards

• 02 Aug 08
  

  Bruno Bichet

  css hcard microformats delicious-20090827

• 02 Jul 08
  

  Maggie Wolfe Riley

  webdesign microformats CSS design layout

• 08 May 08
  

  Jang Eui Jin

  css

• 28 Mar 08
  

  vcard hcard css microformats

• 31 Jan 08
  

  links social scraps: digg payola wretch youtube stars cash in - mashable! web2.0

• 17 Dec 07
  

  James Tinsky

  css

• 12 Dec 07
  

  Hrvoje Blažeković

  css microformats hcard webdesign design

• 22 Jul 07
  

  Suvi-Tuuli Allan

  articles cool web design

• 18 Jun 07
  

  microformats

• 16 Mar 07
  

  Sam Rose

  style Hcard with css! coming soon toan Open Business Modles Wiki hive near you!

  css design xhtml microformats development reference semantics hcard

• 11 Jan 07
  

  Jeroen van der Ent

  articles CSS design hcard

• 06 Jan 07
  

  Ethan Gardner

  xhtml hcard microformat webDesign semantic css del.icio.us

• 03 Jan 07
  

  eimaj42jdp

  hcard microformats css delicious

• 02 Jan 07
  

  Christopher Allen

  "There are plenty of places online where you can learn about using the hCard microformat to mark up contact details at your site (there are some resources at the end of the article). But there’s not yet been a lot of focus on using microformats with CSS
  

  hcard vcard css microformats xhtml aesthetics webdev design howto vcf

• 30 Dec 06
  

  Gary Burge

  There are plenty of places online where you can learn about using the hCard microformat to mark up contact details at your site (there are some resources at the end of the article). But there’s not yet been a lot of focus on using microformats with CSS.

  hCard microformats CSS styling tutorials

• 27 Dec 06
  

  mr bones

  css hcard

• 

  Betty Sixtysix

  css hcard

• 24 Dec 06
  

  Christophe Ducamp

  css elegance hcard microformats style tutorial

  • There are plenty of places online where you can learn about using the hCard microformat to mark up contact details at your site (there are some resources at the end of the article). But there’s not yet been a lot of focus on using microformats with CSS. So in this installment of 24 ways, we’re going to look at just that – how microformats help make CSS based styling simpler and more logical.

      

    Being rich, quite complex structures, hCards provide designers with a sophisticated scaffolding for styling them. A recent example of styling hCards I saw, playing on the business card metaphor, was by Andy Hume, at http://thedredge.org/2005/06/using-hcards-in-your-blog/. While his approach uses fixed width cards, let’s take a look at how we might style a variable width business card style for our hCards.

      

    Let’s take a common hCard, which includes address, telephone and email details
  • Styling hCards with CSS by John Allsop
• 22 Dec 06
  

  Igor Maynaud

  microformats design hCard css

• 20 Dec 06
  

  Bart De Waele
• 

  anttil ­

  HTML design microformats CSS webdesign

• 16 Dec 06
  

  jim callender

  hCards CSS 24ways Styling

• 

  Arron Schaar

  Awesome Contact Information Card.. Use IT!

  css html webdesign

• 

  Tony Vigliano

  hcard corners webdesign microformats

• 15 Dec 06
  

  Jimmy Nordlund

  css microformats webdevelopment html

• 

  microformats css hcard

• 

  Ryan LaNeve

  css design Microformats

• 

  css corners hcard website_ideas

• 

  krypton pc

  CSS

• 14 Dec 06
  

  Eric Jensen

  css microformats design webdesign

• 

  Chrys R

  css microformats

• 

  Edgar Muñoz

  css microformats webdesign hcard design xhtml HTML

• 

  lcardoso Cardoso

  microformats hcard

• 

  jcassain

  CSS microformats

• 

  Flavio Kaminisse

  hcard design xhtml webdesign html tips web microformats webdev css reference links development

• 

  alphatesla

  Bookmarks CSS hcard microformats webdesign design xhtml html

• 

  a77ila
• 

  Eiji Fukushima

  microformats css hcard

Page Comments

• 
  Christophe Ducamp on 2006-12-24
  un article à paraître en 2007 pour amorcer la dynamique hCard en France ? Pratique pour épater les potes commel le râleur de Villamil ;-)
  

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.