jQuery UIのデザインをオリジナルに変更したサンプル

Ads
cssやプログラミング

分かりやすいタイトルが思い浮かばない
ので適当な感じになりましたが。jQuery
UIのデザインをちょっと今風に変更した
サンプルが配布されていたので備忘録。
jQuery UI、凄く機能的で良いんですが、
用意されているデザインが若干使いにく
いんですよね。

jQuery UIのデザインを変更するやつです。正直、公式で用意してくれているデザインは沢山あるんですが、どれも少々使いにくい感じなので自分で作るしか無いわけですが、結構面倒です。

で、今日紹介するサンプルはBootstrapっぽい感じで割りと使いやすいのではないかと思ってメモがてら記事にします。

Selene


こんな感じ。以下動作サンプルです。

Sample

使い方は変わらないです。CSSだけSeleneっていうのを使えばいいだけ。

<link type="text/css" href="ui-selene/jquery-ui-1.8.17.custom.css" rel="stylesheet" />

いい感じなので、これをまた弄って自分用を作るのもありですね。jQuery UIは便利なのでこういう、変更しやすいデザインストックも持ち合わせておくと良さそうです。

Selene on github

タイトルとURLをコピーしました