matchMediaを使ってみる
以前Media QueriesのブレークポイントでJavaScriptを実行する方法という記事を書きましたが、match...
レスポンシブの記事一覧
jquery.slimmenu.jsの使い方まとめ
多階層のナビゲーションでレスポンシブにも対応しているjQueryプラグイン「jquery.slimmenu.js」の使い...
リサイズやスクロール時に1回だけ処理を行う
resizeやscrollは通常イベントが発生する毎に処理を行いますが、イベント発生毎ではなく、特定のときに1回だけ処理...
jquery.matchHeight.jsの使い方まとめ
横並びの要素の高さを揃えてくれるjQueryプラグイン「jquery.matchHeight.js」の使い方をメモ。...
Media Queriesの使い方を調べてみた
今までなんとなく使っていたので、Media Queriesの使い方をきちんと調べてみました。...
レスポンシブサイトのIE8でPC版を表示させる
レスポンシブサイトで対応ブラウザがIE8以上の場合、Respond.jsやcss3-mediaqueries.jsで対応...
Media QueriesのブレークポイントでJavaScriptを実行する方法
Media Queriesのブレークポイントの切り替え時に、JavaScriptの処理を実行したいときの方法を考えてみま...
YouTubeの動画を背景全面に表示する
YouTubeの動画を背景全面に配置するサンプルです。 画面サイズの変更にも対応しています。 YouTubeの制御はJa...
brにdisplay:none;を指定する
タイトルの通りですが、brタグにdisplay:none;を指定するという発想が無かったのでメモ。 レスポンシブサイトで...
YouTubeをレスポンシブ対応にさせる
YouTubeの埋め込みをレスポンシブに対応させる方法をメモ。...
レスポンシブWebデザインでタブレット版がないときの対応
レスポンシブサイトを作るときに、タブレットはPC版を表示させたい、といわれることが時々あります。 今回はその対応方法のメ...