26

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

jqueryで要素を作成するとき、第二引数を使ってプロパティ類をまとめて設定する方法。 これするといちいちaddClassやらイベントやら追記しなくて済むのでソースが綺麗になるよ。 [crayon-5a354ded30f […]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

wordpress記事の外部リンクにファビコンを表示

このブログの性質上、外部サイトへリンクを張ることが多いので ちょっと見栄えよくリンク先のファビコンを表示しようと思ったメモです。 以前のブログでもやったことあるような、気はするのですが そのブログはすっかり飛んでしまった […]

進捗表示/ドロップ対応/複数対応/確認プレビューあり もう完璧じゃね?と思える「jQuery File Upload Plugin」

複数のファイルを選択、ドラッグ&ドロップ、プログレスバー、ファイルバリデート、プレビュー表示ともう完璧までに装備されたファイルアップロード用jQueryプラグイン「jQuery File Upload Plugin」 ク […]