
以前のTwitterウィジェットは色とか色々とカスタマイズできたのですが、新しくなってほぼそのまま使うしかなくなってしまいました。
そこでjQueryを使用してカスタマイズしてみようと思います。今後、Twitterの仕様変更によって使えなくなる可能性もありますがご了承ください。
FacebookやTwitterのウィジェットやボタンを埋め込んだhtmlファイルをローカルで直接開くと表示されなくて、さらにWindows環境だと読み込みにすごく時間が掛かってしまいます。(Macだとあまり気にならないですが)
そこでjQueryを使用してサーバー環境時のみウィジェットを表示する方法をご紹介します。
HTML5 の File API を使用することでドラッグ&ドロップでの複数ファイルの取得や、ローカルファイルのちょっとした加工などができるようになりました。
この記事では、画像とテキストファイルを簡単に表示する方法をご紹介します。
タグ入力を補完してくれるjQueryプラグインは探すと結構あったのですが、日本語でサジェストが上手くいかなかったり、CSSでスタイルがカスタマイズできなかったりと色々問題がありまして、最終的にこの「Tag-it!」 に落ち着きました。