Twitter Bootstrap その２ 権利関係とフォント

以前，Twitter Bootstrap について投稿した．
で，今回はTwitter Bootstrapの権利関係とフォントについて
調べてみた．

☆権利関係について．
Topページに記載されているLicenseは２つ．
Creative Commons 3.0 とApache License 2.0 だ．
まずはCreative Commons 3.0 だが，

コピーと再配布可能で，商用利用可能．
だけどオリジナル著者の名前の表記は指示通りにせよ．

という感じ．
困るのがApache License 2.0．
LicenseファイルとNOTICEファイルを一緒にupしないといけないはずが，
ダウンロードしたのを探すが特にNOTICEファイルは見つからず． 
自分で用意しろってことかな？
それぞれ，Apacheのホームページから落として，NOTICEはそれっぽく書けばいいか…

まぁ要点としては，
・商用利用が可能
・オリジナルの作者表記を消さない
・ApacheLicense2.0用に２つの.txtファイルを一緒にアップロードする
こんなところか…

後々，面倒なこと（適用ライセンスが変わったりした際のトラブル）にならないよう，
ちょっと厳格に対処した方がいいかもしれないですね．
改変あたりに注意が必要？

☆フォントについて
HelveticaとArial がbodyのfont-familyに記載されている．
Macを使ってる人はともかく，Windowsを利用されてる方は
webサイトを印刷して配布〜とか気を付けた方が良さそう．
 
 

   


  

 

BloggerでTwitter Bootstrap CSSを使ってみる

BloggerでTwitter Bootstrap CSSを使ってみる．

Twitter BootStrap CSSというのは，twitterのようなデザインのCSSのこと．
これを利用する事で，カッコいいデザインのサイトを簡単に作れるようになる．

使い方は簡単．
公式サイトからファイルをダウンロードして，CSSとして読み込むだけ．
例えば，この上のボタンはこんな感じにして，classにボタンの種類を設定している．

 
//ボタンが押されたらCSSをheadに突き刺す
<script type="text/javascript">
<!--

function loadCSS(){
    var bscss = document.createElement("link");
    bscss.rel="stylesheet";
    bscss.href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css";
    bscss.type="text/css";
    document.getElementsByTagName('head')[0].appendChild(bscss);
}

// -->
</script>

//ボタンを実装
<form>
<input class="btn btn-primary" onclick="loadCSS()" type="button" value="  Change CSS !!  " />
</form>

ボタンパーツ以外にも色々とPHPでゴニョゴニョするようなものが，
簡単に実現出来る優れものです．

ちなみにprogress bar プログレスバーはこんな感じ．