jQueryでTwitterの公式ウィジェットをカスタマイズする
以前のTwitterウィジェットは色とか色々とカスタマイズできたのですが、新しくなってほぼそのまま使うしかなくなってしまいました。
そこでjQueryを使用してカスタマイズしてみようと思います。今後、Twitterの仕様変更によって使えなくなる可能性もありますがご了承ください。
- 投稿日
- 更新日
jQuery
ローカル環境でFacebook&Twitterウィジェットを開いたときに重いのをなんとかする
FacebookやTwitterのウィジェットやボタンを埋め込んだhtmlファイルをローカルで直接開くと表示されなくて、さらにWindows環境だと読み込みにすごく時間が掛かってしまいます。（Macだとあまり気にならないですが）
そこでjQueryを使用してサーバー環境時のみウィジェットを表示する方法をご紹介します。
- 投稿日
- 更新日
HTML5 の File API でローカルファイルを扱ってみる
HTML5 の File API を使用することでドラッグ＆ドロップでの複数ファイルの取得や、ローカルファイルのちょっとした加工などができるようになりました。
この記事では、画像とテキストファイルを簡単に表示する方法をご紹介します。
- 投稿日
- 更新日
サジェスト+Ajaxでタグがスムーズに入力できるjQueryプラグイン「Tag-it!」
タグ入力を補完してくれるjQueryプラグインは探すと結構あったのですが、日本語でサジェストが上手くいかなかったり、CSSでスタイルがカスタマイズできなかったりと色々問題がありまして、最終的にこの「Tag-it!」 に落ち着きました。
- 投稿日
- 更新日
CSSだけでレスポンシブで画像ナビゲーションをテキストに切り替える
グローバルナビゲーションはPCだと画像で作る場合が多いですが、スマホだとCSS3がフルに使えたりフォントが綺麗だったりするので、画像ではなくテキストで表示したいことがあります。
そこでレスポンシブで画像をテキストを切り替える方法をご紹介します。
- 投稿日
- 更新日
2012年10月 Twitter APIの変更によりjQueryでつぶやきが表示できなくなったので解決策
このブログでjQueryでTwitter APIを使用する方法をいくつか紹介してきましたが、2012年10月現在、今までの方法が使用できなくなりました。
とりあえずの解決策です。
- 投稿日
- 更新日
jQueryでFacebookページのウォールを自分のサイトに表示する方法（簡易バージョン）
FacebookページのウォールはFeedを出力しています。
これをGoogle AJAX Feedを利用してjsonpへ変換してjQueryで表示する方法をご紹介します。
- 投稿日
- 更新日
画像を選択してテキストエリアなどにパスを挿入するjQueryプラグイン（CodeMirror対応）
局地的にしか使用できませんが、管理画面などで画像一覧を表示させて選択するとテキストエリアにパスを挿入するプラグインです。
Code Mirrorというテキストエリアを快適にするプラグインに対応しています。
- 投稿日
- 更新日
css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにする
ブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。
といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。
- 投稿日
- 更新日