「 レスポンシブ 」 一覧

no image

レスポンシブ対応ナビゲーションを簡単に付けられる「SlickNav」

レスポンシブサイトで、PCとスマホではメニューの見せ方を変えたいもの。 画面の幅が狭くなった時はハンバーガーボタンと言われる三本線のボタンを表示をすることができる、jQueryの「SlickNav」が …

no image

クリッカプルマップをjQueryでレスポンシブ対応させる方法

滅多に使わないのですが、たま~に「クリッカプルマップ」を使用してコーディングをする事があります。 しかし、「クリッカプルマップ」はレスポンシブで使用してしまうと、リンク位置がズレてしまう現象がおきます …

no image

コピペで簡単にできるレスポンシブ対応GoogleMapの設置方法

ショップなどのサイトだと、地図は必須ツール。GoogleMapを利用する機会が多いです。 今回、スマホ対応サイトでGoogleMapを設置する機会がありました。 細かなカスタマイズをする場合は、Goo …

no image

レスポンシブに便利!様々な端末サイズでの見え方を確認できる「Viewport Resizer」

レスポンシブサイトを制作途中、いろんな端末サイズでちょっと見え方を確認をします。 最終的にはやっぱり実機での確認なんですが・・・コーディング途中ではやっぱり手軽に確認したいもの。 そんな時に使える、便 …

no image

レスポンシブサイト制作にチャレンジ。

最近、気になっているのが「レスポンシブWebサイト」。 1つのHTMLで、スマートフォンやタブレットなど小さな画面とパソコンなどの大きな画面で見た場合と見た目を切り替えて表示できる手法。 なかなかチャ …