HTML5のsrcset属性を使ってみる
srcset属性を使って画像の出し分けを試してみます。...
レスポンシブの記事一覧
PCとスマホで画像とテキストを出し分ける
data属性とCSSのcontentを使って、PCとスマホで画像とテキストを出し分ける方法をメモ。...
レスポンシブでブレークポイント毎に画像を出し分ける
レスポンシブでブレークポイント毎で画像を出し分ける処理を実装してみます。...
Facebookのページプラグインをレスポンシブに対応する
Facebookのページプラグインを埋め込むときに、レスポンシブに対応する方法を調べたのでメモしておきます。...
横並びのナビゲーションでレスポンシブに対応する
PC時は横並び + プルダウン + レスポンシブでスマホ時にナビゲーション切り替え という形でナビゲーションを実装してみ...
レスポンシブサイトを印刷するときにレイアウトが崩れる
レスポンシブサイトで印刷時にレイアウトが崩れることがあったので、その対応方法を調べてみました。...
CSSのvwやvhを使ってみる
vwやvh,vmin,vmaxといった単位を使ってみます。...
floatした要素が複数行になった時に、レスポンシブ対応で中央揃えにする
floatした要素が1行の時の中央揃えの方法は以前記事を書いたのですが、今回は2行以上に対応する方法を考えてみました。...
Masonry.jsを使ってみる
レスポンシブ対応のグリッドレイアウトを実装できるjQueryのプラグイン「Masonry.js」の使い方をメモ。 今回は...
matchMediaを使ってみる
以前Media QueriesのブレークポイントでJavaScriptを実行する方法という記事を書きましたが、match...