WEBOPIXEL

javascript

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

CSSだけでレスポンシブで画像ナビゲーションをテキストに切り替える

Posted: 2012.11.09 / Category: HTML&CSS, javascript / Tag: ,

グローバルナビゲーションはPCだと画像で作る場合が多いですが、スマホだとCSS3がフルに使えたりフォントが綺麗だったりするので、画像ではなくテキストで表示したいことがあります。
そこでレスポンシブで画像をテキストを切り替える方法をご紹介します。

READ MORE