CSSでスマホ時のみ電話番号にリンクを設定する
スマホでの閲覧時のみ電話番号にリンクを張りたいということがあったので、CSSのメディアクエリで判別して一定の画面幅以下の...
レスポンシブの記事一覧
スマホとタブレットでviewportを出し分ける
以前にレスポンシブWebデザインでタブレット版がないときの対応の記事を書きましたが、最近viewportを出し分けたい時...
クリッカブルマップをレスポンシブ対応するプラグイン「jQuery RWD Image Maps」を使ってみる
クリッカブルマップをレスポンシブ対応する機会があったので、jQueryプラグインの「jQuery RWD Image M...
Facebookページプラグインのレスポンシブ対応で表示されない場合
以前にFacebookのページプラグインをレスポンシブに対応する方法の記事を書きましたが、画面幅によって表示されない現象...
レスポンシブサイトでスマホ時のみ電話番号にリンクを張る
レスポンシブサイトでスマホ時のみ電話番号にリンクを張りたい場合がたまにあるので、実装方法をメモ。...
matchMediaを変数に入れて複数箇所で使用する
matchMediaを変数に入れて複数箇所で使用としたときに少し詰まったので、やり方をメモしておきます。...
CSSで指定した縦横比を維持する
要素をpositionで絶対配置にした場合、その要素は親要素の高さに含まれなくなります。 親要素の高さを固定値で指定して...
SVGをレスポンシブに対応する
SVGをレスポンシブに対応させる際に少し手間取ったので、対応方法をメモしておきます。...
レスポンシブで要素の比率を保持する
画面サイズを変更した際に、要素のアスペクト比を保持する方法をメモ。...
HTML5のpictureを使ってみる
HTML5のpictureタグを使ってみます。...