回答率

91.78%

JavaScriptを有効にしてください

レスポンシブWebデザイン

レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

RSS

解決済

回答

1
レスポンシブでスマホレイアウトの際にmouseenter・mouseleaveの適用を解除したい

前提・実現したいことレスポンシブデザインの制作にて、ナビゲーション部分の動作がうまくいかずに困っておりますので、助けていただけると幸いです。よろしくお願い致します。ナビゲーション部分ですが、【 PCレイアウトの場合】各ナビゲーションにマウスオーバーすると、ポップアップでサブナビゲーションを表示【スマホレイアウトの場合】各ナビ
- 0評価
- 33PV
- jQuery
  
  4230questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
baritone 22時間前にコメント
受付中

回答

1
wordpressでシェアボタンのみをレスポンシブさせない方法はありますか？

前提 HTML・CSS・wordpressの初心者です。実現したいことシェアボタンのみレスポンシブ対応前の状態を維持させたいです。発生している問題現在記事を投稿しているページがレスポンシブに対応しておらず、スマホで確認をすると、画像が小さく表示されてしまっています。そこでレスポンシブ対応はできたのですが、シェアボタンのデザインが変わ
- 0評価
- 50PV
- HTML
  
  5295questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3326questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- WordPress
  
  3933questions
  
  WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
mx3 1日前にコメント
受付中

回答

0
cssにおけるプロパティ及びjQueryの不安定な挙動（スライドメニューが収納されない）に関して

前提・実現したいこと ①商品詳細ページおいて、header部分にコンテンツが重なる症状を改善したいです。 ②pc以外の各デバイス（iphone6s / 6 / 5等）において、トップページの背景画像を縦横比を保ち、画像全体がぴったり収まるレイアウトにしたいです。 ③jQueryによるスライドメニューがレスポンシブデザインでは不安定な挙動を見せるため
- 0評価
- 75PV
- jQuery
  
  4230questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- CSS3
  
  1254questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2414questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- jQueryプラグイン
  
  270questions
  
  jQueryの拡張機能。様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
teratailが4日前にアップデート
解決済

回答

1
monaca iPhone viewportが効かない

monacaにて現在、iPhone端末向けのアプリを作成しており、HTML自体はWebサーバーにアップしており、jqueryでWebサーバーで取得したHTML（body部分のみ）を取得し、bodyタグに出力しているのですが、iPhone5iS端末で確認すると画面幅が大きく横スクロールが発生してしまう状況です。下記のmonacaのJSを利用してもうまくレスポン
- 0評価
- 223PV
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- iPhone
  
  649questions
  
  iPhoneとは、アップル社が開発・販売しているスマートフォンです。同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。
- Monaca
  
  504questions
  
  「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。
t-morita-logic 1週間前にコメント
解決済

回答

3
スマホ画面で検証時に、コンテンツが画面に収まりきらず横スクロールが発生している症状を改善したい。

前提・実現したいこと Google検証ツールにて各デバイスでの表示を確認しています。現状、どのデバイス（例 iphone5,6,6plus,ipad等）で確認してもpc画面内に収まって表示されるコンテンツが、全て見切れてしまいます。常に横スクロールが発生している状態で見辛いです。今まで下記コードをhead内に記述して、各デバイスに適した縮小が施された
- 0評価
- 396PV
- CSS3
  
  1254questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2414questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
6111-debutant_. 1週間前にコメント
解決済

回答

2
投稿系のレスポンシブサイトにおける画像の扱いについて

「投稿系のレスポンシブサイトにおける画像の扱い」についてお聞きしたいことがあります。現在、レスポンシブのwebメディア（画像投稿機能あり）を作成しているのですがスマホ、タブレット、PCの際の画像サイズや解像度の扱いをどうするべきか悩んでおります。 PCサイズでのサムネイル画像などの投稿した場合、スマホの場合にサイズが大きく、ページ自体が
- 0評価
- 204PV
- PHP
  
  13307questions
  
  PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。
- JavaScript
  
  9527questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- CSS3
  
  1254questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Laravel 5
  
  639questions
  
  Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。
Soeji 3週間前にコメント
受付中

回答

2
レスポンシブにおけるjs(jQuery)の切り替えについて

jQueryを主に使ってWebサイトの動きをごにょごにょしているのですが、レスポンシブデザインでスマホ、タブレット、pcで用いるjQueryを切りたいと考えています！今回の場合は、pcではlightbox(featherlight.js)で表示していた要素を、スマホではタブ切り替え(生jQueryもしくは何かプラグイン)で表示できるようにしようと思ってい
- 0評価
- 19875PV
- JavaScript
  
  9527questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- jQuery
  
  4230questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
miwakazuo 3週間前に回答
受付中

回答

0
TinyMCEとelFinderとを連携して画像アップロードする仕組みのレスポンシブ化について

TinyMCEとelFinderとを連携して画像アップロードが出来る機能を追加したものを実装したいと考え、下記のサイトを参考に実装を行い、実際に動かすことが出来ました。参考サイト qiita.com ・http://qiita.com/nissuk/items/0a9c38d882c0d6315366 PCやタブレットなどの大きいデバイスでは、
- 0評価
- 46PV
- CSS
  
  3326questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- jQuery
  
  4230questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- TinyMCE
  
  13questions
  
  TinyMCEとはプラットフォーム独立型であるウェブベースのJavaScript/HTML WYSIWYGエディターです。Moxiecode Systems ABによってLGPLライセンス下でオープンソース化されています。
- アップロード
  
  41questions
  
  アップロードは特定のファイルをウェブサーバに送るプロセスのことを指します。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
teratailが1ヶ月前にアップデート
受付中

回答

1
Wordpress記事一覧の列数のレスポンシブデザインのCSSでの実現方法

実現したいこと【実現したいこと】 Wordpressの投稿記事一覧画面で、以下のレスポンシブデザインを実現したいです。 ①パソコンの場合・投稿記事が表示が、最大５列になる。・ブラウザの縮小に応じて、５列→４列→３列→２列という風に列の数が減っていく。 ②スマホの場合・２列で固定。 ③それ以外(タブレット端末等) ・３列で固定。 http://gi
- 0評価
- 68PV
- PHP
  
  13307questions
  
  PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。
- CSS
  
  3326questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1254questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- WordPress
  
  3933questions
  
  WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
miz 1ヶ月前に回答
解決済

回答

1
Flickityで、スマホサイズの時は適用させないコード

前提・実現したいことここに質問したいことを詳細に書いてください現在、jQueryプラグインFlickityを使用して、スライダーを作成しています。このプラグインを、500px以下の場合には停止させ、501px以上であれば動作させるようにしたいと思っていますが、全てのサイズで動作してしまい、困っています。初歩的な質問かとは思いますが、どうぞよろし
- 0評価
- 71PV
- jQuery
  
  4230questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
addonestep 1ヶ月前に回答
解決済

回答

1
aspで作成されたサイトはレスポンシブできますか？

早速質問させていただきます。・タイトル通りですが、aspで作成されたサイトはレスポンシブできますか？・もしできるとしたら、方法はhtmlでのやり方と一緒ですか？(@media) ・違うのでしたら、どういった方法でしょうか？（参考ページ頂けたら幸いです）以上となります。すみませんが、回答宜しくお願いいたします。
- 0評価
- 101PV
- HTML
  
  5295questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3326questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- ASP
  
  40questions
  
  ASP(Active Server Pages) あるいはClassic ASP (ASP Classic)は、マイクロソフト社開発した動的なウェブページ製作に利用可能なサーバー側のスプリクトエンジンです。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
k3n1 1ヶ月前にコメント
解決済

回答

3
レスポンシブデザインの件（見やすく再送させていただきました）

ただいま、レスポンシブデザイン中です。 widthが767px以下になったらメイン画像が可変するようにしたいのですがうまくいきません・・・。よく、 img{ width:100%; max-width:100%; height:auto; } にしたら良いと色々書いてあったので以下のように試みましたがメイン画像が縮小されませんでした・・・。ひよ
- 0評価
- 429PV
- CSS3
  
  1254questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2414questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
mirainonakamura 1ヶ月前にベストアンサー
解決済

回答

1
レスポンシブデザインの画像が可変しないのですが、なぜでしょう…

前提・実現したいことレスポンシブデザイン中です。 widthが767px以下になったらメイン画像を可変させたいのですが。--- 発生している問題・エラーメッセージメイン画像が可変してくれません・・・該当のソースコード <div id="header"> <p><img src="main-img.jpg" width="1366" height
- 0評価
- 393PV
- CSS3
  
  1254questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  2414questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
TONGARI 1ヶ月前にベストアンサー
解決済

回答

2
-webkit-transformと@media screen について

お世話になっております。今回はcssで-webkit-transformについての問題です。@media screenを使い、スマホ版に対応するようプログラミングしてみましたがうまくいきません。 CSS .menu-trigger, .menu-trigger span { display: inline-block; tran
- 0評価
- 206PV
- JavaScript
  
  9527questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- CSS
  
  3326questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- jQuery
  
  4230questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
kuroishi 1ヶ月前にコメント
解決済

回答

1
jQueryを使った画像の動作処理(レスポンシブwebデザイン)

お世話になっております。毎度大変様々な方から助言をいただき、本当にありがとうございます。今回ですが、CSSでではなく、javascriptを使用し表示、非表示を操作したいと以下のコードを書きました。 HTML <div id="picture"> <img id="1" src="./img/Practice_picture/1.JPG" alt="
- 0評価
- 107PV
- JavaScript
  
  9527questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- HTML
  
  5295questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3326questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- jQuery
  
  4230questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
kuroishi 2ヶ月前に回答
解決済

回答

1
cssのメディアクエリがよくわかりません。

現状・問題点初心者です。レスポンシブページの修正をしています。ページ内には画像や文章、cssで吹き出しを作成して表示している箇所があります。画像や文章は可変しますが、吹き出し部分と画像の位置が、iPhone5～7それぞれのバージョン？によって異なります。 iPhone6と6Plusではきれいに修正し、iPhone5用でも記述しても iPhone6
- 0評価
- 159PV
- CSS
  
  3326questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- iPhone
  
  649questions
  
  iPhoneとは、アップル社が開発・販売しているスマートフォンです。同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。
T_sa 2ヶ月前にベストアンサー
解決済

回答

1
スマホでリンクボタンが2回タップしないと飛ばない

レスポンシブサイトを作っており質問です。スマホでボタンを1度タップするとhoverが効いて２回目のタップでリンクへ飛ぶのですがそれは @media (max-width: 767px) { a:hover img { opacity:1.0; } これで対応できたのですが、下にある内容でどうすれば１度のタップでリンクへ飛ばすことができるのでしょうか？ ht
- 0評価
- 139PV
- HTML
  
  5295questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3326questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Bootstrap
  
  567questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
- Animate CC
  
  3questions
  
  Animate CC(旧Flash Professional)は、アドビシステムズ社のWebアニメーション制作ツールです。描いたグラフィックにタイムラインで動きを付け、スクリプトでインタラクティブな操作を実装。動画や映像作品、インタラクティブコンテンツ、データの可視化に利用できます。
yuki84web 2ヶ月前にベストアンサー
解決済

回答

1
レスポンシブwebデザイン、スマホの画像のwidthの変更について

現在の問題点現在、私はレスポンシブwebデザインを使い一つのサイトを完成させようとしている初心者です。今回、問題になっている点はスマートフォンで見た際に起きる現象です。現在私は友人のサーバーを借りてスマホではどのように見えているかを試しながら作っています。 <div id="top_all_work"> <!--loadi
- 0評価
- 108PV
- JavaScript
  
  9527questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- HTML
  
  5295questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  3326questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- jQuery
  
  4230questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
kuroishi 2ヶ月前にベストアンサー
解決済

回答

1
CSS テーブルをレスポンシブ対応で、横スクロールしたい

CSS テーブルをレスポンシブ対応で、横スクロールしたいですテーブルを<div class="table_scroll">で囲み、そのクラスに、スクロールをつけてみたつもりなのですが、ヘッダ行だけが縦に並んで表示されてしまいます。どこを修正すれば良いか、ご教授いただけると助かります。よろしくお願いいたします。 <H2>テストテーブル</H2>
- 0評価
- 191PV
- CSS
  
  3326questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- WordPress
  
  3933questions
  
  WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
hitoekiaruko 2ヶ月前にベストアンサー
受付中

回答

0
くWordpress Sydneyについて

ワードプレスのテーマSydneyでHP作成しています。スマホ表示の際のメニューがロゴなしの状態だとtopに余白があるので無くしたいです。 css mobile navigationの mainnav-mobi ul { display: block; list-style: none; margin-top: -50px; padding: 0;
- -3評価
- 121PV
- WordPress
  
  3933questions
  
  WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。
- レスポンシブWebデザイン
  
  156questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
YujiTakemura 2ヶ月前に質問を編集

1
2
3
...

次のページ

タグ情報

あなたの順位

-位
タグ登録者数

147人

総質問数

156件
今週の質問数

3件

タグ別ランキング

1

aKusano

score 158

CSS

HTML

HTML5
2

kei344

score 135

JavaScript

WordPress

PHP
3

s8_chu

score 66

HTML

JavaScript

CSS
4

gin

score 44

CSS

HTML

HTML5
5

Lhankor_Mhy

score 35

JavaScript

jQuery

HTML
6

hiim

score 30

PHP

HTML

JavaScript
7

MasakazuFukami

score 29

JavaScript

CSS

HTML
8

rossi46hiro

score 29

CSS

HTML

JavaScript
9

yuki84web

score 26

HTML

PHP

CSS
10

T_sa

score 25

HTML

CSS

HTML5

タグ別ランキング

1

s8_chu

score 13

HTML

JavaScript

CSS
2

mr.hironobu

score 9

HTML5

CSS3

HTML
3

Lhankor_Mhy

score 8

JavaScript

jQuery

HTML
4

zohnam

score 7

JavaScript

jQuery

HTML
5

kei344

score 6

JavaScript

WordPress

PHP
6

h_daido

score 5

Ruby on Rails

Ruby

JavaScript
7

x_x

score 5

JavaScript

HTML

jQuery
8

TONGARI

score 5

JavaScript

HTML

CSS
9

mx3

score 4

HTML

CSS

PHP
10

sysyz

score 4

jQuery

CSS

jQueryプラグイン

タグ別ランキング

1

s8_chu

score 11

HTML

JavaScript

CSS
2

mx3

score 4

HTML

CSS

PHP
3

Lhankor_Mhy

score 2

JavaScript

jQuery

HTML
4

mr.hironobu

score 2

HTML5

CSS3

HTML
5

kei344

score 2

JavaScript

WordPress

PHP
6

sysyz

score 2

jQuery

CSS

jQueryプラグイン
7

patapata1234

score 2

CSS3

HTML5

レスポンシブWebデザイン
8

6111-debutant_.

score 2

CSS3

HTML5

float(CSS)

関連するタグ

Emmet

10questions

Emmetは、HTMLやCSSの記述を簡略化し、コーディングを高速化するテキストエディタの拡張ライブラリです。
.htaccess

220questions

Apacheウェブサーバーにおいて、ディレクトリ単位で設置及び設定を行う設定ファイルを指します。
artisan

10questions

artisanは、PHP Laravelフレームワークのコマンドの事です。 Artisanコマンドを使う事で、DBのテーブルやバンドル等を追加することができるコマンドです。
Julia

3questions

Juliaとは、科学技術計算に特化した、高水準・高性能な動的プログラミング言語です。オープンソースとして公表されており、書き易く動きが早いことが特徴です。
RubyGems

222questions

RubyGemsはRubyによるプログラミングのためのパッケージマネジメントツールです。ユーザはこれを使用することで、Rubyライブラリのダウンロードやアップデートや、依存関係の自動解決が可能になります。
fish

1questions
Zabbix

38questions

Zabbixは、オープンソースの統合監視ソフトウェア。様々なOS・機器の設定を容易にするテンプレート機能や、Webブラウザ上で操作可能なGUIなど様々な機能を備えます。多くのプラットフォームに対応したZabbixエージェントとSNMPに対応。システム全体をZabbixだけで監視できます。
Cookie

93questions

HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。
Kotlin

57questions

Kotlinは、ジェットブレインズ社のアンドリー・ブレスラフ、ドミトリー・ジェメロフが開発した、静的型付けのオブジェクト指向プログラミング言語です。
データバインディング

2questions

データソースと、アプリケーションやウェブページ（ウェブアプリケーション）のユーザインタフェースを静的または動的に結合する技術です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る