WEBOPIXEL

jQuery

breakpoints.jsを使用したレスポンシブでの画像切り替え

Posted: 2013.07.30 / Category: javascript / Tag: 

PCは横長なので画像も横長に作成することが多いですね。しかし、レスポンシブでスマートフォンに対応した場合は、横長画像だとよくわからなくなってしまいます。
「breakpoints.js」を使用すれば割りとお手軽にPC用とスマホ用の画像を切替えできますよ。

READ MORE

jQueryでTwitterの公式ウィジェットをカスタマイズする

Posted: 2013.02.08 / Category: javascript / Tag: ,

以前のTwitterウィジェットは色とか色々とカスタマイズできたのですが、新しくなってほぼそのまま使うしかなくなってしまいました。
そこでjQueryを使用してカスタマイズしてみようと思います。今後、Twitterの仕様変更によって使えなくなる可能性もありますがご了承ください。

READ MORE

ローカル環境でFacebook&Twitterウィジェットを開いたときに重いのをなんとかする

Posted: 2013.01.21 / Category: javascript / Tag: ,

FacebookやTwitterのウィジェットやボタンを埋め込んだhtmlファイルをローカルで直接開くと表示されなくて、さらにWindows環境だと読み込みにすごく時間が掛かってしまいます。(Macだとあまり気にならないですが)
そこでjQueryを使用してサーバー環境時のみウィジェットを表示する方法をご紹介します。

READ MORE