デザイナ向け「初めてのjQuery」
Envato: Get every type of asset for any type of project, and a full stack of AI tools From $16.50/m
こんばんは。松田です。 ほんのちょっと手を入れるだけで、ただのテーブルレイアウトがかっこよくなってしまうjQueryプラグイン「Flexigrid」を使ってみました。 「Flexigrid」を使うと、カラムの表示/非表示機能、色分け、配置換え、リサイズなどいろんな機能を自動的に付けてくれます。 まずは普通にテーブルを作ってみます。 ソース とてもシンプルでかっこわるいですね! これをFlexigridを使ってかっこよくしてみます。 やることは3つ。 ・headタグ内でスクリプトとCSSの読み込み ・テーブルにID(ここでは'flexigrid_table')を指定 ・スクリプト $('#flexigrid_table').flexigrid(); の呼び出し これだけです。 そして、Flexigrid化したテーブルが下のものになります。 ソース すごくオサレになりましたね! ※IE7ではt
jQueryでかっこいいUIを実装したい。 そんなときにおすすめなのが、『10 useful jQuery plugins』。jQueryの便利なプラグイン10選だ。 以下にご紹介。 ・jQuery UI Webアプリをデスクトップアプリのように動作させる。タブメニューやスプリットペイン、ドラッグできるフォトマネジャーなど ・Mark-It-Up テキストエリアをマークアップエディタに変えてくれる ・jQuery cookie plugin クッキーを簡単にセット、削除できる ・lightbox for jQuery jQuery用のlightbox ・jQuery Corner Plugin jQueryで角丸を作成 ・jTip クールなツールチッププラグイン ・LavaLamp CSSメニューにスムーズなスライドエフェクトを追加 ・Superfish jQueryのアニメーションを使っ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く