Chromeで自動再生がされないのを回避 - Qiita
<video width="1024" height="480" id="videojs-vr-player" class="video-js vjs-default-skin" controls playsinline crossorigin="anonymous" > <source src="temp/{{ src }}" type="video/mp4" crossorigin="anonymous" /> </video> Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD 原因 URLが記載されていたので確認をしてみると、音声あり状態の場合は自動再生にはユーザーのアクション
HTML img タグで画像が 404 エラーのときに代替画像を表示する方法
はじめに<img src="xxxx.png"> で xxxx.png が 404 エラーとなったときに、デフォルトで代わりの画像を表示する方法をまとめた。 TL;DR onerror="this.src = 'alt.png'; this.removeAttribute('onerror')" を指定 エラー時には代替画像を読み込んで、onerror 属性自身も削除 onload="this.removeAttribute('onerror'); this.removeAttribute('onload'); も一緒に指定 エラー無し時に onerror, onload 属性を消せる 上記をまとめると以下 <img src="404.png" onerror="this.src='alt.png'; this.removeAttribute('onerror'); this.remove
Element: insertAdjacentHTML() メソッド - Web API | MDN
Document Object ModelElementインスタンスプロパティariaAtomicariaAutoCompleteariaBusyariaCheckedariaColCountariaColIndexariaColIndexText (en-US) Experimental ariaColSpanariaCurrentariaDescriptionariaDisabledariaExpandedariaHasPopupariaHiddenariaKeyShortcutsariaLabelariaLevelariaLiveariaModalariaMultiLineariaMultiSelectableariaOrientationariaPlaceholderariaPosInSetariaPressedariaReadOnlyariaRelevant Non-standa
もう逃げない。HTMLのviewportをちゃんと理解する
<meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す
HTML5アプリをiOS／Androidで動かすいくつかの方法 - Qiita
HTML5で作ったアプリを、iOS／Androidで動かす方法をいくつか紹介します。 私自身がゲーム開発で使いたいために調べたものなので、少しゲーム寄りの情報になっています。 なお、HTML5で開発したアプリを対象としているため、独自のAPIをJavaScriptで バインディングした方式のものは除外しています。(Titaniumとか) ＃間違った記載がある場合や、他に良いものがあるよ、という場合はコメントいただけると嬉しいです。 Apache Cordova (PhoneGap) Cordovaは老舗で有名なのであまり書くことがありませんが。。。 CordovaはHTML5のAPIに加え、Cordova APIが追加されており、それによってネイティブの機能を呼び出すことができます。 オープンソースなので拡張がしやすく、Cordovaをベースにしたツールが数多く存在します。 （Monaca
htmlのmeta refreshを使ったリダイレクト設定
対策キーワードで1位を狙いませんか？ 貴社コンテンツを徹底的に分析し、1位にするための改善案を無料でご提案します！ まずはサクラサクのコンサルタントにご相談ください。 無料相談はこちら リダイレクトとは リダイレクトという言葉は「向きを変える）という意味で、主にホームページを移転した場合や特定のページのURLを変更した場合に、新しいURLへアクセスを転送する事を言います。 リダイレクトの方法としては、HTTPレスポンスによるもの、HTMLのmeta refreshによるもの、javascriptによるものがあります。 それぞれのリダイレクトの方法には特徴や注意点があります。順番に見ていきましょう。 HTTPによるリダイレクト 301リダイレクトや302リダイレクトなどで一般的に利用されている方法で、リダイレクトで最も良く使われるものです。 .htaccessやphpによって設定することが多
NekoHTML
About NekoHTML is a simple HTML scanner and tag balancer that enables application programmers to parse HTML documents and access the information using standard XML interfaces. The parser can scan HTML files and "fix up" many common mistakes that human (and computer) authors make in writing HTML documents. NekoHTML adds missing parent elements; automatically closes elements with optional end tags;
HTMLタグ/フォームタグ/セレクトボックスを作る - TAG index
上記の属性は、select要素とoption要素のどちらにも指定することができます。しかし、option要素に対するこの属性の指定は、一部のブラウザでは対応していないようです。 disabled （部品を無効化する） この属性が指定された部品は、選択することができなくなります。
Blueprint: Responsive Content Slider
Veggies sunt bona vobis, proinde vos postulo esse magis desert raisin bush tomato soko salsify garbanzo horseradish cabbage burdock. Daikon artichoke gumbo azuki bean bok choy avocado winter purslane gram earthnut pea broccoli salsify squash plantain wattle seed wakame broccoli rabe bamboo shoot. Zucchini lotus root azuki bean epazote dulse pumpkin rutabaga spinach. Endive mung bean gumbo maize pl
HTMLタグ/テーブルタグ/セル内で自動改行させない - TAG index
td要素やth要素に nowrap を追加すると、セル内の自動改行（折り返し）を禁止することができます。 <td nowrap>自動改行を禁止します</td>
jsoup Java HTML Parser, with best of DOM, CSS, and jquery
jsoup: Java HTML Parser jsoup is a Java library that simplifies working with real-world HTML and XML. It offers an easy-to-use API for URL fetching, data parsing, extraction, and manipulation using DOM API methods, CSS, and xpath selectors. jsoup implements the WHATWG HTML5 specification, and parses HTML to the same DOM as modern browsers. scrape and parse HTML from a URL, file, or string find and
研Q5.文章を枠で囲む方法（HTML<div>タグのstyle属性で色､太さ､線種など自由自在に）｜ネットビジネス研Ｑ室（新館）
たとえば↓こんなタイトルつきの枠囲いがあります。 注記：たとえば「注記」のような、本文の流れとは別のことを書きたいときなど、タイトルつきの枠で囲っておけば、本文の流れを邪魔することなく必要なことを書くことができます。 ほかには追記：などを書くにも使いやすいスタイルです。 タイトルつきの枠をHTMLコードで表現するには、↓このように<filedset>タグを使います。 <fieldset><legend>タイトル</legend>枠の中の文章</fieldset> このようなタイトルつき枠囲いは<fieldset>タグを使いますが、 一般的に装飾のために枠囲いをするときは<div>タグを使うのがもっとも使いやすいです。 <fieldset>タグでも枠囲いはできますが、<fieldset>にはフォーム要素をグループ化するという意味がよくわからない目的があります。 テンプレートのCSS（スタイル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
displayとvisibilityの違い - Qiita
HTML［form要素］送信結果の表示方法を指定する - TAG index
https://pandas.pydata.org/pandas-docs/stable/api.html
ruby on rails regular expression to remove html tags and its content from text
Detect when an image fails to load in JavaScript
http://ideahacker.net/2015/02/14/9779/
sipi.info is available for purchase - Sedo.com
クリックで全選択する方法（テキストエリアとか) - KAMEMO for SoftComp. and Intelli. Comp.