一応サンプルのよくある質問部分に関しては、がっつり改行してたりそれなりに分かりやすくしてるつもりなんでソコソコ使いやすいかと思いますが、カスタマイズする際の参考にでもしていただければって事で、ご説明をするです。 ---- こっから続き まずは... 何はともあれhead要素内に、 <script src="./js/jquery.js" type="text/javascript"></script> <script src="./js/q...
これはいつか使う、という意味でメモ的にエントリー。jQuery用のプラグインがかっこいいです。 ↑ こんな感じの簡単なコードでかなりの効果が実現できます。 実現できる効果は以下のリストのとおりですが、フェードの仕方とか、スライドの仕方とかがいちいちかっこいいです。 もちろんjQuery的に簡潔なコードで速度などのオプションを指定可能です。次に切り替わるときの挙...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
prettyCheckboxesは、チェックボックスやラジオボタンの外観を変更するスクリプトです。 prettyCheckboxes, a solution to checkboxes 外観はデフォルトでキャプチャ画 [...]
Web Design Wallのエントリー「jQuery Tutorials for Designers」から、JavaScriptのライブラリ「jQuery」が視覚的にどのように動作するかデモと共に解説してる10のチュートリアルを紹介します。 jQuery Tutorials for Designers
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail [...]
『 【ハウツー】わずか数行でものすごいテーブルに!-jQueryプラグイン「Flexigrid」（1）ドラッグ&ドロップでカラム幅を変更可能｜エンタープライズ｜マイコミジャーナル 』
なにやらクールなイメージ装飾スクリプト。 ちょっと興味があるので勉強がてらご紹介。
『 spanの半分くらいはビジュアルデザイン目的な気がしてきた。せめてJSで生成するくらいの恥じらいがあっても良いよな、やってることは同じだけど。…とか言いつつ、実務で使えるんなら使ってしまおうと思っている 』
2008年2月のベストまとめ。 見逃したものがないかをチェックしてみてください。 ちなみに2月度のネタ帳人気エントリーは以下。 2007年度web制作者の為のまとめ再構築30選
先月、公開されたばかりのNETTUTS。 NETTUTSでは、HTML、CSS、JavaScript、CMSなどのサンプルを、丁寧な説明と、コードを公開してくれる、とってもありがたいウェブデザイナーの為のチュートリアル・サイト。 毎回、ハイクオリティなPhotoshopのチュートリアルをアップされているPSDTUTSの姉妹サイトなので、サイト自体もとっても見やすくて、これからどんどん追加されていくチュートリ...
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Kwicks スムーズに伸び縮み。 Horizontal Accordion 水平方向のアコーディオン。 Accordion Content s [...]
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 はてなブックマークもかなり集まってますね。 というわけで、公開されたばかりのこのライブラリを簡単な使い方か...
前回は、『Scriptを使わないCSSエフェクト、Tipsいろいろ』をご紹介いたしました。 今回は、逆にjQueryを使ったサンプル集です。なるべく簡単に使えそうな、プラグインを中心にまとめてみました。 Lightbox, Modal Window関連 jQuery lightBox plugin とってもシンプルなLightboxプラグイン。 Facebox 画像だけでなく、テキストも表示できます。 prettyPhoto a jQuery lightbox clone 角丸がかわいいLightboxです...
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)