jQuery

スポンサーリンク
jQuery

javascript 西暦のセレクトなどに使う配列の作り方

selectboxとかで西暦月等の選択用に、キーと値が同じ配列を範囲を指定して作りたい時。 PHPで言うrange関数と同じ動きの関数を作る const range = (start, end) => { let a= {}; for (l...
jQuery

フォームの内容をjsonにしたい時の、jquery拡張$.fn.serializeObject()

jQueryには入力フォームの内容を文字列で返す $.fn.serialize() や、 配列で返す $.fn.serializeArray() がありますが、オブジェクト形式で取りたくてけっこー探し回ってやっとたどり着いたのでメモです。 ...
jQuery

スクロールスパイ系js10個まとめ

スクロールに合わせて、ナビゲーションをアクティブにしたいライブラリを探してみると、たーくさんあったので、メモ。 探せばどんだけでも出てくる感じだけど、自分の求めている物になかなか辿り着けない。。 Swiper デモ: ScrollSpy デ...
jQuery

【Movable Type】jqueryで新着投稿にnewマークを付ける

Movable Typeで、24時間以内の投稿は自動でNEWマークを付ける方法。 作戦 再構築をしなくても24時間を過ぎると自動で消える ↑ の理由でajax newマークの見た目や場所が一定ではないので、DOM構築はしない ↑ の理由で先...
jQuery

jquery 要素の作成で第二引数でまとめて

jqueryで要素を作成するとき、第二引数を使ってプロパティ類をまとめて設定する方法。 これするといちいちaddClassやらイベントやら追記しなくて済むのでソースが綺麗になるよ。 $('', { class: 'btn btn-prima...
jQuery

InstagramAPI 設置メモ。自分の投稿リストを取得するだけだったのにいろいろと面倒だったので、後からの覚書。

Instagram APIの使い方がとっても面倒だったので覚書。 前提 やりたいことは自分の投稿画像のリストを取得 特定の誰か(自分含む)の投稿の画像リストを表示するのにuserIDが必要になる userIDは数字です。clientIdでも...
jQuery

雪が舞うようなヒラヒラ落下するSnowfall jquery pluginを複数画像対応に改造

雪が舞うようなヒラヒラ落下するSnowfall jquery pluginを複数画像対応に改造します。 Versionは1.7.4です。(だと思います^^;) デモサイト 通常の設置 $('#section').snowfall({ ima...
jQuery

【YoutubeAPI】 iPhoneやAndroidでplayVideo()が再生されず、読み込み中のままになる

先日の続きです。 YoutubeのプレーヤーAPIを使って簡単な再生プレーヤーを設置したのですが一部のスマホ端末で再生できない現象が出たので調査。 まず、やっていることはyoutubeプレーヤーの全面にプレイ画像を置き、クリックしたらプレイ...
jQuery

YoutubeAPI インターネットエクスプローラー10でwindow.onYouTubeIframeAPIReadyがフックしないとき

IE10にて起きた現象で、YoutubeAPIのwindow.onYouTubeIframeAPIReadyが作動しない不具合がでました。 ブラウザを更新すると動作しなかったりで安定しなかったので対処法。 対処法 どうもIE10だとドキュメ...
jQuery

CSS3を使ったマウスオーバーフリップアニメーションと非対ブラウザ用にjqueryアニメーションのサンプルソース

CSS3を使ったアニメーションは従来のjavascritpアニメーションに比べ、軽く動作が美しい、表現の幅も広いですが、非対応のブラウザの場合、とても残念になります。 今回はマウスオーバーでフリップアニメーションをCSS3で行い、非対応ブラ...
jQuery

javascrip:ハッシュタグからイベント情報を取得

javascriptでクリックイベントから要素のデータで情報を使いたいときjQueryのDataAPI $('div').data('hoge'); はよく使う手法ですが、シンプルに扱うにはハッシュから取った方が見やすかったりします。 毎回...
jQuery

ブラウザ幅に応じてレウアウトをかっこよく調整、jQueryプラグイン「Isotope」

レスポンシブが最近のトレンドですが、ブラウザ幅に応じてレイアウトの幅を変えるのではなくレイアウトの位置変更で最適化する、そんな動きのきもちいいjQueryプラグイン「Isotope」 ・・・実は前回 書こうと思っていた記事ですが、改めて紹介...
jQuery

HTML5+CSS3でプレゼン資料を作るjQueryプラグイン「jmpress.js」

社内でプレゼンをやることになったので、web製作者らしく、パワーポイントではなく、HTML5を使ってプレゼン資料を作ろうと思ったのでそのメモです。 で、今回使ってみたのがjQueryプラグイン「jmpress.js」です。 とにかく動きがダ...
jQuery

QRコード 作成方法・webサービスサイト・ツールのまとめ

アナログとデジタルをつなぐのによく利用されている二次元バーコードQRコードですが、なんだかんだ代替品が登場せず、定番になっています。 今後、ちょっとしたQRコードを使ったツールでも開発しようと考えているのですが、まずはQRコードを作るための...
jQuery

セレクトボックスを超高機能に jQueryプラグイン「Select2」

機能はセレクトボックスだけど、複数選択させたいとか、テキスト検索もさせたいとビジュアルアイコンを入れたいとか・・とにかくブラウザ標準のセレクトボックスでは表現できない時に選択肢として覚えておきたいjQueryプラグイン「Select2」 ち...
スポンサーリンク