「レスポンシブWEB」の記事一覧

「レスポンシブWEB」の記事一覧

WPでスマホだけで表示させる時の記述方法

(スマホ対応)レスポンシブにする際の注意点(印刷でレイアウト崩れ)

スマートフォン対応(レスポンシブ)にする時に、ブレークポイントで区切ってMedia Queriesでmobile.cssなどで上書きして、対応させる場合があります。 その時に、スマホの時だけ表示させたいので、そのパーツは・・・

スマホ対応(レスポンシブ)でイメージマップを使っても座標がずれない方法!

スマホ対応でも、画像に対して範囲指定でリンクさせたいときに、 イメージマップでリンクさせたいときが、時たまあるんですが、 そんな時は、そのままだとスマホ表示した場合、 イメージマップのクリック範囲の大きさがそのまま変わら・・・

heightLine.js CSSでブロックレベルの高さを一番高さがあるものにそろえてくれる便利なJquery

CSSでfloatして並べるときや、2カラム、3カラムなどで要素の高さがちがうときに、 統一したいブロックレベル要素に『heightLine』というclass名を付けます。 こちらを参考にしました。 ↓ http://b・・・

レスポンシブWEBデザインでスマホの縦横の判定をする

PC/スマホの横向きを判別して、 横向きのときに別のCSSを適用させる方法! ■横向きにした時だけに適用させたいときはこちら↓ @media only screen and (orientation:landscape)・・・

BootStrapで超簡単にオシャレなレスポンシブ対応サイトが作れる

レスポンシブWEB対応のサイトを作るのに、CSSでいろいろ考えなくても超簡単にオシャレなレスポンシブ対応のWEBサイトが完成する。 bootstrapはこちらからDLしてくださいね! http://twitter.git・・・

レスポンシブなjqueryスライド

キレイですてきなスライドがたくさん! http://w3q.jp/t/3331

Media Queries、IE で使えるようにするおまじない

↓これをいれれば出来上がり! <script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”>&・・・

フルードイメージ

従来は、画像サイズを指定してコーディングしていましたが、レスポンシブWEBでは、複数の画面サイズの違うデバイスで表示させるために、画像をブラウザーの内側にキレイに収まるようにしなければなりません。その為に「フルードイメー・・・

レスポンシブWEBデザインの流れ

レスポンシブWEBでのデザインをする際は、必ず小さいデバイスのものからデザインしていって、次々に大きいものへと作ってゆく形になります。 スマホ⇒タブレット⇒PCなど。。

サブコンテンツ

TOP