プログラミング html

2

JavaScriptライブラリとCSSフォルダー構造を整理するためのベストプラクティス[終了]

休業。この質問は意見に基づいています。現在、回答を受け付けていません。この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。この質問を改善する Webアプリケーションでjs＆cssフォルダーをどのように整理しますか？私の現在のプロジェクト構造は次のようなものです： root/ ├── assets/ │ ├── js/ │ │ └──lib/ │ ├── css/ │ └── img/ └── index.html しかし、多くのJavaScriptライブラリとCSSプラグインを使用すると、さらに複雑になります。JavaScriptプラグインには、独自の.jsファイルが付属しており、独自の.cssファイルが付属している場合もあります。たとえば、JQueryUIプラグインでJQueryを使用する場合、js / libディレクトリ内にjquery.jsとjquery-ui.jsを配置します。ただし、JQueryUIには独自のcssファイルが付属しています。ベストプラクティスのために、JavaScriptプラグインからCSSをどこに配置すればよいですか？私のcssとjavascript cssプラグインを区別するために、それらをlibフォルダー内に配置する必要がありますか？またはどこかに？個人的な好みであることはわかっていますが、プロジェクトフォルダーの整理方法を知りたいだけです。前もって感謝します：）

110 javascript jquery html css jquery-ui

11

HTML imgタグ：タイトル属性と代替属性？

Amazonを閲覧していて、「1TB」を検索するときに、星の評価画像の上にマウスカーソルを置くと、IEを使用している場合にのみスコアが表示されることに気付きました。別のブラウザを使用している場合、スコアは表示されません。評価3.8と4.2の両方が4つ星で表示されます。もちろん、3.8スターvs 4.2スター（スコア76％対84％）は違いを生む可能性があります！これは、altテキストを表示する標準的な方法は、ユーザーがグラフィックスをオフにするか、ブラウザーが "読み上げられる"場合（たとえば、視覚障害のあるユーザー向けのブラウザー）であるためです。ただし、IEはホバー時にそれを示します。したがって、Amazonがユーザーのブラウザーに関係なく表示する場合はtitle、に加えて使用する必要があると思いますalt。同意しますか？

110 html accessibility alt

9

ReactJS：「Uncaught SyntaxError：Unexpected token <」

ReactJSでサイトの構築を開始しようとしています。しかし、JSを別のファイルに入れようとすると、「Uncaught SyntaxError：Unexpected token <」というエラーが発生し始めました。 /** @jsx React.DOM */JSファイルの先頭に追加してみましたが、何も修正されませんでした。以下は、HTMLファイルとJSファイルです。何がうまくいかないのかについてのアイデアはありますか？ HTML <html> <head> <title>Page</title> <script src="http://fb.me/react-0.12.2.js"></script> <script src="http://fb.me/JSXTransformer-0.12.2.js"></script> <script src="http://code.jquery.com/jquery-1.10.0.min.js"> </script> <script src="./lander.js"> </script> </head> <body> <div id="content"></div> <script type="text/jsx"> React.render( <Lander />, document.getElementById('content') ); </script> </body> </html> JS /** * @jsx React.DOM */ var Lander = React.createClass({ render: function () { …

110 javascript html reactjs react-jsx

12

背景画像がページの全長にわたっている場合にページの右側に表示される空白[クローズド]

閉まっている。この質問にはデバッグの詳細が必要です。現在、回答を受け付けていません。この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 5年前休業。この質問を改善する私たちのウェブページの背景画像は、iPad / iPhoneのFireFoxおよびiOSのSafariで問題があり、ページの右側に空白が表示されています。他のブラウザでも背景画像は適切に拡張されますが、それらのブラウザではブラウザの全長を拡張できないので困っています。テイクFireFoxの上の私たちのサイトを見て、私が何を意味するか見るために。

110 html css

8

これらの2つのdivを並べて取得する方法は？

ネストされていない2つのdivがあり、一方が他方の下にあります。どちらも1つの親div内にあり、この親divが繰り返されます。だから本質的に： <div id='parent_div_1'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> <div id='parent_div_2'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> <div id='parent_div_3'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> 私はchild_div_1、それぞれのペアをchild_div_2隣同士にしたいと考えています。これどうやってするの？

110 css layout html

13

FileListからファイルを削除する方法

HTML5を使用してドラッグアンドドロップでアップロードするウェブアプリケーションを構築しています。ファイルをdivにドロップし、もちろんdataTransferオブジェクトをフェッチしています。これにより、FileListが得られます。今、いくつかのファイルを削除したいのですが、どうすればいいのか、それが可能かどうかさえわかりません。できればFileListから削除するだけです。私は彼らの役に立たない。しかし、それが不可能な場合は、代わりにFileListとやり取りするコードにチェックを書き込む必要がありますか？それは面倒そうです。

110 javascript html drag-and-drop filelist

21

指定された入力に関連付けられたHTMLラベルを検索します

HTMLフォームがあるとします。各input / select / textareaには、対応<label>するfor属性があり、そのコンパニオンのIDに設定されています。この場合、各入力にはラベルが1つしかないことを知っています。たとえば、onkeyupイベントを介して、JavaScriptの入力要素が与えられた場合、関連付けられたラベルを見つけるための最良の方法は何ですか？

110 javascript html label

7

垂直スクロールバーを自動的にdivに追加するにはどうすればよいですか？

に垂直スクロールバーを追加したい<div>。私は試しましたがoverflow: auto、うまくいきません。FirefoxとChromeでコードをテストしました。ここにdivスタイルのコードを貼り付けています。 float: left; width: 1000px; overflow: auto;

110 css html scrollbar overflow

6

Bootstrapの<button>をnav-tabsの通常のリンクのようにする方法は？

私は（以前のTwitter）Bootstrap 2で作業していて、通常のリンクのようにボタンのスタイルを設定したいと思っていました。ただし、通常のリンクだけではありません。これらは<ul class="nav nav-tabs nav-stacked">コンテナに入っています。マークアップは次のようになります。 <form action="..." method="post"> <div class="row-fluid">  <div class="span3"> <ul class="nav nav-tabs nav-stacked"> <li><button type="submit" name="op" value="Link 1">Link 1</button></li> <li><button type="submit" name="op" value="Link 2">Link 2</button></li>  </ul> </div>  <div class="span9">  </div> …

110 html css twitter-bootstrap

9

<input type =“ file”>で複数のファイルを選択する方法は？

で複数のファイルを選択するにはどうすればよい<input type="file">ですか？

110 javascript html file-upload

8

JQuery：サイズ変更が終了した後でのみRESIZEイベントを呼び出す方法は？

ブラウザウィンドウのサイズ変更が終了したら、関数を呼び出すにはどうすればよいですか？そのようにしようとしていますが、問題があります。私はJQuery Resizeイベント関数を使用しています： $(window).resize(function() { ... // how to call only once the browser has FINISHED resizing? }); ただし、ユーザーがブラウザウィンドウのサイズを手動で変更している場合、この関数は継続的に呼び出されます。つまり、短い時間間隔でこの関数を数十回呼び出す可能性があります。どのように私はサイズ変更機能を呼び出すことができ、単一の時間（ブラウザウィンドウが完成サイズ変更をしたら）？更新また、グローバル変数を使用する必要もありません。

109 javascript jquery html

4

90年代前半にHTMLフォームはどのように解釈されましたか？

最近のWebでは、HTML <form>要素が送信され、スクリプトによって解釈されます。サーバー側のプログラミング言語（通常はPHP）によって解釈されるか、クライアント側のスクリプト（ほとんどの場合はJavaScript）によって解釈されます。フォームは90年代初頭にも存在しました。彼らは当時どのように解釈されたのですか？このWikipediaの記事によると、当時は電子メールベースのHTMLフォームが送信されていましたが、信頼性はありませんでした。これで全部ですか？スクリプトがなければ役に立たないのに、なぜHTMLにフォームさえあるのでしょうか。それとも、鶏と卵のような状況でしたか？

109 html forms

13

JavaScriptを使用した構文強調コード[終了]

現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 HTMLの<code>ブロックを構文で強調表示するために推奨できるJavaScriptライブラリはどれですか。（回答ごとに1つの提案をしてください）。

109 javascript html syntax syntax-highlighting

8

Bootstrap 3からレスポンシブグリッドのみを取得する方法は？

Twitter Bootstrapを使用してWebアプリケーションにレスポンシブデザイン機能を追加する必要があります。レスポンシブな動作が必要なだけで、Bootstrapに含まれているタイポグラフィやコンポーネントなどには興味がありません。グリッドシステムを選択するだけで、カスタマイズされたBootstrapバージョンを取得しました。しかし、生成されたCSSをアプリケーションに追加すると、すべてのスタイル（ヘッダー、リンクなど）がめちゃくちゃになります。なぜそれが起こっているのですか？グリッドシステムだけでブートストラップCSSを取得するにはどうすればよいですか？Bootstrapファイルの手動変更を回避したいと思います。

109 html css twitter-bootstrap responsive-design

1

Safari 10で回転するとSVGの色が変わる

Safari 10でのみ発生する非常に奇妙な問題が発生しました。トランプ、svg画像があり、これらはを使用して回転される場合がありtransform:rotate(xdeg)ます。私が使用しているカードは赤いブロックパターンです。回転していない場合、または直角、つまり90、180、270度に回転している場合は、正常に見えます。しかし、それ以外の角度と背景パターンは青くなります！私はユーザーの1人からこれに関するレポートを受け取ったばかりで、奇妙なものを見たことはありません。他のブラウザはすべて正常に動作し、Safari 9は正常に動作します。これはSafari 10の非常に奇妙なバグだと思いますが、回避策に関するアイデアはありますか？私は次の場所で最小限の再現を作成しました： https://jsfiddle.net/2zv4garu/1/

109 html css svg safari

タグ付けされた質問 「html」

タグ付けされた質問「html」