Javascriptのアニメーション処理を高速化するプラグインVelocity.jsの使い方
今回はjQueryのanimate()に比べて高速で高機能なプラグイン「Velocity.js」について調べてみました。 ■Velocity.js(公式/記事作成時最新バージョン 1.2.2) http://julian...
View Article特定エリアのみをプリントしたい
特定範囲のみをプリントできるようにしたい、という依頼がありましたので調べてみました。 ▼サンプル 「個別印刷」ボタンをクリックすると、クリックしたエリアをプリント。 「一括印刷」ボタンをクリックするとareaA、area...
View ArticleVelocity.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 Articlehtmlにxmlファイルを読み込ませたい
新着ニュースの更新などで良く使う、xmlファイルの読み込みを実装しました。 今回はjQueryでhtmlを追加する書き方をしています。 まず、htmlを用意します。 日付とテキストリンクを更新するシンプルな表示です。 j...
View Article表にソート機能を追加するプラグインの紹介
表にソート機能を追加するプラグインを紹介します。 「Tablesorter」を利用してソート機能を実装していきます。 デモページ Tablesorterを利用するためにjQuery、を読み込む必要があります。 ※1.x系...
View Article検索ボックスの値をリアルタイムに取得して、部分一致の絞込み検索を実装する
下記のような絞込み検索を jQueryで実装する機会があったのでご紹介します。 検索ボックスに文字を入力するたびにページ内の検索対象から部分一致するワードを絞り込んで検索結果エリアに表示します。 See the Pen ...
View ArticleGoogle Calender iCal形式のデータから、日本の祝日リストを自動生成する
前回の記事の続き。 jQuery ui Datepickerに祝日を反映する 祝日を反映したのはいいけど、祝日リストを直書きするのは大変だなということで、 こんな方法はどうでしょうか。 はじめに まずどこかに都合のいい日...
View ArticleMTAppjQueryで管理画面を使いやすくするカスタマイズ6選
管理画面大好きの皆さんこんにちは!管理画面カスタマイズしてますか? 最近、MovableTypeの開発で管理画面のカスタマイズをよくするので、管理画面をCSSとJavaScriptでカスタマイズできる「MTAppjQue...
View ArticlejQueryでリスト表示を絞り込む処理を実装する
リスト表示をJavaScriptで絞り込んで表示させる機会がたまにあるので、実装方法を3パターン試してみました。 ■目次 選択した項目で絞り込み検索をする 複数の項目で絞り込み検索をする 配列を使ってリスト側に複数の値を...
View Article