• 09 Jul 19
  

  gsheehy

  mashup

• 14 Jan 14
  

  Willard Roseberry

  api programming developer howto methods mashup

• 18 Aug 13
  

  Quantum Quantum
• 28 Jun 13
  

  khoiril anwar

  "How To Make Your Own Web Mashup"

  mashup mashups howto programming api web web2.0 reference

• 16 May 13
  

  Ryan Sharkazy

  mashup api mashups programming web2.0

• 26 Mar 13
  

  Linda Humes

  mashup api programming howto web2.0 mashups tutorial web

• 04 Feb 13
  

  Ernesto Garrido

  2.0 Mashups Tutorial

• 08 Oct 12
  

  waga boy
  • Do you have a server to run this on?
  • While this is indeed simple, security issues limit JavaScript's suitability for true client-only mashups.
  • most web APIs aim to be language-agnostic

  1 more annotation...

• 10 Jul 12
  

  Antoinette

  mashup web2.0 programming howto mashups web

• 19 Jun 12
  

  Anne McCrossan

  data code mashup mapping

• 20 Jan 12
  

  MH J

  api programming tutorial

• 18 Jan 12
  

  s_m_roberts

  mashups mashup api programming web2.0 howto tutorial web

• 01 Dec 11
  

  benitol
• 05 Nov 11
  

  bogdanp75

  Mashups http://t.co/oLh6lHzy

  #twitterfav

• 23 Aug 11
  

  Scholl Guin

  howto api tutorial programming web2.0

• 13 Aug 11
  

  Simon Sanders

  api mashup programming howto tutorial

• 

  Steven Barrett

  mashup api

• 16 May 11
  

  reggiecasual
• 12 Apr 11
  
• 21 Mar 11
  

  Carlos Afonso

  Antigos Marcadores Desorganizados

• 14 Mar 11
  

  Erica Van Uitregt

  mashups

• 08 Feb 11
  

  erubio23
• 09 Jan 11
  

  Jordan Meyer

  opendata

• 03 Jan 11
  

  Otger Espinet

  mashup

• 24 Oct 10
  

  Jd lasica

  mashup mashups howto googlemaps

• 02 Oct 10
  

  Vario Vitelli

  maps yahoo pipes yahoopipes

• 27 Sep 10
  

  Trevor Calvert

  diy maps mashup google tutorial web2.0 web

• 24 Sep 10
  

  api tutorials

• 16 Sep 10
  

  Jim Cottrell

  mashup

• 

  sheera ravi

  api mashup tutorials collection

• 12 Sep 10
  

  Eran Toch

  mashup api

• 16 Jun 10
  

  johny why

  mashups programming

• 28 Apr 10
  

  Luciano Santa Brígida

  api google googlemaps mashup php programming reference resources tools mashups webdesign

• 23 Apr 10
  

  Ryan Thornburg

  APIs mashups

• 22 Apr 10
  

  Simon Carr

  mashup web2.0 api programming

• 31 Mar 10
  

  jose man gomez

  delicious mashup toread tfc fromdelicious

• 

  Facyla ~

  "How To Make Your Own Web Mashup
  So you want to make a mashup but aren't entirely sure where to begin? This page can help you get there.
  1. Pick a subject [...]
  2. Decide where your data is coming from [...]
  3. Weigh your coding skills [...]
  4. Sign-up for an API [...]
  5. Start coding [...]"

  mashup list API code programming howto tutorial del.icio.us

• 21 Mar 10
  

  ashgre

  programming tutorial web2.0 Programming_Coding & Data Mashup Resources delicious

• 17 Mar 10
  

  david packles

  web2.0 tutorial toyoulive delicious

• 28 Feb 10
  

  Stephan Miller

  mashup api mashups programming web2.0 howto

• 24 Feb 10
  

  Gavin Allanwood

  mashup web2.0 api programming howto tutorial te2042

• 27 Jan 10
  

  Barry Ryan

  mashup api

• 23 Jan 10
  

  howto mashup LitRev

• 04 Jan 10
  

  Polly-Alida Farrington

  mashups api howto tutorials

• 01 Jan 10
  

  Rudiger Wolf

  mashup web2.0 api programming howto tutorial ajax web googlemaps links

• 24 Nov 09
  

  Tino Schmidt

  diigo mashup api overview

• 22 Nov 09
  

  Ingrid Sturgis

  mashups

• 16 Nov 09
  

  target

  mashup api web2.0 mashups programming

• 09 Nov 09
  

  Doreva Belfiore

  657 mashup

• 08 Nov 09
  

  unbowed

  reference tips web2.0 mashup api how to tutorial

• 07 Nov 09
  

  vosko03

  mashup web2.0 api programming howto tutorial ajax web

• 26 Oct 09
  

  howto create mashups programmableweb

• 06 Oct 09
  

  don deka

  mashup web2.0 api programming howto via_delicious_feb2011

• 05 Oct 09
  

  Louise Rubin

  mashup api programming tutorial

• 04 Oct 09
  

  amit_e

  API mashup programming howto tutorial

• 30 Jul 09
  

  AnandavelMurugan Chandramohan

  web2.0 mashup programming howto

• 18 Jun 09
  

  Marthinus Swart

  mashup web2.0 programming web

  • So you want to make a mashup but aren't entirely sure where to begin? This page can help you get there.
• 01 May 09
  

  Suzanne Boutot

  mashup_tutorials

• 

  Jim Stoll

  mashup delicious

• 29 Apr 09
  

  Jerry Mancuso

  imported Bookmarks GoogleMaps

• 07 Apr 09
  

  Kathryn James

  Part of a larger site - this page is about Mashups and how to make them

  EECC Mashup Visual learning

• 03 Apr 09
  

  Ankit Mishra

  Programming

• 18 Mar 09
  

  Guy Burdick

  imported howto programming mashup maps web2.0 api tutorial ajax

• 09 Mar 09
  

  tips mashups

• 22 Feb 09
  

  Vitor Barbosa

  mashup web2.0 api programming howto ajax mashups blog tutorial

• 

  Google map mash up

  google tutorial maps mashup

• 19 Feb 09
  

  yiah12

  web2.0 web howto google tutorial ajax mashup programming api

• 

  Jaap Walhout

  api mashup

• 02 Feb 09
  

  Lisa Lynch

  data mashups

• 25 Jan 09
  

  petter w
• 19 Jan 09
  

  Linda Wadman

  web2.0 tools mashups tutorials webdev webservices

• 

  Ann Walker Smalley

  web2.0 tutorials mashups

• 12 Jan 09
  

  Trebor Scholz

  mashup

• 26 Nov 08
  

  Xia Lin

  tutorials web2.0 mashup apis howto

• 22 Nov 08
  

  Gregor Franzen

  mashup

• 20 Nov 08
  

  david johnson

  webdesign mashups googlemaps mashup development web map api webdev

• 13 Nov 08
  

  mashup

• 08 Nov 08
  

  andyscotuk

  web web2.0 mashup

• 25 Oct 08
  

  Eileen Schroeder

  mashup web2.0 APIs ajax UWWInfoSys

• 

  taha owies
• 04 Oct 08
  

  stevensochoy

  mashup tutorial to_student

• 01 Oct 08
  

  Michel Auger

  tutorial web2.0

• 30 Sep 08
  

  Ordizia Jakintza

  Mashup egiteko gida, zerbitzu piloen APIen erreferentziarekin

  mashup mashups howto Tips tutorials API

• 19 Sep 08
  

  Kat Kreugar

  bookmarks web2.0 mashup programming apps howto maps tutorial reference

• 04 Sep 08
  

  Josh Allen

  google maps mashups

• 26 Aug 08
  

  bds999

  tools diy software programming tutorial

• 15 Aug 08
  

  Chris

  programming web2.0 webdesign mashups

• 22 Jul 08
  

  Jenny Darrow

  mashups api howto

• 09 Jul 08
  

  Glyn Mottershead

  api blogs geotagging mashups mashup web2.0 programming howto tutorial ajax web for:yamahito for:j_tech for:journalismtechnology for:glynmottershead

• 03 Jul 08
  

  Library Zen

  maps mashups

• 18 Jun 08
  

  he yin

  mashup delicious

• 12 Jun 08
  

  Brett Veenstra

  api web2.0 mashup webdev reference howto

• 11 Jun 08
  

  mark van

  mashup

• 06 Jun 08
  

  Fernando S

  mashups apis howto programming mashup api web

• 05 Jun 08
  

  sean connin

  web-mapping mashup

• 03 Jun 08
  

  Cherie Hurwitz

  mashup tutorial

• 18 May 08
  

  miss ncu

  • How To Make Your Own Web Mashup

     

     

    So you want to make a mashup but aren't entirely sure where to begin? This  page can help you get there.

     

    1. Pick a subject

     

    Answer the question: a mashup of what? Hint: Plotting markers on maps is  probably the easiest place to start. It might just be the best delis in your  neighborhood. While you could go for something more complex with muliple data  sources: maps + photos + bookmarks + more, you may want to keep it simple  to start.

     

    This helps define what APIs and tools you'll be looking at: maps, news,  auctions, products, etc. Browse this site's API  Database and sort by Category to get a sense of API types. You can also  browse the Mashup Listing to see which  interesting applications have been built using which APIs.

       

    2. Decide where your data is coming from

     

    What is the source of your data? This can drive the APIs you'll use. For  example, if you want to do something with your photos on Flickr or sale items on  eBay, then those vendors APIs are the likely candidates. Or, you may be  inputting the data yourself such as with simple map markers. In which case your  options are more open.

     

    (For the purposes of this Guide, I won't spend time distinguishing between  a true 'mashup', thus 2 or more data sources, and just using an API, which may  mean only 1 external source. The exact definition of mashup is vague so no need  to fight semantics at the moment.)

       

    3. Weigh your coding skills

     

    Mashups, as of today, are mostly a programmer's affair although there are  some tools such as MapBuilder and Wayfaring that can help you create basic  maps without coding.

     

    How much of a coder are you?
    Maps APIs are simplest but more  sophisticated APIs, such as those for conducting financially-sensitive  operations like auctions, are more complex.

     

    How much time do you have?
    Again, development speed is inversely  proportional to complexity.

     

    Do you have a server to run this on?
    Simpler APIs can be used from  JavaScript in a web page or take specially formated XML file as input (as shown  here at Engadget).  While this is indeed simple, security  issues limit JavaScript's suitability for true client-only mashups. Odds are  that you will need to run your application from a web server which you manage or  have access to.

     

    What language will you use?
    This is primarily driven by what  programming languages you know. While your decision may also be influenced by  vendor-provided toolkits, most web APIs aim to be language-agnostic so this is  less of a vendor-dictacted issue than your own choice. You can use the API reference to see if an API has a language-specific toolkit  (such as Flickr which has many).

     

    Note that this whole step may arguably be Step 1, depending on your  perspective.

       

    4. Sign-up for an API

     

    Most, but not all, API providers require you to have a developer/application  ID, a user account with their service, or both. Some services give you one ID  for as many applications as you write while others require you to get an ID for  each application that you create. While this signup may sound complicated, and  for a few services it is, most of the time this takes only a minute or two to  complete. As an example, take a look at the Google Sign-up  Page.

       

    5. Start coding

     

    For this step, the big one, rather than describe the many variations in  detail, I'll refer you to a variety of well-written and useful API-specific  tutorials and introductions. You can also check the profile for any of the APIs and refer to resources from the reference section as needed.

     

    Note that this list is dynamic and will change over time so check back  later for updates.
• 

  cat509 z

  mashup

• 

  cat509_98

  mashup

• 15 May 08
  

  Ashley Tolleson

  m mashup web2.0 mashups howto

Page Comments

• 
  Jason Fleming on 2006-08-02
  How To Make Your Own Web Mashup So you want to make a mashup but aren't entirely sure where to begin? This page can help you get there.
• 
  Pankaj on 2006-08-04
  So you want to make a mashup but aren't entirely sure where to begin? This page can help you get there.
• 
  Lindsay Donaghe on 2006-08-23
  Great resource here... a tutorial to get started and a list of popular web APIs with sample code.
• 
  lewis martin on 2006-10-25
  resource to read
• 
  lewis martin on 2006-10-25
  resource to read

Would you like to comment?

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