[JS]複数のコンテンツをクロスにスライドして自動表示するスクリプトCSS TRICKSのエントリーから、複数の打ち出し用の画像やテキストをそれぞれクロスのアニメーションでスライドさせ、次々に自動表示するスクリプトを紹介します。 Start/Stop Slider demo スライドするエリアはdivで囲まれており、左のテキストエリアは水平方向、右の画像エリアは垂直方向にスライドします。 スクリプトのオフ時には一番上に配置したもののみが表示され、スタイルシートのオフ時にはdivの順番通りに表示されます。
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
複数階層のドロップダウンメニューを作成するサンプル:phpspot開発日誌
JavaScript Dropdown Menu with Multi Levels - Web Development Blog 複数階層のドロップダウンメニューを作成するサンプル JavaScript Dropdown Menu Demo ul と li の階層構造によって作られていて、初期化は次のように簡単に行えます var menu=new menu.dd("menu"); menu.init("menu","menuhover"); これはなかなか良さそう。 関連エントリ デザイン性に優れたCSSメニュー集 綺麗で立体感のあるサイトメニュー素材 使えるCSSメニューいろいろ アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 Flash製のドロップダウンメニューを作成するWEBツール
HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン:phpspot開発日誌
HOKYPOKY. | MULTICOL. jQuery Plugin MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。もちろん、日本製のプラグインなので日本語もきれいに段組みにします。HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグインの紹介。 次のようにコードを書くと、複数のブロックを簡単に4カラムにすることが可能です。 $("#sample1").multicol({colNum:4, colMargin: 10}); マージンを指定できるところも良いですね。 関連エントリ 複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 CSSレイアウトのチート集「CSS Layout Cheats
jQueryを速攻マスターしたい方におすすめの「jQuery Selectors」:phpspot開発日誌
Selectors jQueryのセレクタ関数を速攻マスターしたい方におすすめの「jQuery Selectors」。 jQueryでの$('code') とかって、最初は何を意味するか分かりませんね。 jQuery selectorsを使えば、ボタンを押すことで、指定したエレメントがハイライト＆アニメーション表示されます。 要素がハイライト。 これは便利です。 関連エントリ jQuery 関連記事まとめ jQueryでリッチなグリッドを実装「jqGrid」 ファイルツリー構造を表示するためのJS「jQuery File Tree」 jQueryを使ってパズルを作るjQueryプラグイン
[JS]jQueryのプラグイン33+1選 -2008年11月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 JX アコーディオン・ツリー表示、グリッドなどのウィジェット集。 Equal Heights 異なるカラムの高さを揃えます。 jQu
[JS]シンプルなjQueryのプラグインが揃っている -Aquaron | コリス
Aquaronは、ナビゲーション、フロートしたエレメントの操作、クッキー・文字列の操作、エレメントの装飾などのシンプルなjQueryのプラグインを配布しているサイトです。
Creating a Virtual jQuery Keyboard
For those of us who travel often, we often end up accessing our emails and other confidential web accounts on public computers. In such circumstances, we are completely at the mercy of keyloggers and other malicious software that track our keystrokes and record our passwords. Yet, very few websites provide their users with the option of using a virtual keyboard to key in (at the bare minimum) thei
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集:phpspot開発日誌
16 Free Ajax Contact Forms - For A Better User Experience Contact forms are the most common bridges between readers & site owners whether it is a blog or an e-commerce site. より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集。 JavaScript, Ajax等を使い、バリデーションやフォーム入力のしやすさなどについて考えられたフォーム集がまとまってました。 LightForm - Demo - ファンシーなフォームデザインにクールな入力チェック Proto Form - 入力チェック機能や現在位置強調機能 jQuery - Ajax Contact Form (Tutorial & Files) - D
魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
コンテンツのスクロールをクールに行える「jquery.scrollable.js」:phpspot開発日誌
Scroll your HTML with jquery.scrollable.js via マウスホイールにも対応した、コンテンツをスクロールさせるためのJavaScriptライブラリ『jquery.scrollable.js』 コンテンツのスクロールをクールに行える「jquery.scrollable.js」。 次のように、水平方向に画面スクロールが可能なウィジェットを簡単に設置できます。 スクロールはマウスホイールにも対応していて、滑らかにスクロール可能。 マークアップは次のようにシンプルで実装も簡単ですね。 <div id="scrollable"> <div class="navi"></div> <a class="prev"></a> <div class="items"> <a>1</a> <a>2</a> <a>3</a> <a>4</a> <a>5</a> <a>6</
jQuery 関連記事まとめ - Cyokodog::Diary
はてブだと埋もれるのでこちらに書き足してきます。 jQuery 基本機能 本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者向けメモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace チートシート HTML/CSS, jQuery, WordPressなどウェブ制作者のためのチートシート集 - coliss スライド・関連情報 はじめての jQuery jQueryのプレゼンVIDEO - JAM LOG 第1回 Silverlight vs. jQuery＋ASP.NET AJAX - @IT チュートリアル jQuery 入門 - openspc2 jQuery を使って Ajax 開発を単純化する - IBM jQueryの魔法 - All About jQuery ではじめ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめてのjQuery
[JS]打ち出し画像をフラッシュのようにダイナミックに切り替えるスクリプト -s3Slider
Site Under Maintenance
Site Under Maintenance
[JS]画像を使用しないで角丸を実装するスクリプト -jQuery Corners | コリス
ちょっとした説明に便利なTooltipsのスクリプトいろいろ | IDEA*IDEA
時刻の入力に便利なJS入力補助ライブラリ「jquery.timepickr.js」:phpspot開発日誌