SlideShare une entreprise Scribd logo
1  sur  52
hUffdUffeR
Tuesday, March 3, 2009
create a
         podcast
Tuesday, March 3, 2009
what is a
         podcast?
Tuesday, March 3, 2009
RSS
       & enclosures
Tuesday, March 3, 2009
found
                         sounds
 http://hicksdesign.co.uk/journal/hicksdesigns-found-sounds
Tuesday, March 3, 2009
I’ve been thinking about maybe
            putting together a podcast — just an
            RSS feed — that points to
            interesting inspirational talks, sort
            of like Jon’s Found Sounds podcasts
            but for spoken word instead of
            music.
                                       —April 2008

                         http://adactio.com/journal/1460/
Tuesday, March 3, 2009
HF/DF
Tuesday, March 3, 2009
May I … know … to satisfy my own … curiosity …
            what sort of …?” the Duke says, and trails off.

            Waterhouse is ready for this. He is so ready that
            he has to hold back for a moment and try to
            make a show of discretion. “Huffduff.”

            “Huffduff?”

            “HFDF: High Frequency Direction Finding.
            A technique for locating distant radio
            transmitters by triangulating om several
            points.”
                                      —Cryptonomicon
Tuesday, March 3, 2009
code

Tuesday, March 3, 2009
code
           framework?
Tuesday, March 3, 2009
code
           Django?
           framework?
Tuesday, March 3, 2009
code
           Django?
           PHP?
           framework?
Tuesday, March 3, 2009
MVC
Tuesday, March 3, 2009
data

Tuesday, March 3, 2009
data
audio le



Tuesday, March 3, 2009
data
audio le + person



Tuesday, March 3, 2009
data
                  =
audio le + person
                  bookmark



Tuesday, March 3, 2009
data
                  =
audio le + person
                  bookmark
url
size
type

Tuesday, March 3, 2009
data
                  =
audio le + person
                  bookmark
url        name
size       email
             url
type

Tuesday, March 3, 2009
data
                  =
audio le + person
                  bookmark
url        name         title
size       email description
             url        tags
type

Tuesday, March 3, 2009
URLs


Tuesday, March 3, 2009
URLs
/new
/popular
/tags
/tags/tag
/username
/username/tags
/username/tags/tag
Tuesday, March 3, 2009
URLs
/new /rss
/popular /rss
/tags
/tags/tag /rss
/username/rss
/username/tags
/username/tags/tag /rss
Tuesday, March 3, 2009
presentation


Tuesday, March 3, 2009
presentation
       font-family: Baskerville,
                    Garamond,
                   ‘Hoefler Text’,
                   ‘Adobe Caslon Pro’,
                   ‘Bell MT’,
                   ‘Times New Roman’,
                    Georgia,
                    sans-serif;
Tuesday, March 3, 2009
Tuesday, March 3, 2009
Tuesday, March 3, 2009
behaviour


Tuesday, March 3, 2009
behaviour


Tuesday, March 3, 2009
structure


Tuesday, March 3, 2009
structure
    HTML5
Tuesday, March 3, 2009
structure
   HTML5
   microformats
    hCard hAtom rel-tag xFolk
Tuesday, March 3, 2009
XFN


Tuesday, March 3, 2009
XFN


                         rel=“me”
Tuesday, March 3, 2009
XFN
                          adactio.com


                         rel=“me”
Tuesday, March 3, 2009
XFN
             twitter.com/adactio   ickr.com/photos/adactio

                          adactio.com
    dopplr.com/traveller/adactio    last.fm/user/adactio



                         rel=“me”
Tuesday, March 3, 2009
rel=“me”
Tuesday, March 3, 2009
rel=“me”
Tuesday, March 3, 2009
rel=“me”
Tuesday, March 3, 2009
sparklines
Tuesday, March 3, 2009
sparklines
Tuesday, March 3, 2009
machine tags


Tuesday, March 3, 2009
machine tags
          book:title=cryptonomicon
          music:artist=radiohead
           lm:title=star wars



Tuesday, March 3, 2009
machine tags
          book:title=cryptonomicon
          music:artist=radiohead
           lm:title=star wars

     APIs
Tuesday, March 3, 2009
machine tags
          book:title=cryptonomicon
          music:artist=radiohead
           lm:title=star wars
                         New York Times
     APIs                Amazon
                         Last.fm
Tuesday, March 3, 2009
social
                networking

Tuesday, March 3, 2009
social
                networking

Tuesday, March 3, 2009
post-launch


Tuesday, March 3, 2009
post-launch
 huffduffer.lighthouseapp.com



Tuesday, March 3, 2009
post-launch
 huffduffer.lighthouseapp.com
 getsatisfaction.com/huffduffer


Tuesday, March 3, 2009
post-launch
 huffduffer.lighthouseapp.com
 getsatisfaction.com/huffduffer
 twitter.com/huffduffer
Tuesday, March 3, 2009
Tuesday, March 3, 2009

Contenu connexe

Similaire à Huffduffer

Liebe Dein Frontend wie Dich selbst! HAML & SASS & COMPASS & less
Liebe Dein Frontend wie Dich selbst! HAML & SASS & COMPASS & lessLiebe Dein Frontend wie Dich selbst! HAML & SASS & COMPASS & less
Liebe Dein Frontend wie Dich selbst! HAML & SASS & COMPASS & lessjan_mindmatters
 
RSC Future of Technology in Education
RSC Future of Technology in EducationRSC Future of Technology in Education
RSC Future of Technology in EducationMiles Metcalfe
 
Linked Data Publishing Three-Step
Linked Data Publishing Three-StepLinked Data Publishing Three-Step
Linked Data Publishing Three-StepRichard Wallis
 
Emergence
EmergenceEmergence
Emergenceblprnt
 
OpenID DrupalCon 2009
OpenID DrupalCon 2009OpenID DrupalCon 2009
OpenID DrupalCon 2009James Walker
 
Internationalization of your homepage
Internationalization of your homepageInternationalization of your homepage
Internationalization of your homepagegutskun
 
Social Bookmarking for Educators
Social Bookmarking for EducatorsSocial Bookmarking for Educators
Social Bookmarking for EducatorsJanice Stearns
 
iPhone Persistence For Mere Mortals
iPhone Persistence For Mere MortalsiPhone Persistence For Mere Mortals
iPhone Persistence For Mere MortalsTony Hillerson
 
Web Type: 80% Science, 20% Art
Web Type: 80% Science, 20% ArtWeb Type: 80% Science, 20% Art
Web Type: 80% Science, 20% ArtJon Tan
 
Rack Middleware
Rack MiddlewareRack Middleware
Rack MiddlewareJon Crosby
 
CSS Metaframeworks: King of all @media
CSS Metaframeworks: King of all @mediaCSS Metaframeworks: King of all @media
CSS Metaframeworks: King of all @mediaWynn Netherland
 
Termtter 2009-03-14
Termtter 2009-03-14Termtter 2009-03-14
Termtter 2009-03-14jugyo kohno
 
Presentation by David Troy at eComm 2009, San Francisco, CA
Presentation by David Troy at eComm 2009, San Francisco, CAPresentation by David Troy at eComm 2009, San Francisco, CA
Presentation by David Troy at eComm 2009, San Francisco, CADavid Troy
 
BigNoise - Web Design Firm, Charlotte, NC
BigNoise - Web Design Firm, Charlotte, NCBigNoise - Web Design Firm, Charlotte, NC
BigNoise - Web Design Firm, Charlotte, NCbignoise
 
Fennec Introduction preWinMoA3
Fennec Introduction preWinMoA3Fennec Introduction preWinMoA3
Fennec Introduction preWinMoA3dynamis
 
URIplay for Media Futures Conference (2009)
URIplay for Media Futures Conference (2009)URIplay for Media Futures Conference (2009)
URIplay for Media Futures Conference (2009)Chris Jackson
 
Multi player iPhone Games
Multi player iPhone GamesMulti player iPhone Games
Multi player iPhone GamesJohn Wilker
 

Similaire à Huffduffer (20)

Liebe Dein Frontend wie Dich selbst! HAML & SASS & COMPASS & less
Liebe Dein Frontend wie Dich selbst! HAML & SASS & COMPASS & lessLiebe Dein Frontend wie Dich selbst! HAML & SASS & COMPASS & less
Liebe Dein Frontend wie Dich selbst! HAML & SASS & COMPASS & less
 
RSC Future of Technology in Education
RSC Future of Technology in EducationRSC Future of Technology in Education
RSC Future of Technology in Education
 
Linked Data Publishing Three-Step
Linked Data Publishing Three-StepLinked Data Publishing Three-Step
Linked Data Publishing Three-Step
 
What I Learned
What I LearnedWhat I Learned
What I Learned
 
Emergence
EmergenceEmergence
Emergence
 
OpenID DrupalCon 2009
OpenID DrupalCon 2009OpenID DrupalCon 2009
OpenID DrupalCon 2009
 
Manoeuvres
ManoeuvresManoeuvres
Manoeuvres
 
Internationalization of your homepage
Internationalization of your homepageInternationalization of your homepage
Internationalization of your homepage
 
Social Bookmarking for Educators
Social Bookmarking for EducatorsSocial Bookmarking for Educators
Social Bookmarking for Educators
 
iPhone Persistence For Mere Mortals
iPhone Persistence For Mere MortalsiPhone Persistence For Mere Mortals
iPhone Persistence For Mere Mortals
 
Web Type: 80% Science, 20% Art
Web Type: 80% Science, 20% ArtWeb Type: 80% Science, 20% Art
Web Type: 80% Science, 20% Art
 
Rack Middleware
Rack MiddlewareRack Middleware
Rack Middleware
 
CSS Metaframeworks: King of all @media
CSS Metaframeworks: King of all @mediaCSS Metaframeworks: King of all @media
CSS Metaframeworks: King of all @media
 
Termtter 2009-03-14
Termtter 2009-03-14Termtter 2009-03-14
Termtter 2009-03-14
 
ONA09 Audience
ONA09 AudienceONA09 Audience
ONA09 Audience
 
Presentation by David Troy at eComm 2009, San Francisco, CA
Presentation by David Troy at eComm 2009, San Francisco, CAPresentation by David Troy at eComm 2009, San Francisco, CA
Presentation by David Troy at eComm 2009, San Francisco, CA
 
BigNoise - Web Design Firm, Charlotte, NC
BigNoise - Web Design Firm, Charlotte, NCBigNoise - Web Design Firm, Charlotte, NC
BigNoise - Web Design Firm, Charlotte, NC
 
Fennec Introduction preWinMoA3
Fennec Introduction preWinMoA3Fennec Introduction preWinMoA3
Fennec Introduction preWinMoA3
 
URIplay for Media Futures Conference (2009)
URIplay for Media Futures Conference (2009)URIplay for Media Futures Conference (2009)
URIplay for Media Futures Conference (2009)
 
Multi player iPhone Games
Multi player iPhone GamesMulti player iPhone Games
Multi player iPhone Games
 

Plus de adactio

The Design of HTML5
The Design of HTML5The Design of HTML5
The Design of HTML5adactio
 
Keeping it personal
Keeping it personalKeeping it personal
Keeping it personaladactio
 
The System Of The World
The System Of The WorldThe System Of The World
The System Of The Worldadactio
 
Creating Portable Social Networks with Microformats
Creating Portable Social Networks with MicroformatsCreating Portable Social Networks with Microformats
Creating Portable Social Networks with Microformatsadactio
 
Designing for the Social Web
Designing for the Social WebDesigning for the Social Web
Designing for the Social Webadactio
 
Microformats: what are they and why do I care?
Microformats: what are they and why do I care?Microformats: what are they and why do I care?
Microformats: what are they and why do I care?adactio
 
Ajax Kung Fu
Ajax Kung FuAjax Kung Fu
Ajax Kung Fuadactio
 
Explaining Ajax
Explaining AjaxExplaining Ajax
Explaining Ajaxadactio
 
The Beauty in Standards and Accessibility
The Beauty in Standards and AccessibilityThe Beauty in Standards and Accessibility
The Beauty in Standards and Accessibilityadactio
 
Ajax A Prueba De Balas
Ajax A Prueba De BalasAjax A Prueba De Balas
Ajax A Prueba De Balasadactio
 
Bulletproof Ajax
Bulletproof AjaxBulletproof Ajax
Bulletproof Ajaxadactio
 
Microformats: the Nanotechnology of the Semantic Web
Microformats: the Nanotechnology of the Semantic WebMicroformats: the Nanotechnology of the Semantic Web
Microformats: the Nanotechnology of the Semantic Webadactio
 

Plus de adactio (13)

The Design of HTML5
The Design of HTML5The Design of HTML5
The Design of HTML5
 
Keeping it personal
Keeping it personalKeeping it personal
Keeping it personal
 
The System Of The World
The System Of The WorldThe System Of The World
The System Of The World
 
Creating Portable Social Networks with Microformats
Creating Portable Social Networks with MicroformatsCreating Portable Social Networks with Microformats
Creating Portable Social Networks with Microformats
 
Designing for the Social Web
Designing for the Social WebDesigning for the Social Web
Designing for the Social Web
 
Microformats: what are they and why do I care?
Microformats: what are they and why do I care?Microformats: what are they and why do I care?
Microformats: what are they and why do I care?
 
Ajax Kung Fu
Ajax Kung FuAjax Kung Fu
Ajax Kung Fu
 
Explaining Ajax
Explaining AjaxExplaining Ajax
Explaining Ajax
 
The Beauty in Standards and Accessibility
The Beauty in Standards and AccessibilityThe Beauty in Standards and Accessibility
The Beauty in Standards and Accessibility
 
Ajax A Prueba De Balas
Ajax A Prueba De BalasAjax A Prueba De Balas
Ajax A Prueba De Balas
 
Bulletproof Ajax
Bulletproof AjaxBulletproof Ajax
Bulletproof Ajax
 
Soul
SoulSoul
Soul
 
Microformats: the Nanotechnology of the Semantic Web
Microformats: the Nanotechnology of the Semantic WebMicroformats: the Nanotechnology of the Semantic Web
Microformats: the Nanotechnology of the Semantic Web
 

Dernier

08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 

Dernier (20)

08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 

Huffduffer

Notes de l'éditeur

  1. “Create a podcast of found sounds.”
  2. I don’t mean “create audio files.”
  3. A podcast is not an audio file.
  4. Enclosures are a way of attaching multimedia files to RSS feeds (for download rather than embedding). A form of hypertext (hypermedia, really).
  5. Jon Hicks created a podcast: an RSS file that uses enclosures to link to MP3 files on band sites.
  6. Creating an RSS feed by hand is a pain. By creating a service to automate that process, I was scratching my own itch. If it’s useful to me, it might be useful to others too.
  7. This is normally the point when a definition is quoted from Wikipedia. I’m going to quote Neal Stephenson instead.
  8. huffduff.com was taken.
  9. Handy tip for strict separation: develop as if for a multi-lingual site; it will stop you sneaking small “views” into your models or controllers.
  10. Readable, guessable, hackable URLs are A Good Thing. Any page that has an RSS feed also has a JSON version (just swap /rss for /json). Also: xspf.
  11. If you’re only going to get one thing right, get the typography right. Huffduffer conciously avoids rounded colours, gradients and so-called “friendly” typefaces. The look is sparse, slightly austere, even a little elitist. But that encourages thoughtful participation. Designed in the browser. Photoshop was used, but not very often.
  12. Apart from the logotype, there is just one image on the site. This manicule is from the corner of Sackville Road and New Church Road in Hove.
  13. An attempt to make the sign-up process suck less. This garnered a lot of attention. Dan Cederholm dubbed it the “mad libs” sign-up form. I had never heard of the game.
  14. Not much JavaScript: just a bookmarklet to pop open a huffduffing window.
  15. HTML5 just for the heck of it. The AUDIO element was dropped because of Safari’s aggressive pre-buffering.
  16. XFN uses the rel attribute as a simple way of defining relationships e.g. friend, co-worker, sweetheart On the surface of it, the “me” value seems pointless. Actually, it’s enormously powerful, allowing you to associate multiple URLs with a single person.
  17. Google’s Social Graph API makes the “elsewhere” list possible. hKit is used to parse hCards on other sites to extract the value of the “photo” property. In the case of Last.fm, it’s simpler to parse the HTML of a public profile rather than making an authenticated API call.
  18. Coined by Edward Tufte: “data-intense, design-simple, word-sized graphics.” Made possible by the Google Chart API. Shows activity over time.
  19. Also called triple tags. As seen on Flickr. Machine tagging *emerged* on Huffduffer. Xavier Roy (username: Jax) just started doing it one day. Machine tagging a file on Huffduffer is a way of initiating searches on other data providers.
  20. The web doesn’t need another social network. The “for:” tag is taken straight from Delicious. iTunes + bookmarklet = a site you never have to visit. The ambitious plan: use the Social Graph API to drive recommendations based on relationships on other sites e.g. “You’re should listen to this audio file because it was huffduffed by this person that you know on Flickr, Twitter, etc.”
  21. Huffduffer launched in October 2008. Becuase I’m a lone developer, a to-do list would probably be as good as using a bug-tracking service. One or two people asked for comments but nobody really uses them. Surprisingly, people aren’t clamouring for the ability to host files. The Twitter account is a bot. Either be a human or be a machine but don’t be both.
  22. Building Huffduffer was a rewarding experience. Because I was scratching my own itch, even if no-one else used it, it’s still useful to me. As it turns out, there are now thousands of huffduffed files from over a thousand users. The next step is to use the network effects for recommendations and trends.