JavaScriptでTABLEにソート機能を実装する（jQuery不要）
※仕様説明 灰色のタイトル部分をクリックするとソートされる 同じ項目をもう一度クリックすると逆順にソートされる 数字しか入っていない列は数字として扱われる（小数点付きも数字として扱われる） 1行でも文字列が含まれている列は文字列としてソートされる 何も考えずに文字列ソートで実装してしまうと、列名「No.」などは「1、10、2、3、4...」という並び順になりますが、そこは仕様説明のとおり、数値しか入っていない列は数値比較によってソートしています。 列名「数値項目」にあるとおり、1.234などの小数点付きの値もきちんと数値として扱っています。 ただし、列名「カンマ」にあるような3桁区切りされた数値は文字列として扱われるため、文字コード順になります。 HTMLソース <table id="sort_table"> <tr> <th>No</th> <th>全角項目</th> <th>数値項目<
jQueryでよく使う機能をVue.jsでまとめました。 - Qiita
今回もSPAを作る目的ではなく、既存のサイトのJQueryをVue.jsで置き換える方法をしらべて慣れていきたいという思いでまとめました。 今までのJQueryと同様にサーバーに関係なく扱うことが出来るというのを目標にしました。 サーバーに手を加えることはしないという前提になります。(npmのインストールを行わない等) 既存のサイトでも動作することを前提にしているため勿論ビルド等も必要ありません。 私のJSフレームワーク周りの技術レベル JQuery：長い間使ってきた。今も現役。 Backbone.js：業務で使っていましたが挫折。 React：知らない。 Anguler：Anguler2になった際に勉強しましたが挫折。（学習コストが高く感じ、途中で投げました） Vue.js：私が触ってきた中ではJQueryについでとっつきやすかったです。 まとめたもの jQueryでよく使う機能をVue
澳门一肖二码网站-免费公开资料大全
404提示：雷锋同志正在寻找这个页面！雷锋同志也难免会出错哈！:) 请登陆澳门一肖二码网站，2秒后自动返回澳门一肖二码网站
非jQuery環境ではどう書んだっけ?チートシート - Qiita
※追記 コメントでこの記事よりも断然質の良い記事を教えてもらいました。 @kabochaさんありがとうございます。 You Don't Need jQuery https://github.com/oneuijs/You-Dont-Need-jQuery 追記の追記。 日本語訳のお手伝いをさせていただきました。 github https://github.com/oneuijs/You-Dont-Need-jQuery/blob/master/README-ja.md [Qiita]もうjQueryは必要ない http://qiita.com/tatesuke/items/b9548dd484b01b139b74 jQueryが使える環境でコーディングした後、jQueryが使えない環境でコーディングしようとすると、「どう書くんだっけ？」となることが多いです。ということで分かる範囲でチートシ
ネイティブアプリに近い動作のサイドメニューWeb実装「Slideout.js」:phpspot開発日誌
Slideout.js - A touch slideout navigation menu for your mobile web apps. ネイティブアプリに近い動作のサイドメニューWeb実装「Slideout.js」。 ネイティブに近い実装をするのはなかなか難しいですが、比較的いい感じの挙動のサイドメニュー実装がJSのみで実現できます。 関連エントリ シンプルなサイドメニュー実装jQueryプラグイン「Panel slider」 開閉するサイドメニューの実装ができるjQueryプラグイン「tendina」 シンプルデザインなページサイドをメニューにできる「Simple Sidebar」
jQuery でなんか書くときのちょっとした規約 - 犬ターネット
規約ってほどでもないけど、jQuery でコード書くときは以下みたいな感じで書くことが多くなった。 どう書こうが好みだろうけど、jQuery オブジェクトに $ を付けるくらいはしといたほうがよい。
移動、拡縮、最小化、最大化が可能なBootstrap用モーダルダイアログ実装jQueryプラグイン「jsPanel」:phpspot開発日誌
jsPanel | a jQuery Plugin 移動、拡縮、最小化、最大化が可能なBootstrap用モーダルダイアログ実装jQueryプラグイン「jsPanel」。 次のようなデザインのダイアログが実装できます。標準のモーダルよりも機能が必要な場合に使えそうです。 ドキュメントがしっかりしていて使いやすそう 関連エントリ フリーのBootstrapテーマが満載「Bootstrap Zero」 Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 Bootstrapなalert,confirm,promptが実装できる「Bootbox.js」
[JS]ページのデザインに影響を与えないパーフェクトなスクロールバーの超軽量スクリプト -Perfect Scrollbar
Perfect Scrollbar Perfect Scrollbar -GitHub 何をもってパーフェクトなのか Perfect Scrollbarのデモ Perfect Scrollbarの使い方 何をもってパーフェクトなのか このスクロールバーにパーフェクトとつけた理由は、下記の4つだそうです。 ページ上のあらゆる要素にCSSで影響を与えないこと スクロールバーがオリジナルのデザインに影響を与えないこと スクロールバーのデザインは完全にカスタマイズ可能であること コンテンツの大きさが変化したら、スクロールバーの大きさと位置がそれに合わせて変化すること Perfect Scrollbarのデモ デモではあずにゃんの画像をホバーすると、スクロールバーが表示されます。 デモ：領域を拡大 バーの長さが変化していることに注目してください！ Perfect Scrollbarの使い方 Step
マウスホイールによるスクロール実装(jQuery) - COBALT
任意のコンテンツ領域をスクロールさせる場合、デフォルトのスクロールバーではデザイン的に満足できない、もしくはコンテンツ領域が狭くスクロールバーの表示スペースすら消費したくない場合等、マウスホイールによるスクロール実装が行われる事がある。 jQuery TOOLS jQuery TOOLS (参考) jQuery tools 日本語リファレンス シンプルかつパワフルな jQuery plug-in で、最小コーディングでデザイン的にも美しい scrollable 領域を表現することが可能である。また、多くのオプションも用意されておりカスタマイズ性も高い。 問題点 個人的に利用しようとて躓いた点を中心にメモする。 jQuery TOOLSをはじめ、マウスホイールスクロールを実装するライブラリではコンテンツ領域に overflow : hidden をCSSで指定する必要があるらしい。これにより
何でも埋め込めてカッコいいモーダルダイアログ実装用jQueryプラグイン「Pop Easy」:phpspot開発日誌
Pop Easy | by Thomas Grauer 何でも埋め込めてカッコいいモーダルダイアログ実装用jQueryプラグイン「Pop Easy」 モーダルダイアログ実装用のプラグインは色々ありますが、次のようなカッコよくスタイリングされたダイアログが実装できます ダイアログの他、動画、IFRAMEの埋め込みが可能っぽいです CSSなので当然リデザインは可能ですが、初期デザインをちょっとカスタマイズして自サイト用にするだけで完成度の高いものが実装できそうですね 関連エントリ jQueryでモーダルダイアログを実現するプラグイン２０ クールなモーダルダイアログ実装ライブラリ「SimpleModal」
RequireJSでTwitter Bootstrap（jQuery）を非同期ローディングしてみる | DevelopersIO
こんにちは、すどーです。 RequireJSでjQueryやjQueryプラグインの非同期ローディングを試してみました。 最近は大規模な構成になると、「ちぢめる、まとめる、かためる（minify, combine, compress）」のが主流のようです。 ですが小中規模な構成や、依存関係にあるフレームワークなども多くあるので、簡単な使い方だけでも覚えておくと便利かと思います。 RequireJS： http://requirejs.org/ RequireJS API： http://requirejs.org/docs/api.html RequireJSの主な特徴 モジュール化（AMD APIをサポート） 非同期ローディング OPTIMIZERによる最適化 1. モジュール化（AMD APIをサポート） AMD(Asynchronous Module Definition)はComm
Twitterのようなログインフォームを設置出来るjQueryプラグイン
Simple and Effective jQuery Dropdown Login Formは、軽量でお手軽にログインフォームを設置出来るプラグインです。 ちょっとしたサイトのアクセント、Twitterみたいなログインフォームを設置したーいという人が何人かいたので共有。 クリックから展開 イメージ的には以下の様な。 中々美しいでしょ？ 設置方法 はじめにjQueryをGoogle先生から呼び出し、CSS、login.jsを読み込みます。 <link rel="stylesheet" href="css/style.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script> <script src="js/login.js"></scrip
jQuery UI 1.10 日本語リファレンス | js STUDIO
このサイトについて jQuery UIの日本語リファレンスです。 jQuery UIの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 このリファレンスではjQuery UIのバージョンは1.8以上を対象としていますので、それ以前のバージョンについては当てはまらない 箇所もあると思いますので注意してください。 また、1.8以降のバージョンによる違いについて、なるべく記述しているようにはしていますが、内部処理やclass名の変更等、全ては書ききれてはいないので、 詳細について知りたい場合は公式サイトでの確認をお願いします。 jQuery UI 1.9アップグレードガイド(英文) jQuery UI 1.10アップグレードガイド(英文)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FieldsLinker
ページの使い方ツアーを実装するjQueryプラグイン「jquery-page-tour」:phpspot開発日誌
nanoScroller.js - A jQuery plugin that offers a simplistic way of implementing scrollbars.
IDEA * IDEA
アニメーションする綺麗な円グラフが描けるjQueryプラグイン「Circliful」:phpspot開発日誌
Loading...
http://www.cmmntr.com/m/22