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

スポンサーリンク

分かりやすいタイトルが思い浮かばない
ので適当な感じになりましたが。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 :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services