jQueryサンプル集

 
スポンサード リンク

人気ランキング 1 - 30( 52 件中 ) [ / 1 2 / 次ページ→ ]

jQueryの必要としない機能を削除して軽量化できるオンラインサービス「jQueryConfig」 (コリス)
更新:2015/11/21(Sat) 18:53 [マイリンク追加] [お気に入り追加]人気度[59]/累計[59] [修正] 
[jQueryサンプル集]
jQueryを使用する時、毎回全部の機能を使用していますか?必要としない機能を削除して、あなたが使用する機能だけのjQueryを作ることができるオンラインサービスを紹介します。Queryのバージョンは、2.1.4, 1.11.3, 1.8.3 の3つに対応(2015年11月現在)しており、チェックボックスを操作するだけで簡単に自分が必要としない機能を削除して、軽量化されたjQueryをダウンロードできます。
デザインをレスポンシブに対応させる時に役立つjQueryプラグイン6個 (Design Color)
更新:2015/09/27(Sun) 22:25 [マイリンク追加] [お気に入り追加]人気度[200]/累計[200] [修正] 
[jQueryサンプル集] [jQueryレスポンシブ]
スクロールすると現れて追尾するトップへ戻るボタン、クリックしたら要素が展開する、ウィンドウ幅によって読み込むコードを切り替える、ウィンドウ幅によって読み込む画像を切り替える、【プラグイン】ポップアップ画像をレスポンシブ対応(Colorbox)、【プラグイン】埋め込み動画をレスポンシブ対応(FitVids.js)
今っぽくなった!トレンドをおさえたjQueryプラグインまとめ (コムテブログ)
更新:2015/04/13(Mon) 17:36 [マイリンク追加] [お気に入り追加]人気度[226]/累計[226] [修正] 
[jQueryサンプル集]
マイクロインタラクション1.粘性2.移動するプレースホルダー3.滑らかにページ移動させる4.パスワード強度を可視化5.オートコンプリート6.テキスト入力7.Google Map(吹き出し・マーカー)8.オートページャー9.プログレス12パターン10.ノーティフィケーションレタリング11.1文字ごとに指定フルスクリーン12.モーダルウィンドウ(全画面)13.フォーム(全画面)14.高さが揃う画像レイアウト
パララックスサイトの基本的な作り方 (Web Design Magazine)
更新:2015/03/30(Mon) 14:37 [マイリンク追加] [お気に入り追加]人気度[289]/累計[289] [修正] 
[jQueryサンプル集] [jQuery parallax]
パララックス(視差効果)とは画像やテキスト等の個々の要素を別々に動かして視差効果で立体的にみせるテクニック。cssとjqueryを使ったパララックスサイトの基本的な作り方
250以上ののjQuery&CSS3Hoverエフェクト(Plugins&チュートリアル)
更新:2015/03/08(Sun) 08:50 [マイリンク追加] [お気に入り追加]人気度[249]/累計[249] [修正] 
[jQueryサンプル集] [jQueryマウスオーバー] [CSS3マウスオーバー]
250以上ののjQuery&CSS3Hoverエフェクト(Plugins&チュートリアル)jQueryとCSS3は、ウェブデザイン業界に大きな違いを作った。動的なWebサイトを作るために追加された新機能がたくさん。ホバー効果は、使いやすさを追加するためWebサイトで使用されている。ホバー効果をより効果的かつ美しく作るためのアイデアがたくさんあります。jQueryとCSS3を使ってホバー効果
刀でズバッと斬るようなアニメーション(LIG)
更新:2015/02/13(Fri) 13:25 [マイリンク追加] [お気に入り追加]人気度[472]/累計[472] [修正] 
[jQueryサンプル集] [CSS3サンプル]
刀でズバッと斬るようなアニメーションをHTML・CSS・jQueryで実装する方法。
jQuery使って色んなホバーエフェクトのメニュー  ときどきWEB
更新:2014/04/10(Thu) 13:14 [マイリンク追加] [お気に入り追加]人気度[121]/累計[121] [修正] 
[jQueryサンプル集] [jQueryプラグイン] [jQueryメニュー] [jQueryマウスオーバー]
メニューにホバーするとエフェクトがかかったり、追従してきたりするメニューの作り方。
サムネイルから飛び出してくるようなjQuery sterfield
更新:2014/01/29(Wed) 11:42 [マイリンク追加] [お気に入り追加]人気度[123]/累計[123] [修正] 
[jQueryサンプル集] [jQueryプラグイン] [jQuery画像]
サムネイルをクリックすると、そこから画像が飛び出してくるような効果をつける方法
外部ファイルを読み込んだ、無限スクロール マイナビクリエイター
更新:2014/01/17(Fri) 14:06 [マイリンク追加] [お気に入り追加]人気度[152]/累計[152] [修正] 
[jQueryサンプル集] [jQuery ajax] [jQueryスクロール]
Ajax通信を使って、外部のHTMLファイルを同的に読み込んだ無限スクロールの作り方
jQueryで複数リストの要素を並べ替える hatenachips
更新:2014/01/11(Sat) 14:22 [マイリンク追加] [お気に入り追加]人気度[534]/累計[534] [修正] 
[jQueryサンプル集] [jQueryリスト]
「新着順」と「人気順」で階層化されたリスト項目の要素を並べ替える方法
あたり判定を使って、簡単なミニゲームを作ろう マイナビクリエイター
更新:2013/10/24(Thu) 13:03 [マイリンク追加] [お気に入り追加]人気度[146]/累計[154] [修正] 
[jQueryサンプル集] [jQueryリファレンス]
あたり判定の計算を利用して、簡単なミニゲームを作る方法。複数のオブジェクトのあたり判定を計算するところがミソです
jQuery:スクロールで表示されるページトップの実装方法 NxWorld
更新:2013/10/17(Thu) 01:11 [マイリンク追加] [お気に入り追加]人気度[360]/累計[379] [修正] 
[jQueryサンプル集] [jQuery作成]
数多くのサイトで実装されているのを見かける、ページを一定量スクロールすると出現する「このページの先頭へ」のようなページトップを実装する方法
シンプルなアコーディオンメニュー ri-mode
更新:2014/05/17(Sat) 17:36 [マイリンク追加] [お気に入り追加]人気度[323]/累計[363] [修正] 
[jQueryサンプル集] [jQueryメニュー] [jQuery作成] [jQueryアコーディオンメニュー]
jQueryで作る基本的なアコーディオンのメニューの作り方
jQuery/CSS3で雲をゆらゆらさせる webOpixel
更新:2013/07/20(Sat) 17:56 [マイリンク追加] [お気に入り追加]人気度[248]/累計[292] [修正] 
[jQueryサンプル集] [jQueryアニメーション] [CSS3アニメーション]
雲の画像を背景に設定して動かす方法。jQueryバージョンとCSS3バージョン
ページを移動(離脱)するときにjQueryで警告を出す方法 小粋空間
更新:2013/07/16(Tue) 15:52 [マイリンク追加] [お気に入り追加]人気度[249]/累計[279] [修正] 
[jQueryサンプル集] [jQueryプラグイン]
ページ移動のときの警告を表示する方法
webページ制作担当者用CSS、jQuery等のテストページ コニファ
更新:2013/06/09(Sun) 11:43 [マイリンク追加] [お気に入り追加]人気度[173]/累計[220] [修正] 
[jQueryサンプル集] [jQuery小技] [CSS3サンプル]
ツール紹介やプログラム集、特殊なものまとめ、CSS、CSS3、html関連、javascript、jQueryの小技集
jQueryとCSS3を使ってのスライドショーやカルーセルなどの作り方 blackflag
更新:2014/05/18(Sun) 02:06 [マイリンク追加] [お気に入り追加]人気度[314]/累計[365] [修正] 
[jQueryサンプル集] [jQuery作成] [jQueryドラッグ&ドロップ] [jQueryアコーディオンメニュー] [jQueryツールチップ] [jQueryフリック]
スライドショー/スライダー、カルーセル、スワイプ/フリック ドラッグ&ドロップ、入力フォーム関連、タブ / アコーディオン / ツールチップ、その他のUI(jQuery)の作り方
Code Pad
更新:2013/04/29(Mon) 11:21 [マイリンク追加] [お気に入り追加]人気度[625]/累計[717] [修正] 
[phpスクリプト] [XHTML・XML] [jQueryサンプル集] [CSS3]
コードパッドコードスニペットを保存&共有する開発者のためのサイト。CSS、Apache、PHP、JavaScript、jQuery、HTML、XML
jQueryでHTML5の独自データ属性(data Attributes)を扱う方法 webopixel
更新:2013/04/24(Wed) 14:49 [マイリンク追加] [お気に入り追加]人気度[354]/累計[424] [修正] 
[jQueryサンプル集] [jQueryリファレンス] [HTML5サンプル]
HTML5のdata属性をjQueryで使う方法。jQueryでdata属性を設定する方法
パララックスエフェクトの基本 クラスメソッド
更新:2013/04/15(Mon) 12:57 [マイリンク追加] [お気に入り追加]人気度[267]/累計[335] [修正] 
[jQueryサンプル集] [jQueryプラグイン] [jQuery parallax] [jQuery作成]
パララックスエフェクトの作り方。 Position値を変更して動きをつける、矩形を横に動かす。Transformさせる方法、jQuery x CSSでパララックスエフェクト
カスタムドロップダウンリストのスタイリングcodrops
更新:2014/05/17(Sat) 20:00 [マイリンク追加] [お気に入り追加]人気度[280]/累計[332] [修正] 
[jQueryサンプル集] [jQueryプラグイン] [jQueryメニュー] [jQueryドロップダウン] [CSS3ドロップダウン]
cssとjQueryドロップダウンメニューやリストを持つ5つの例とサンプル
jqueryサンプル kachibito.net
更新:2014/05/18(Sun) 18:23 [マイリンク追加] [お気に入り追加]人気度[168]/累計[219] [修正] 
[jQueryサンプル集] [jQueryプラグイン] [jQueryツールチップ] [jQueryダイアログ]
タブ、横並びにした要素の最後だけmarginを0、画像にマウス乗せるとキャプション、リストをカテゴリでフィルタリング、リストに検索窓を加えてキーワードフィルタ機能を加える、コンテンツスライダー、title属性をツールチップで表示、チェックボックスでチェック出来る数を制限する、ボタンクリックでストリートビューを表示させる、シンプルなダイアログ、スクロールすると指定した要素が途中からfixedする、永久にスクロール出来るようにする、シンプルな棒グラフを作る、selectの選択肢をしぼる
jQueryで全画面表示するギャラリーを作るチュートリアル.webopixel
更新:2013/03/26(Tue) 12:24 [マイリンク追加] [お気に入り追加]人気度[169]/累計[213] [修正] 
[jQueryサンプル集]
jQueryを使用したシンプルなフル画面ギャラリーの作成方法
Web Designing 2011年3月号「特集2:HTML5時代のjQueryテクニック」サンプル
更新:2013/03/03(Sun) 09:34 [マイリンク追加] [お気に入り追加]人気度[136]/累計[190] [修正] 
[jQueryサンプル集] [HTML5サンプル]
HTML5のvideo要素のコントローラをjQueryでカスタマイズ、タッチパネルにも対応したスライドスクロール、CSS3のプロパティと連携して、軽快なアニメーション、FlashからJavaScriptを呼び出してHTMLを開く、iPhone/iPadでも動作するLightbox、スマートフォン向けフレームワーク
サムネイルプレビュースライダcodrops
更新:2013/02/26(Tue) 11:30 [マイリンク追加] [お気に入り追加]人気度[166]/累計[227] [修正] 
[jQueryサンプル集] [jQueryプラグイン] [jQueryスライダー] [jQuery画像]
サムネイルプレビューを作る方法のチュートリアル、サムネイルをロールオーバーすると拡大したりできます
テキストリンクのマウスオーバー時に動きをつける Webクリエイターボックス
更新:2013/03/14(Thu) 11:22 [マイリンク追加] [お気に入り追加]人気度[151]/累計[236] [修正] 
[jQueryサンプル集] [jQueryアニメーション]
リンクをjQueryを使っておしゃれに表示する方法。jQueryでアニメーションをつける方法
なめらかな画像スライダー
更新:2012/11/04(Sun) 13:30 [マイリンク追加] [お気に入り追加]人気度[278]/累計[385] [修正] 
[jQueryサンプル集] [jQueryプラグイン] [jQueryスライダー]
軽量でなめらかな画像スライダー。オプションでフェード、横スライド、縦スライド、水平プッシュ、速度、タイマーなど
jQuery 独学Webデザイナーの覚書
更新:2014/05/18(Sun) 01:31 [マイリンク追加] [お気に入り追加]人気度[152]/累計[254] [修正] 
[jQueryサンプル集] [jQuery小技] [jQueryツールチップ]
jQueryのサンプルコードやTipsを掲載しています。サンプルもあります。ローテーションバナー、外部ファイルを解析し、HTMLに表示する、プルダウンメニュー、印刷用ページ、他のライブラリと競合させないための方法、ブロックレベルの高さを揃える、画像のロールオーバー、テーブルをラジオボタンでソート、チェックボックスの一括チェックと解除、テーブルの偶数列に背景、ナビゲーションのカテゴリを自動でアクティブ、タブメニュー、順序付きリスト[Ordered List]の順序を逆にする、オリジナルツールチップなどのサンプルと解説
jQuery アーカイブ CREAMU
更新:2012/10/08(Mon) 10:19 [マイリンク追加] [お気に入り追加]人気度[134]/累計[233] [修正] 
[jQueryサンプル集] [jQuery小技]
jQueryプラグインを紹介しているサイト。チュートリアル、メニュー、アニメーション、役立つ小技がたくさんあります
jQueryプラグイン アルファシス
更新:2014/05/17(Sat) 17:40 [マイリンク追加] [お気に入り追加]人気度[155]/累計[249] [修正] 
[jQueryサンプル集] [jQueryプラグイン] [jQuery小技] [jQueryメニュー] [jQueryグラフ] [jQueryアコーディオンメニュー]
jQueryプラグインの使い方を解説しているサイト。カラーを変更するColor Pickerプラグイン、Cycleを使うスライドショーの作り方、Easingを使ってエフェクト動作パターン集、Horizontal Accordionで水平型アコーディオン、jPlayerでオーディオプレイヤー、jqDockでドックメニュー作成、jqPlotで折れ線グラフや棒グラフやバブルチャートなど作成、tableHoverでハイライト表示する表、tablesorterで並べ替えなど
スポンサーリンク

1 - 30( 52 件中 ) [ / 1 2 / 次ページ→ ]