ITmedia総合 >  質問!ITmedia  > 

「レスポンシブWebデザイン」最新質問一覧

JavaScript
レスポンシブデザインでイメージマップ
レスポンシブデザインでウェブサイトを制作しています。その中で、イメージマップ(クリッカブルマップ)を使おうとしているのですが、スマホ縦で表示しますと、画像の大きさが変わりますので、リンクエリアがずれます。そこで、jQuery RWD Image Mapsというものを見つけま...(2016/07/21)

Webデザイン・CSS
2カラムレイアウトでサイズ可変なCSSレイアウ
例えば、右、左の2つのエリアにわかれた2カラムレイアウトで、真ん中の境界線を右左にずらすことで、ウィンドウサイズはそのままでエリアの領域が可変になるようなレイアウトをCSSなどで実現したいです。「ウィンドウサイズ 可変」などで検索すると、1つのウィンドウサ...(2016/06/12)

Webデザイン・CSS
レスポンシブデザイン 縦画面固定
レスポンシブデザインで作ったWEBサイトを縦画面に固定したい(スマホ横持ち時でも縦画面のまま)のですが、何か良い方法はありますでしょうか。IPHONEやAndoroidの画面固定機能は使わず、CSSなどで実現したいです。(2016/06/08)

ホームページ作成ソフト
dreamweaverCS5とHPビルダー20
どちらを購入するか、迷っています。知人のお店のサイトを、今までテキストエディタで作っていました。昔、ビルダーで作ると余計なタグが入る?と言われたことからの先入観で独学で2000年ごろからテキストエディタでhtmlとcssで作る方法を勉強してきました。社会人となった...(2016/05/10)

Webデザイン・CSS
レスポンシブサイトのデバイスチェックについて
昨今、レスポンシブデザインがデフォになっておりますが、最終的なデバイスチェックは、みなさん、どのような方法で、またどの端末表示で行っているでしょうか?当方はChromeの要素検証で行っておりますが、これでは不十分でしょうか??宜しくご教授のほど、お願いいたし...(2016/04/26)

JavaScript
レスポンシブデザインでスマホサイトと携帯サイトで分
JQuery Mobileを使って、スマホサイトを作成していますがレスポンシブデザインでスマホサイトと携帯サイトで分けようと思ったのですがJQuery Mobileを使っているのならURLは同じで分けるよりもURLを分けた方がいいのでしょうか?(2016/03/23)

Webデザイン・CSS
レスポンシブデザインの制作手順
おはようございます。今更ながらレスポンシブWEBデザインでのサイト制作を始めたのですが、制作手順が分からず困っています。制作方法は調べるとたくさん出てくるので分かるのですが、たとえば、デバイスごと&パターンごとにラフデザイン(クライアントに見せる)を作って...(2016/02/03)

Webデザイン・CSS
文字列の間に線
お世話になります。皆様のお知恵を貸してください。レスポンシブデザインで飲食店のメニューページを作っているのですが、品名と値段の間に線or点線を入れたいです。<p><span class="menuname">天然真鯛</span><span class="menuprice...(2016/01/26)

Webデザイン・CSS
IE11だと作成中のレスポンシブサイトが崩れます。
独学でレスポンシブWebデザインのサイトを作成中なのですが、IE11だと画面のデザインが崩れてしまい、正しく表示されません。※まだ作成中のためサーバーにアップはしていません。サーバーにアップすれば正しく表示されるのでしょうか?ちなみに、クロームやサファリ、Fire...(2016/01/10)

その他(プログラミング)
自作ブログの方、PC・スマホでファイルはどうしてる
 PHPとMySQLを使ってブログを作ってみようと思います。 PC向けとスマホ向けでレイアウトを変えようとしてるんですが、コンテンツ上の関係でレスポンシブデザインは使わず、PC向けとスマホ向けでファイルを分けようと思っています。 閲覧者がアクセスするたびにMySQLデー...(2016/01/09)

HTML
PC用サイトとスマホ用サイトを作る場合
今からHPを作る場合PC用サイトとスマホ用サイトを作る場合/mなどしてページで振り分けるより1つのサイトをレスポンシブデザインで振り分けたほうが良いのでしょうか?いまどきなのは後者ですか?(2015/12/26)

Webデザイン・CSS
レスポンシブデザイン?
cssでfont-size: 0.85em;にしていて、スマホで見ると文字のサイズはちょうどいいのですが同じサイトをPCで見ると文字のサイズが小さすぎて見づらいです。一つのサイトを二つの媒体(スマホ・PC)で見る際に文字のサイズを変える場合はレスポンシブデザインと言うのを学...(2015/12/22)

Webデザイン・CSS
レスポンシブの横幅
スマフォとタブレット、PC …レスポンシブデザインを考えるとき、それぞれ、横幅のピクセル数はどれぐらいの範囲が良いのでしょうか…ネットで調べても、"これだ !" という範囲がまったく分からないので、教えて下さい。お願いします。このサイトです。↓http://...(2015/12/04)

Webデザイン・CSS
レスポンシブデザインのCSSについて質問です。
レスポンシブデザインのCSSについて質問です。PCで閲覧した時は、文章を左寄せ、画像を右寄せで表示させて、スマホで閲覧した時は、文章の下に画像を配置する方法を教えて下さい。 ちなみに私の場合はPC用サイトを以下のように作成していますが、スマホではどのようなCSSに...(2015/06/08)

Webデザイン・CSS
レスポンシブデザインのサイトご存知ですか?
レスポンシブデザインで作製されたサイト3つほど観たいのですが、どなたかご紹介頂けませんか?宜しく願います。(2015/04/12)

Webデザイン・CSS
レスポンシブWebデザインでテキストの振分について
現在あるPCサイトをスマホにも対応させたいので、スマホ用のファイルを別に作成するか、またはレスポンシブWebデザインにしようと考えております。そこで疑問に思ったことがあります。私が把握しているレスポンシブWebデザインのサイトは、例えば住友商事のようなサイトで...(2015/03/17)

Webデザイン・CSS
スマホサイト用の画像を作成する場合のサイズについて
現在、個人で作成したWebサイトがあるのですが、パソコン用のみとなっております。レスポンシブWebデザインで、スマートフォンにも対応するために、取り組んでいるところです。パソコンサイトと同じ画像を、スマホのデバイスでも併用する場合はスタイルシートでサイズの縮...(2015/03/17)

Webデザイン・CSS
横スクロールする画像スライドショー
いつもお世話になります。レスポンシブWEBデザイン対応で、写真を横に何枚か並べて横にスライドする、jQueryのスライドショーを探しています。例えば、zozoタウンの商品詳細の下の方にある、「その他のアイテム」などに使われているものです。http://zozo.jp/shop/greenlab...(2015/02/02)

Webデザイン・CSS
PCとスマホのみのレスポンシブデザイン
レスポンシブウェブデザインについて勉強中です。自分なりに書籍を読みながら作成し、スマホ、タブレット、PCで異なる表示なるようなサイトが作れました。最近、タブレットはPCと同じで良いとの考えに至り、スマホとPCだけに対応したレスポンシブウェブデザインにしたいの...(2015/01/31)

Webデザイン・CSS
wordpressテーマのレスポンシブ無効化
wordpressの「Twenty Fourteen」にて、サイトの制作をしております。背景画像の関係でレスポンシブデザインを無効化したいのです。右記URL(http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14125143629)を参考に、コードを修正しましたが、無効化できません。...(2015/01/22)

Macintosh
webデザインのフォントサイズについて
こんにちは、現在WEBサイトを作っています。macとwinでフォントの種類やサイズなどの表示が変わるのは分かっていたのですが、同じmacでも画面が大きいデスクトップと画面が小さいノートパソコンで文字サイズが全く違うので、困っています。同じサイズで表示させるにはどう...(2015/01/08)

Webデザイン・CSS
レスポンシブWebデザインに詳しい方
PC、スマホサイトを運営しています。A業者さんに、レスポンシブwebデザインで制作していただきました。今回、リニューアルをする予定なんですが、B業者に、PC版のみ制作してもらった場合、自動でスマホ版も更新されるのでしょうか?もしされない場合、B業者が作ったHPを...(2015/01/01)

Webデザイン・CSS
レスポンシブWEBでありますけど
スマートフォンとかに対応する為のもんらしいのですが、色々調べるとCSSのwidthが関わっているらしいですが、イマイチ解りません。解りやすい解説をできましたらお願いします。(2014/12/10)

Webデザイン・CSS
ResponsiveSlides
レスポンシブWEBデザイン対応のスライドショー、「ResponsiveSlides.js」で質問があります。画像が最後に来たら最初に戻らず、最後の画像をストップさせたいのですが、どのオプションで実現できるのかわかりかねています。ご存知の方、いらっしゃいましたらご教授の程、お...(2014/11/10)

Webデザイン・CSS
レスポンシブ ビジネス
集客向けのWEBサイトではなく、業務システム(注文管理だったり、勤怠管理だったり)で参考になりそうなレスポンシブデザインの事例を教えて下さいテンプレートサイトであればなお嬉しいです。(2014/09/15)

その他(デジタルライフ)
レスポンシブflexsliderのサムネイル画像を
始めまして。レスポンシブデザインのホームページショップを構築中です。笑い話かも知れませんがホームページビルダー15での制作です。メインカラムでflexsliderの導入をテストしています。現在はうまくサムネイル画像横4個の3段の12個表示で動いています。 ですが3段...(2014/07/22)

Webデザイン・CSS
レスポンシブデザイン、メディアクエリの設定について
現在レスポンシブにしているサイトでは480、768、960、でメディアクエリの設定をしています。自分のIPhone4sの実機と各種エミュレータ、シミュレーターと検証したのですが、Xperiaの友人の実機で意図したレイアウトと違っていました。機種名を聞いて仕様を見ると、解像度(...(2014/07/20)

HTML
formのaction属性を指定する意味はあるか?
リクエストの送信元と送信先が異なる仕組みの場合、必要なのは当然ですのでそれは除外します。同一ページ内だけでリクエストのやり取りをするページにおいて、formのaction属性を指定する意味についてです。HTML5から仕様として明確に不要になりました(そもそも仕様として...(2014/06/23)

JavaScript
jsファイルの記述順について
レスポンシブデザインでホームページを制作しています。解決できない問題に直面してしまいました。どなたか詳しい方がいらっしゃいましたらアドバイスをお願い致します。同一ページ内にqTip … ttp://craigsworks.com/projects/qtip/demos/content/loading とNaver … ttp:...(2014/06/21)

Webデザイン・CSS
ワードプレス max-width100%が効かない
ワードプレスでレスポンシブデザインを作ろうと思っているのですが、画像の大きさを変えるために、cssにimg{max-width:100%;}を指定しているのですが、ウィンドウサイズを変えても画像の大きさが変わらず困っています。cssの指定は効いています。max-widthの部分だけ効いて...(2014/06/13)

Webデザイン・CSS
.レスポンシブウェブデザインについて
.レスポンシブウェブデザインはすでにwebクリエーターの仕事をする上でそのように作るのは当たり前なのでしょうか? JQUERYのプラグインなどでやっているのでしょうか?現場ではどんな方法でやっているのでしょうか?それともまだ不要だったり、今後消える可能性もあるので...(2014/06/12)

HTML
レスポンシブWebデザインでリンク先を変更したい
いつも助けて頂き重宝しております。今回はレスポンシブWebデザインでご存知の方いらっしゃいましたら、よろしくお願い致します。トップページはレスポンシブデザインで作成しているのですが、そこから先の着地ページがどうしてもPC用とスマホ用に分かれているため、画面...(2014/05/24)

Webデザイン・CSS
レスポンシブWebデザインでファビコンの切り替え
レスポンシブWebデザインをしているのですが、パソコンの場合、スマホの場合などでファビコンの画像を変えることは可能なのでしょうか。(2014/05/07)

その他([技術者向] コンピューター)
レスポンシブデザインとHTML5について
レスポンシブデザインのサイトの作成をするときに、いくつか参考書を見ましたが、全てHTML5を使ったものばかりでした。XHTMLで書くこととHTML5で書くこととで、レスポンシブにした時に何か違いはあるのでしょうか??(2014/04/29)

Webデザイン・CSS
Wordpressについて質問です。
現在、Wordpress のレスポンシブデザインのテーマを利用しています。その中のある固定ページで、tableを使った表を記述したのですが、スマートフォンなどのデバイスでは、文字がきれいに表示されません。tablepressというプラグインも使ってみたのですが、やはり文字はき...(2014/04/18)

Webデザイン・CSS
レスポンシブデザインのjQueryの書き方
WEB初心者ながら、レスポンシブデザインに対応したホームページを制作したいと思っています。スマホサイズのときのみ、ドロワーメニューにしたいのですが、jQueryをindex.htmlのheadに適応するとPCサイズの画面の時にも、そのjQueryが適応されてしまいます。cssは、@medi...(2014/03/08)

その他(開発)
同じスマホなのに端末によって文字サイズが違う
Webサイトを作成しています。レスポンシブデザインを使用して、スマートフォン用にも対応させていますが、同じ機種でブラウザの文字サイズが異なる端末があり、困っています。身近にいる人(十数人)のスマートフォンで確認したところ、ただ1端末だけ、文字サイズが極端に...(2014/02/14)

Webデザイン・CSS
レスポンシブデザイン、各スマフォ端末の確認方法は?
今回仕事に向けた勉強用のサイトをレスポンシブサイトにしました。ローカルではブラウザの幅を変えて確認していましたが、スマフォに関しては、各端末確認できるようなサイトもありましたが、実機と異なることに気づき、自分のiPhone4sでレイアウトが崩れていないので安心...(2014/02/08)

Webデザイン・CSS
レスポンシブデザインにする方法、参考サイト
現在作成しているサイトをレスポンシブにしようと色々サイトを調べているのですが、一部はしょってあったりなかなかいいサイトがありません。こちらのスキルとしては通常のサイト制作は仕事で請け負っています。現在レスポンシブサイトの案件が増えているので、自分のサイ...(2014/02/07)

HTML
HTML5とCSS3のレスポンシブデザインについて
今、wordpressでHTML5とCSS3のレスポンシブデザインに独学で、挑戦しています。タグを手書きで書いているのですが、分からない点があります。▼MENU▼というメニューバーは、PCでは見えない状態にしたいのですが、なかなか上手く行かず、PCで見えてしまいます。display:n...(2014/01/13)

JavaScript
jQueryプラグインをスマホに対応させない方法
いつもお世話になります。レスポンシブWEBデザインでサイト制作を行っております。使用しているjQueryプラグインを、PCのみで動作させ、スマホやタブレットでは動作させない方法を探っています。具体的には、jQuery「cluetip」というツールチップで吹き出しを設置。PCに...(2013/12/09)

Webデザイン・CSS
レスポンシブWEBデザイン jsの指定について
レスポンシブWEBデザインで、PC用に指定しているjQueryプラグインを、スマホでは指定しない方法を知りたいと思っています。例えば、640px以下はjQueryプラグインを動かさない、といった感じです。ご教授の程、よろしくお願いします。(2013/11/20)

HTML
レスポンシブデザインで、インラインフレーム
ワードプレスでレスポンシブデザインで、インラインフレームを設置したのですが、どうもうまくいきません。PCに合わせるとスマホがみだれ、逆にすると逆になります。ようやくましな形にしましたが、PC側のインラインフレームの中が左に寄ってしまいます。pcのメイン...(2013/11/13)

Webデザイン・CSS
レスポンシブデザイン スマホで非表示にしたい
レスポンシブデザインのサイトを制作していて質問です。今現在PC表示でページを下にスクロールするとページトップへ戻るボタンが右下に出現するように制作しております。このボタンをスマートフォンやタブレットで表示した際に出現しないようにする方法はありませんでしょ...(2013/11/06)

Webデザイン・CSS
background-sizeについて
レスポンシブWEBデザインで、background-size:containを指定すると背景画像が極端に小さくなってしまうという現象に悩んでいます。解決方法をご存知の方いらっしゃいましたらご指南の程、よろしくお願いします。(2013/10/23)

Webデザイン・CSS
レスポンシブWeb 右側の表示が切れてます
 レスポンシブWebデザインのサイトを作っています。 スマホの画面では右側の表示がきれてしまいます。marginとpaddingは左に効いても、右には効きません。 PCの画面では想定どおりに表示します。<meta name="viewport" content="width=device-width&q...(2013/10/23)

その他([技術者向] コンピューター)
レスポンシブWEBデザイン 画像拡大
お世話になります。レスポンシブWEBデザインに対応していて、無料で使える商用利用可能な拡大画像表示のlightboxみたいなプラグインを探しています。ご存知の方、いらしたら教えてください。よろしくお願いします。(2013/10/01)

その他([技術者向] コンピューター)
レスポンシブWEBデザインについて
レスポンシブWEBデザインのフルスクリーンスライダーに関してこちらのサイト内デモのフルスクリーンスライダーなのですがhttp://www.alessioatzeni.com/blog/brushed-template/スマホ表示にするとフルスクリーン画像が切り取られ中央の一部しか表示されなくなってしまいま...(2013/09/11)

Webデザイン・CSS
レスポンシブWebデザインとPCサイトの表示速度差
レスポンシブWebデザイン(以後、RWD)のデメリットとして、1ソースで制作しているのでスマホサイトの表示が遅めである、ということがよく言われますが、これは、従来のPCサイトをスマホで読み込む場合はPCサイトのデータ"だけ"を読み込むのに対し、RWD仕様のサ...(2013/09/04)

Webデザイン・CSS
レスポンシブデザインでネガティブマージンを使った際
フッターの上の要素(画像=html上はwidth,heightともに指定なし、cssでwidth: 100%; height: auto;)をネガティブマージンを使いフッター部分に配置したいと考えてたんですがフッターの高さを指定しない場合図のようになってしまうのでフッターの高さを指定(#testと同等の...(2013/08/27)



7月6日に米国等で、遅れて22日に日本でも配信を開始したスマホ向け位置情報ゲーム。街でスマホを持つ人がすべてポケモンGOプレイヤーに見えてしまうくらいの大ブームとなっているが、この盛り上がりがどれだけ継続するのか、この次に来る動きにも注目したい。

Oculus Riftに続く形で各社から次々と発表されたVRゴーグル。まだマニア向けという印象だが、ゲーム用途を中心に実用段階に進んでおり、決定打になるようなコンテンツが出てくれば、一気に普及が進む可能性もある。

ソフトバンクが買収を発表した半導体企業。既にスマホ市場では圧倒的なリーダーだが、今後IoTの時代が到来することで、ネットにつながるデバイスが爆発的に増加することが予測されており、そこでもスマホ同様のシェアを押さえられるのなら、確かにその成長性には期待が持てる。