Web 2.0

This is a website that is wholly user generated. Some accepted ways of thinking about this is that static content (this page for example) is 1.0, database driven pages would be 1.5 and completely user generated sites (like Ebay, MySpace, Facebook etc.) . Sites that are a big part of Web 2.0 would be MySpace, Twitter, Facebook, Delicious and of course, YouTube.

One of the smart ways to integrate these sites into YOUR site appears below:

I will use Twitter as an example.

Go on over to Twitter. Create an account.

My twitter account is located at http://twitter.com/bkvagnini

Create a new layer on your page and click inside to select the layer contents.

Paste this code into your page, changing the bold portions...


<div class="module-widget module" id="div">
<div class="module-content">
<h2 style="margin:0" class="module-header">Twitter Updates</h2>
</div>
</div>
<div class="module-widget module" id="widget-Twitter_twitter_updates">
<div class="module-content">
<ul class="module-list" id="twitter_update_list">
</ul>
<div align="left"><a href="http://twitter.com/bkvagnini" id="twitter-link" style="display:block;text-align:left;">follow me on Twitter</a>
<script type="text/javascript" src="http://twitter.com/javascripts/typepad.js"></script>
<script text="text/javascript" src="http://twitter.com/statuses/user_timeline/bkvagnini.json?callback=twitterCallback2&amp;count=5"></script>
</div>
</div>
</div>
<div class="module-widget module" id="div2">
<div class="module-content">
<script type="text/javascript">var _sttoolbar = {}</script>
<script src="http://w.sharethis.com/widget/sttypepad.js" type="text/javascript"></script>
<script type="text/javascript">stTypePad.init('http://w.sharethis.com/widget/?tabs=web%2Cemail&charset=utf-8&style=default&publisher=e362753f-2165-4e84-9cbd-1d8393beab7f');</script>
</div>
</div>
</div>
<div id="Layer3">
<p></p>
<div class="module-widget module" id="widget-ShareThis_ShareThis"></div>

 

The finished result looks like this

twitter image

and can be found at http://www.vagnini.net

Another site that uses it is Inktank, one of my favorite web cartoonists, found at http://www.inktank.com/

Look to the right side of the site and you'll see what he's up to...