• ジャンプ率を考える

    フォントのサイズによってWebサイトに元気があるように見えるらしい

    ジャンプ率とは、Webサイトの中で一番小さい文字と一番大きい文字の比率のことで、この比率が大きければ大きいほど活発な元気なサイトに見えてくる。ただ、フォントだけではなく、オブジェクトの大小でもこの効果が現れるみたい。

    オブジェクトのアスペクト比は黄金比または白銀比を使う

    短い方を1として、1:1.1618 または 1:2.414 で統一させるとそれっぽく見える。

    間は10px 5px

    オブジェクトとオブジェクトは10px離し
    小さいオブジェクト同士は5px離す。2倍がいいかも。

     

  • jQuery UI も Twitter Bootstrapもテーマカスタマイズができた

    jQuery UI や Twitter Bootstrapのテーマを自由に変える

    jQuery UI やTwitter Bootstrapのスタイルはcssによって描画されていますが、そのCSS(と画像ファイル)を自由にカスタマイズできるページがあったみたいです。

    いやはやもう少し早く気づいておくべきでした・・。

    jQuery UI

    jQuery UI ThemeRoller
    http://jqueryui.com/themeroller/

    左ペインのメニューからいろいろ設定を変更してテーマを変えていきます。ギャラリーにはテーマ一覧もあったりして便利。設定完了したら「Download theme」ボタンをクリック。

    Twitter Bootstrap

    StyleBootstrap.info
    http://stylebootstrap.info/

    ここも同じようにカスタマイズした後最後にテーマをダウンロードできる。ダウンロードボタンがページ一番下にあるのでわかりにくいです。

  • jQuery UI も Twitter Bootstrapもテーマカスタマイズができた

    jQuery UI や Twitter Bootstrapのテーマを自由に変える

    jQuery UI やTwitter Bootstrapのスタイルはcssによって描画されていますが、そのCSS(と画像ファイル)を自由にカスタマイズできるページがあったみたいです。

    いやはやもう少し早く気づいておくべきでした・・。

    jQuery UI

    jQuery UI ThemeRoller
    http://jqueryui.com/themeroller/

    左ペインのメニューからいろいろ設定を変更してテーマを変えていきます。ギャラリーにはテーマ一覧もあったりして便利。設定完了したら「Download theme」ボタンをクリック。

    Twitter Bootstrap

    StyleBootstrap.info
    http://stylebootstrap.info/

    ここも同じようにカスタマイズした後最後にテーマをダウンロードできる。ダウンロードボタンがページ一番下にあるのでわかりにくいです。