e-riverstyle.com

blog.e-riverstyle.com

JadeでのDNSプリフェッチの指定のやりかた - E-riverstyle Vanguard

http://blog.e-riverstyle.com/2015/01/jadedns.html

Link rel="dns-prefetch" href="/ プリフェッチさせたいホストネーム". Powered by Movable Type Pro.

blog.e-riverstyle.com

2014年アクセスが多かったエントリートップ30 - E-riverstyle Vanguard

http://blog.e-riverstyle.com/2014/12/201430.html

Role属性とaria-*属性 WAI-ARIA について HTML5 Advent Calendar 2012 Day 9. SQLiteの基本操作 part.2 データベース、テーブル、レコード追加などのコマンド一覧. Google Maps API V3の地図表示にCSSは必須? Powered by Movable Type Pro.

blog.e-riverstyle.com

「aria-hidden="true"」と「speak: none;」 - E-riverstyle Vanguard

http://blog.e-riverstyle.com/2015/02/aria-hiddentruespeak-none.html

Aria-hidden="true" と speak: none;. Span class="glyphicon glyphicon-search" aria-hidden="true" /span. 他にも読み上げをスキップする方法として speak: none; を指定する方法があります。 音声を制御するためのCSSに CSS Speech Module. Skip-contents { speak: none; }. この speak: none; ですが、これが定義されているCSSモジュールでは勧告候補になっているのですが、MacのVoiceOverで対応されていません。 のコード例にあるように、アイコンフォント表示のためにHTMLを用意する場合は、その要素に aria-hidden="true" を指定すればよいのですが、下記のように: beforeなどの疑似要素を使ってアイコンフォントを表示する場合はそうはいきません。 そういった時に speak: none; が使えるとそういった問題を解決することができます。 Powered by Movable Type Pro.

blog.e-riverstyle.com

「inherit」を使いまくったという話 - E-riverstyle Vanguard

http://blog.e-riverstyle.com/2014/11/inherit.html

自分でCSSを書く場合には、 プロパティの値に inherit を使うことはこれまで全くといって無かったのですが、別の方が作ったCSSの関係で inherit を使いまくったというどうでもいい話です。 Inherit を訳すと 受け継ぐ や 引き継ぐ という意味になります。 Html, body, div, span, object, 略 audio, video { margin:0; padding:0; border:0; outline:0; font-size:62.5%; / ここに注目 vertical-align:baseline; background:transparent; }. Reset CSSを使っているのですが、だいたいのreset CSSはfont-sizeは 100% の指定になっています。 フォントサイズの指定に、 rem や em を指定する場合に、62.5%を指定して、14px相当にする場合に、 1.4rem や 1.4em とします。 P em 強調テキスト /em 本文テキスト本文テキスト本文テキスト /p. P { font-size: 14px; }.

blog.e-riverstyle.com

【SVGアクセシビリティ】グラフィックスをアクセシブルにする方法 - E-riverstyle Vanguard

http://blog.e-riverstyle.com/2014/12/svg.html

これは Web Accessibility Advent Calendar 2014. SVG Scalable Vector Graphics は、XMLをベースとしたベクトルグラフィックス用の画像形式です。 SVG (basic support) - Can I use. SVG 11 2nd edition. WCAG 2.0/JIS X 8341-3:2010に 非テキストコンテンツ. Display the 'title' element as a tooltip, as the pointing device moves over particular elements. Web Accessibility Advent Calendar 2014 9日目の記事の object要素で配置した SVG ロゴをスクリーンリーダーに読ませる. また、 Using ARIA to enhance SVG accessibility. 55 The 'desc' and 'title' elements. WAI-ARIAを加えたアコーディオンを例にステート 状態 を変更する jQuery.

blog.e-riverstyle.com

pointer-eventsモドキをjQueryでやる【jQuery】 - E-riverstyle Vanguard

http://blog.e-riverstyle.com/2014/12/pointer-eventsjqueryjquery.html

これは、 jQuery Advent Calendar 2014. Can I use CSS pointer-events. Div class="image-block" a href="image.png" img src="image.png" alt=" /a /div. Powered by Movable Type Pro.

blog.e-riverstyle.com

HTML 4.01でのOGP（名前空間の箇所）の指定【HTML】 - E-riverstyle Vanguard

http://blog.e-riverstyle.com/2015/03/html-401ogphtml.html

HTML 4.01でのOGP 名前空間の箇所 の指定 HTML. HTML5なご時世に、HTML 4.01の内容もどうかと思いますが、長くあるサービスでは未だにHTML 4.01を使っていることもあります。 記事によったら HTML 4.01では以下のように指定します。 DOCTYPE HTML PUBLIC "-/ W3C/ DTD HTML 4.01 Transitional/ EN" "http:/ www.w3.org/TR/html4/loose.dtd" html xmlns:og="http:/ ogp.me/ns#" xmlns:fb="http:/ www.facebook.com/2008/fbml". Html prefix="og: http:/ ogp.me/ns# fb: http:/ www.facebook.com/2008/fbml". Powered by Movable Type Pro.

blog.e-riverstyle.com

Web Speech API（TTS部分のみ）を試してみた - E-riverstyle Vanguard

http://blog.e-riverstyle.com/2015/01/web-speech-apitts.html

Web Speech API TTS部分のみ を試してみた. TTS Text To Speech 部分だけですが、Web Speech APIを試してみました。 Web Speech APIは、W3Cの Web Speech API Specification. Can I use Web Speech API. 自分のChrome最新版とiOS 8.1.2で動作することを確認しました。 Var msg = new SpeechSynthesisUtterance('Hello, World'); window.speechSynthesis.speak(msg);. P var msg = new SpeechSynthesisUtterance(); var text = document.getElementById('text').textContent; / テキストの取得 msg.text = text; / 取得したテキストをセット window.speechSynthesis.speak(msg);. See the Pen Speech Synthesis Demo.

blog.e-riverstyle.com

画像の拡張子の後に文字列があった場合の正規表現 - E-riverstyle Vanguard

http://blog.e-riverstyle.com/2014/10/post-85.html

Img src="img.png;1つ以上のアルファベット=1つ以上の英数字.1つ以上の英数字". G gif) ; D W w . w /i;. Powered by Movable Type Pro.