Results 1 to 6 of 6

Thread: You think this could take the place of business cards?

  1. #1
    Join Date
    Mar 2013
    Location
    White Plains NY
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default You think this could take the place of business cards?

    I made an experimental business card in CSS and was wondering if maybe there was a way we can share these cards via mobile phones (like how Bump works) so there'd no longer be a need for actual printed business cards. Anyone have any thoughts? Want to work together to make it happen?
    Nothing is clickable right now as it was just n experiment but yuo can check it out here:

    reelwebdesign.com/peter-marino.html

    Any thoughts?

    Peter
    Last edited by reelwebdesign; 03-17-2013 at 07:32 PM. Reason: link wasn't clickable

  2. #2
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    Why not base your work on the hcard microformat?

    ✓ machine- and human-readable
    ✓ established, well-recognized format
    ✓ degrades gracefully (javascript/css3+ not required)
    ✓ highly interoperable (it's just HTML!)

    You could still use the <canvas> (for graphics) underneath the hcard. SVG might be an option, too.

  3. #3
    Join Date
    Mar 2013
    Location
    White Plains NY
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Interesting Adrian, I never saw that before. Do you have full CSS control with it?

  4. #4
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    Yeah, sure, it's just normal HTML.

    This, for example:
    HTML Code:
    <style>
        .photo{ display: block; float: left; margin: 1em; border: 0; }
        .fn{ visibility: hidden; } 
        /* the hcard microformat requires `fn` ("full name"); even though we're not displaying it.
           it still has the benefit of being machine-readable, however -
           if your email client got this, for example, it would probably still sort it under the full name (not the nickname). */
        .nickname{ font-weight: bold; color: darkred; }
        .honorific-suffix{ font-weight: bold; color: #3e3e3e; }
        .category{ display: block; border: 0; }
    </style>
    
    <header class="vcard">
        <img class="photo" src="die-WHY_WONT_IT.png" alt="philosoraptor considering best practices in PHP">
        <h1>
            <p class="fn">Adrian Testa-Avila
            <p><a class="nickname url" href="member.php?29708-traq">traq</a>
        </h1>
        <p class="honorific-suffix">global $Moderator;
        <img class="category" src="images/ranks/moderator.gif" alt="global moderator">
    </header>
    ...would display very much like my post header here on DD.

    You can use stylesheets for SVG images, too, with surprisingly good results.
    Last edited by traq; 03-17-2013 at 09:23 PM.

  5. The Following User Says Thank You to traq For This Useful Post:

    mlegg (04-08-2013)

  6. #5
    Join Date
    Aug 2009
    Location
    charset utf-8
    Posts
    159
    Thanks
    4
    Thanked 5 Times in 5 Posts

    Default

    It looks cool, I could see my self embedding something like that onto a page compared to the boring About page.

  7. #6
    Join Date
    Jan 2009
    Location
    NH
    Posts
    364
    Thanks
    54
    Thanked 10 Times in 10 Posts

    Default

    That is very cool. thanks

Similar Threads

  1. Charging Credit Cards
    By Rockonmetal in forum Other
    Replies: 3
    Last Post: 09-10-2007, 09:28 PM
  2. Storing credit cards...
    By tech_support in forum PHP
    Replies: 24
    Last Post: 08-21-2007, 08:50 AM
  3. form that can use credit cards
    By jebeles in forum HTML
    Replies: 1
    Last Post: 05-31-2005, 12:06 PM
  4. Script to email e-cards
    By javapax in forum JavaScript
    Replies: 1
    Last Post: 05-22-2005, 12:35 PM
  5. is web design a business?
    By Web Designer in forum The lounge
    Replies: 1
    Last Post: 02-01-2005, 10:37 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •