(*価格は掲載時のものです。購入時にご確認ください。)
こんにちは!セミマサです。 クリックで開け閉めできるアコーディオンメニューは多くのウェブサイトで見かけますよね!今回はjQuery6パターン、HTML5のみ1パターン、CSSのみで2パターン、計9パターンのアコーディオンメニューを作ったので作成方法をまとめていきたいと思います。 ※ソースに関して:複数回登場するクラス(accordion-inner等)は初出の部分にのみcssを記載しています。 <div class="accordion-inner"> <h3 class="heading">複数開けるタイプ</h3> <div class="accordion-box column"> <p class="accordion">アコーディオンA</p> <div class="accordion-content"> アコーディオンの中身です </div> </div> <div clas
formオブジェクトのcheckValidityというメソッドを呼ぶことで、バリデーション可能。 エラーがなければtrue、NGの場合はfalseを返却。 ajaxで更新するときの軽いチェックとかに。 素のJavaScriptの場合 if (!document.getElementById('form').checkValidity()) { alert('error!'); } jQueryの場合 if (!$('#form').get(0).checkValidity()) { alert('error!'); } HTMLSelectElement.checkValidity() - Web API インターフェイス | MDN
Amazon Web Services ブログ HTML5 モーショングラフィックスオーバーレイでライブストリームを強化する ライブコンテンツにHTML5のグラフィック要素を追加することは、その容易さからリニア放送の強化のため一般的に利用されるようになってきています。これらのグラフィック要素は標準的なウェブ技術を用いて構築されているため、コンテンツ制作者は専用のオーサリングツールやレンダリングツールを使用する必要がありません。一般的な使用例としては、スポーツイベントにスコアボードやチームステータスを追加したり、ニュースチャンネルのLower Third(ローワーサード)をスクロールさせたり、エピソードコンテンツに今と次のバナーを表示したり、単にチャンネルロゴを追加したりすることが挙げられます。AWSはお客様からのご要望にお応えしてクラウド型のAWS Elemental MediaLiveと
まずは、選択したファイルの情報を調べてみることにします。下のリスト欄に、script.jsのソースコードを掲載しておきました。実際にページにアクセスし、なにかファイルを選択してみてください。ファイル名、サイズ、ファイルのタイプ、最終修正日などが表示されます(Chromeで確認。ブラウザによっては動かない場合があります)。 これでファイルを選択すると、ファイル名、ファイルサイズ(バイト数)、ファイルの種類、最終修正日などの情報が表示されます。 ここでは、まずdochange関数で、ファイルを選択する<input type="file">タグから「File」オブジェクトをとり出しています。 var file = event.target.files[0];この部分ですね。eventのtargetには「files」というプロパティが用意されています。これは「FileList」という複数ファイルを
Yesterday I wrote about the end of HTML5Rocks and I felt like it might be nice to put some extra perspective of what I've learnt over the years running content sites, specifically sites that can run without having to generate revenue. Also, take caution, these are my memories of 10 years of work and we had a pretty large team working on it including Paul Irish, Paul Lewis and Eric Bidelman as well
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く