ジャンプ率とは、Webサイトの中で一番小さい文字と一番大きい文字の比率のことで、この比率が大きければ大きいほど活発な元気なサイトに見えてくる。ただ、フォントだけではなく、オブジェクトの大小でもこの効果が現れるみたい。
短い方を1として、1:1.1618 または 1:2.414 で統一させるとそれっぽく見える。
オブジェクトとオブジェクトは10px離し
小さいオブジェクト同士は5px離す。2倍がいいかも。
jQuery UI やTwitter Bootstrapのスタイルはcssによって描画されていますが、そのCSS（と画像ファイル）を自由にカスタマイズできるページがあったみたいです。
いやはやもう少し早く気づいておくべきでした・・。
- jQuery UI ThemeRoller
- http://jqueryui.com/themeroller/
左ペインのメニューからいろいろ設定を変更してテーマを変えていきます。ギャラリーにはテーマ一覧もあったりして便利。設定完了したら「Download theme」ボタンをクリック。
- StyleBootstrap.info
ここも同じようにカスタマイズした後最後にテーマをダウンロードできる。ダウンロードボタンがページ一番下にあるのでわかりにくいです。
- bitly
- https://bitly.com/
Twitterが突発的に流行りだした時に一緒に有名になった短縮URLサービス。bit.ly ちょっとAPI調べて使ってみます。
これAPIリクエストの制限とかあるのかな。
create account のところをクリック
http://api.bit.ly/shorten?version=2.0.1&login=ログインアカウント名&apiKey=APIキー&longUrl=http://www.yahoo.co.jp/
{
errorCode: 0,
errorMessage: "",
results: {
http://www.yahoo.co.jp/: {
userHash: "Qflg0g",
shortKeywordUrl: "",
hash: "INPsu",
shortCNAMEUrl: "http://bit.ly/Qflg0g",
shortUrl: "http://bit.ly/Qflg0g"
}
},
statusCode: "OK"
}Code language: JavaScript (javascript)var xh = new XMLHttpRequest();
xh.open("GET", "http://api.bit.ly/shorten?version=2.0.1&login=ログインアカウント名&apiKey=APIキー&longUrl=http://www.yahoo.co.jp/", false);
xh.send();
var obj = JSON.parse(xh.responseText);
for (var i in obj.results){
var url = obj.results[i].shortUrl;
}
alert(url);Code language: JavaScript (javascript)“http://bit.ly/Qflg0g”