Quantcast
Channel: jQuery | Tips Note by TAM
Browsing latest articles
Browse All 27 View Live

Javascriptのアニメーション処理を高速化するプラグインVelocity.jsの使い方

今回はjQueryのanimate()に比べて高速で高機能なプラグイン「Velocity.js」について調べてみました。 ■Velocity.js(公式/記事作成時最新バージョン 1.2.2) http://julian...

View Article


特定エリアのみをプリントしたい

特定範囲のみをプリントできるようにしたい、という依頼がありましたので調べてみました。 ▼サンプル 「個別印刷」ボタンをクリックすると、クリックしたエリアをプリント。 「一括印刷」ボタンをクリックするとareaA、area...

View Article


Velocity.jsでCSS transformsやSVGを扱う

今回は、jQueryのanimate()に比べて高速で高機能なプラグイン「Velocity.js」から、 前回の記事で取り上げられなかった項目について調べてみました。 ■Velocity.js(公式/記事作成時最新バージ...

View Article

高さ揃えのjQueryプラグインを比較してみた

要素の横並びなど、高さを揃えたいときに使っているjQueryのプラグインをご紹介します。 jquery.heightLine.js jquery.tile.js jQueryAutoHeight.js jquery.he...

View Article

htmlにxmlファイルを読み込ませたい

新着ニュースの更新などで良く使う、xmlファイルの読み込みを実装しました。 今回はjQueryでhtmlを追加する書き方をしています。 まず、htmlを用意します。 日付とテキストリンクを更新するシンプルな表示です。 j...

View Article


表にソート機能を追加するプラグインの紹介

表にソート機能を追加するプラグインを紹介します。 「Tablesorter」を利用してソート機能を実装していきます。 デモページ Tablesorterを利用するためにjQuery、を読み込む必要があります。 ※1.x系...

View Article

検索ボックスの値をリアルタイムに取得して、部分一致の絞込み検索を実装する

下記のような絞込み検索を jQueryで実装する機会があったのでご紹介します。 検索ボックスに文字を入力するたびにページ内の検索対象から部分一致するワードを絞り込んで検索結果エリアに表示します。 See the Pen ...

View Article

Google Calender iCal形式のデータから、日本の祝日リストを自動生成する

前回の記事の続き。 jQuery ui Datepickerに祝日を反映する 祝日を反映したのはいいけど、祝日リストを直書きするのは大変だなということで、 こんな方法はどうでしょうか。 はじめに まずどこかに都合のいい日...

View Article


MTAppjQueryで管理画面を使いやすくするカスタマイズ6選

管理画面大好きの皆さんこんにちは!管理画面カスタマイズしてますか? 最近、MovableTypeの開発で管理画面のカスタマイズをよくするので、管理画面をCSSとJavaScriptでカスタマイズできる「MTAppjQue...

View Article


jQueryでリスト表示を絞り込む処理を実装する

リスト表示をJavaScriptで絞り込んで表示させる機会がたまにあるので、実装方法を3パターン試してみました。 ■目次 選択した項目で絞り込み検索をする 複数の項目で絞り込み検索をする 配列を使ってリスト側に複数の値を...

View Article
Browsing latest articles
Browse All 27 View Live