Webサイトやアプリケーションを様々なデバイスに対応させるレスポンシブデザイン。 CSSのメディアクエリだけで完結すれば理想的ですが、Canvasを使ったグラフ描画の再計算や、複雑なグリッドレイアウトの動的な調整など、JavaScript側で画面サイズの変更を ...
Webサイト制作において「レスポンシブ対応」はもはや必須要件です。 通常はCSSのメディアクエリ(@media)を使えば事足りますが、開発が進むにつれて「CSSだけでは手が届かない」場面に遭遇したことはありませんか? 例えば、Canvas要素の再描画、複雑な ...
A Cross-Browser, Event-based, Element Resize Detection. In short, this implementation does NOT use an internal timer to detect size changes (as most implementations I found do). It uses scroll events ...