jQuery Easing Plugin
Example Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). All done with a straight animate call, no need to specify the animation type at all. Select easing types for the demo first one for down, second one for up. Then click the clicker. Updates 12/11/07 1.3 jQuery easing now supports a de
jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
消費者金融借り入りが有りでも住宅ローンは組めますか
近い将来、夢のマイホームを考えているのですが、その際にローンを組む予定です。私は過去に消費者金融から借入をした経緯があるのですが、そういったことがあっても住宅ローンは組めますでしょうか。 消費者金融を利用したからローンが絶対に組めないということはありません 確かに消費者金融の借入の情報は住宅ローンを組む際には有利には働きません。しかしこの借入情報は5年後に自動的に削除されるので、5年以上前に消費者金融を利用していただけで完済も済んでいるのでしたら特に問題はないです。 しかし、過去に消費者金融からの融資の返済に延滞があったことや、今も借入を行っている場合は住宅ローンの審査は難しい場合が多いですね。そもそも住宅ローン審査でチェックされることとしては、住宅ローンの借入が現状の収入の何倍の金額に該当するのかという点、収入に対しての返済比率がどうであるか。というところが見られます。そこをクリアしてい
ドロップダウンメニューのデザインネタ帳:phpspot開発日誌
17 Effective Dropdown Menu resources | Underworld Magazines NYC | ドロップダウンメニューのデザインネタがまとまってます。 ソースを見ることもできるので、ドロップダウンメニュー実装の際に参考にされてみてはどうでしょうか。 ドロップダウンといっても様々なデザインのアプローチがありますね。 関連エントリ CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ
jQuery ui 1.7.1 のDatePicker日本語化 | real-eyes システム開発 東京 渋谷のシンプルソフト
中小企業のIT活用、業務システム開発・導入専門の シンプルソフト 〒150-0002 東京都渋谷区渋谷1-10-1 八千代ビル8F
ロックを解除しないと送信不可能にするJavaScript「slideLock」
twitter facebook hatena google pocket 近年スパム防止のためフォームにCAPTCHA（キャプチャ）と呼ばれる仕組みを導入しているケースが多く見られます。 これ読みにくい英数字なので、本当に読めない場合がありイラッとすることもあります。 JavaScriptライブラリの大御所jQueryのプラグインslideLockを利用するとロックを解除するだけなので、ユーザーフレンドリーになります。 sponsors 使用方法 slideLock Demoのファイルダウンロードが404なので、jslideLock.zipからダウンロードして下さい。 またjQuery UIの1.7+slider pluginが必要となります。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <scri
Date Range Picker using jQuery UI 1.7 and jQuery UI CSS Framework | Filament Group, Inc.
Date Range Picker using jQuery UI 1.7 and jQuery UI CSS Framework We’ve updated our popular Date Range Picker plugin to use jQuery UI 1.7 and the new jQuery UI CSS Framework. This plugin wraps the jQuery UI datepicker into an interactive component specifically designed for choosing date ranges. It is an update from a previous version we wrote for jQuery UI 1.5.3. Working Demo: # Demo Page The demo
[JS]ソートだけでなく、検索も可能な多機能なデータテーブルを実装するスクリプト
セルのハイライト表示、データのソート、特定文字列の検索などに対応したデータテーブルを実装するスクリプトを紹介します。
ASCII.jp：jQueryプラグインで世界に1つの右クリックメニュー
Windowsアプリケーション上でテキストや画像を選択して右クリックすると、選択した対象に応じたメニュー（コンテキストメニュー）が表示されます。必要な機能をすぐに選択できるので、メニューバーに並んだ膨大なメニューの中から選ぶのに比べて効率的です。Webサイトでも同じように、ページ上のそれぞれの項目に応じたコンテキストメニューが表示されれば、ユーザーにとって便利ではないでしょうか。 実はこのコンテキストメニュー、JavaScriptライブラリを使えば意外に簡単にできます。今回は、jQueryの「Context Menu Plugin」を使ってコンテキストメニューを表示する方法を紹介します。 「Context Menu Plugin」を使ってみよう 「Context Menu Plugin」は、Cory LaViska氏が開発したjQueryプラグインです。以下のページで配布されています。 h
テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
基幹システムのテーブル表示などで役立ちそうなRailsプラグイン·jQuery grid plugin MOONGIFT
jQuery grid pluginはRuby製のオープンソース・ソフトウェア。企業システムでもRailsを使って構築するケースが増えてきた。安定してきたのに加えて開発効率が高いことが選ばれる要因になっているのだろう。そして基幹システムで良くあるのがデータのテーブル表示だ。 高機能なテーブル表示 テーブル表示して終わりかと言えばそんなことはない。データを選んで一括処理したり並び替えたり絞り込みをしたりと一覧表に対する要望は多い。一つ一つ実装していると工数がとても膨らんでしまうだろう。そこで使ってみたいのがjQuery grid pluginだ。 jQuery grid pluginはRailsのプラグインでデータのテーブル表示に加えてその操作が一つにまとまって提供される。カラムを使った並び替え、Ajaxを使ったページネーション、表示件数の変更、検索機能など何でもござれだ。 インライン編集（
実務で使えるjQueryプラグイン3選 (1/3)
jQueryを使ったJavaScriptライブラリー「jQueryプラグイン」を使うと、Webサイトを手軽に装飾できます。「Web制作の現場で使えるjQuery UIデザイン入門」最終回では、実用性の高いjQueryプラグインを3つピックアップし、それぞれの具体的な使い方を紹介します。 table要素にソート機能を付ける「table sorter」 「table sorter」は、テーブル（表組み）にソート機能を追加できるjQueryプラグインです。大量のデータを表形式で表示したいときに重宝します。 ■利用方法 jQuery本体と配布ページからダウンロードしたtable sorterのプラグインファイル「jquery.tablesorter.min.js」を、利用したいWebページのhead要素内で読み込みます。 <script type="text/javascript" src="jq
ウノウラボ Unoh Labs: Ext.js入門: Grid編
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」:phpspot開発日誌
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」 2009年10月23日- JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」というサイトを発見。 ちょっとした動作確認用のコードを書いたり、入門者の方がJavaScriptを学ぶのに非常に有用ですし、その結果も保存してサーバに置いてホスティングしてもらうことも可能。 また、比較的面倒なjQueryやjQuery UI、prototype.js 等の有名どころのフレームワークを簡単に読込めて使える機能もあります。 サイトを開くと、まず3つのタブがあって、JavaScript のタブにはJSを、HTMLのタブにはJavaScript から操作するHTMLを、Output には実行結果が出力されるようになっています。 JavaScript
jQueryでフリップするカッコいいメニュー作成のチュートリアル:phpspot開発日誌
jQuery Flipping Menu Tutorial using backgroundPosition Plugin | Queness jQueryでフリップするカッコいいメニュー作成のチュートリアルが公開されています。 カーソルを合わせると、グレーの文字がスライドして、赤くなります。 静止画で見ると微妙なのでデモページをどうぞ カッコいいFlashで出来たサイトのメニューっぽいですが、これをjQueryで導入できるということで、メニュー部分にクールな印象を持たせたい場合は使ってみるとよいのかも。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
[JS]フォームの入力フィールドにアイコンを表示するスクリプト -Sexy Forms
フォームの入力フィールドにアイコンを表示するなど、9種類のスタイルのデザインを簡単に適用できるスクリプトをCoders.meから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
マウスオーバー時にリンクが右にずれるjQueryプラグイン – creamu