Chromeでdatalistを利用するとhoverで表示される三角を非表示にする ‘datalist’タグを利用してテキスト入力フォームに入力候補を表示する際に、Firefoxはいいのですが、Chromeでどうしても三角アイコンが表示されるという現象を確認しました。 selec… haradaハック2016.01.27 5,027
inputタグの入力欄に候補をだす <input>タグにlist属性と<datalist>タグを使うと簡単に入力候補を実装できます。 また、<datalist>内部の<option>の中になにか文字を入れると… YY3ai2ui24ハック2016.01.20 2,751
Electronで簡単にWebアプリをデスクトップアプリ化する Electronは、HTML5/JavaScript で簡単にクロスプラットフォームのデスクトップアプリケーションを作成することができるツールです。 webview での表示もできますので、これを利用して簡単にWebアプ… nbeppuハック2015.10.22 2,240
HTML5:ダウンロードリンクを置く HTML5ならdownload属性でダウンロードリンクも簡単なんですね! ダウンロードリンクはリンクを押すとダウンロードさせることができるリンクです。 記述方法 リンクしているURLとダウンロードURLが同じ場合などは省… haradaハック2015.07.17 247
iframe内で定義したメソッドを外のhtmlから呼び出す < iframe id=hogeframe >内で以下のメソッドを定義したとします。 hogehoge = function (){ ~ }; 外部のhtmlからは以下でメソッドを使用できます。 document.… sakukazuハック2015.03.13 1,005
JavaScript ライブラリを使わずに placeholder を実装する HTML5 の placeholder 非対応ブラウザでも簡単に placeholder を実装する方法。jQuery などのライブラリは利用していません。 JavaScript function onFocusPlac… nbeppuハック2014.11.07 764
IEでHTML5やCSS3を有効にできるレンダリングモード <meta http-equiv=”X-UA-Compatible” content=”IE=Edge, chrome=1″> IE=Edge:最新のモードを利用する chrome=1:「Chrome Fra… Yukimi Satoハック2014.08.27 787
HTML5でのstrongタグは「太字」表現ではなく「強調」したい時に使おう <p><b>太字になります</b></p> <p><strong>太字になります</strong></p> どちらも同じよう… Yukimi Satoハック2014.08.18 289
HTML5でコピーライト表記をする時は「small」タグを使おう HTML5のバリデータチェック時に覚えておきたいことより <small>コピーライト表記</small> XHTMLではaddressタグを使っていたので、HTML5でもそのまま使っていましたが、… Yukimi Satoハック2014.08.13 841