[B! jQuery][web制作] kimidorikinokoのブックマーク

テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」:phpspot開発日誌

テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 2012年05月08日- tablecloth.js テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 $('table').tablecloth() と記述で簡単にテーブルをカッコよくスタイリングできます。テーマも選べる模様。ソート可能にしたり、ストライプなデザインにしたりといったカスタマイズも可能。実装できるデザイン例。Twitter Bootstrap と組み合わせたテーマ２種類とその他２種類のテーマがデモとして表示されています意外と手間取るテーブルデザインですが、こうしたものを参考に美しくデザインしたいものですね関連エントリ CSS3でクールな角丸テーブルを作る例シンプルにテーブルにソート機能を持たせるだけのjQueryプラグイ

kimidorikinoko 2012/05/09

テーブル table

リンク

CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました

Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。私は Javascript が苦手で、jQuery もどちらかというと苦

kimidorikinoko 2011/10/11

学習

リンク

リンクの開きかたを自在に管理できるjQueryプラグイン「Link Manager」:phpspot開発日誌

jQuery Link Manager Plugin リンクの開きかたを自在に管理できるjQueryプラグイン「Link Manager」。リンクを新しいウィンドウで開いたり、同じウィンドウで開くという部分は target で指定できますが、これをjQueryを使って一元管理することが出来ます。例えば、拡張子がpdfやdocだった場合に別ウィンドウで開く、という使い方や、ドメインに〜が含まれていたら別ウィンドウで開くという具合に使えます。リンクごとにいちいちターゲットをふらずに済むため、ケースによってはなかなか便利そうです。使い方も次のように簡単。 includeで新ウィンドウで開く対象のURL文字列を増やしたり、逆にexcludeで同じウィンドウで開く設定にしたりするようです。 targetを気にすることなく、HTMLのコーディングに集中できるという点では便利ですね。自動でやる

kimidorikinoko 2011/05/12

リンク

[JS]これFlashじゃないの？ってなるナビゲーションを実装するjQueryのチュートリアル

軽快なアニメーションが心地よいナビゲーションを実装するjQueryのチュートリアルを紹介します。タイトルにある通り、Flashは使わないで実装されてます。 Animated Content Menu with jQuery デモページ [ad#ad-2] まずは、デモページを堪能ください。ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。デモページ実装 HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。 HTML：背景背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。 <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D