一行でウェブページが編集可能

URL欄に下記を直接入力

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

編集が可能になるだけで、保存は不可能。
ちょっと面白かったｗ

Twitterのステータス呼び出し

http://twitter.com/badges で提供しているタイプを改造し、ステータス自体にリンクを貼ったもの。
ヘッダー部分に

<script type="text/javascript">
<!--
function twitterCallback2(obj) {
var twitters = obj;
var statusHTML = "";
var username = "";
for (var i=0; i<twitters.length; i++){
username = twitters[i].user.screen_name
statusHTML += ('<li><a href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+twitters[i].text+'</a></li>')
}
document.getElementById('twitter_update_list').innerHTML = statusHTML;
}

function relative_time(time_value) {
var values = time_value.split(" ");
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);

if (delta < 60) {
return 'less than a minute ago';
} else if(delta < 120) {
return 'about a minute ago';
} else if(delta < (60*60)) {
return (parseInt(delta / 60)).toString() + ' minutes ago';
} else if(delta < (120*60)) {
return 'about an hour ago';
} else if(delta < (24*60*60)) {
return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
} else if(delta < (48*60*60)) {
return '1 day ago';
} else {
return (parseInt(delta / 86400)).toString() + ' days ago';
}
}
//-->
</script>

ボディ部分に

<div id="twitter_div">
<h2 class="twitter-title">My statuses</h2>
<ul id="twitter_update_list"></ul></div>
<script type="text/javascript"
src="http://twitter.com/statuses/user_timeline/
usename.json?callback=twitterCallback2&count=1" mce_src="http://twitter.com/statuses/user_timeline/
usename.json?callback=twitterCallback2&count=1"></script>

オンマウスで説明文を表示

ヘッダーエリアに

<script language="javascript">
<!--
function xShow(str,exp){
document.getElementById("caption").innerHTML="<img src='"+str+"'>";
document.getElementById("label").innerHTML=exp;
}
function xHide(){
document.getElementById("caption").innerHTML=document.getElementById("label").innerHTML=" ";
}
//-->
</script>

ボディ部分に

<ul>
<li class="menu01" onmouseover="xShow('cap1.jpg','説明文')" onmouseout="xHide()"><a href="#">メニュー1</a></li>
<li class="menu02" onmouseover="xShow('cap2.jpg','説明文')" onmouseout="xHide()"><a href="#">メニュー2</a></li>
</ul>

表示させたい部分

<div id="caption"> </div>
<div id="label"> </div>

CSSも反映させられるから便利そう。