【jQuery】Twitter埋め込みウィジェットが最大520px固定になっていたので強引に戻す
格安SIM比較サイトを更新している時に気がついたのですが、CSSで幅いっぱいまで広げていたTwitter埋め込みウィジェットが何故か右側に余白が空くようになってしまいました。 原因は埋め込みコードの変更？ こうなってしまうとコンテンツ幅に合わせて広げているレイアウトが出来なくなってしまいます。どうしてもコンテンツ幅に合わせておきたかったので、jQueryを利用して強引に幅100%に調整しました。 Chromeの開発者ツールで調べてみたところ、Twitterの埋め込みウィジェットが吐き出すソースコードが変更されたみたいで、幅が最大520pxに固定されてしまったようです。CSSでmax-width:100% !ipmortant;のように幅いっぱいに指定しても効かなくなってしまったようです。 jQueryで強引に幅100%に戻してみる CSSが効かないとなると、jQueryとかでどうにかなるん
Twitter関連のjQueryプラグイン｜Twitter関連｜Web関連特集｜PHP & JavaScript Room
スクロールパネルを実装するjQueryプラグイン「jScrollPanel」を使用して、指定したユーザー（複数指定可）のTLをコンパクトに表示する方法が掲載されています。 マウスホイールイベントをJSで制御するjQueryプラグイン「jquery.mousewheel.js」を使用することで、マウスホイールでスクロールできるようになっています。 鳥アイコンやデザインはCSSで変更できるようになっています。角丸は画像でなく、CSS3を使用して実装されています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
