Accessible Rich Internet Applications (WAI-ARIA) 1.0 日本語訳
[contents] Accessible Rich Internet Applications (WAI-ARIA) 1.0 W3C Recommendation 20 March 2014 This version:http://www.w3.org/TR/2014/REC-wai-aria-20140320/Latest version: http://www.w3.org/TR/wai-aria/ Previous version:http://www.w3.org/TR/2014/PR-wai-aria-20140206/Editors:James Craig, Apple Inc. Michael Cooper, W3CPrevious Editors: Lisa Pappas, Society for Technical Communication Rich Schwerdt
テキストの横に並ぶ画像の位置合わせ その１
こんにちは 馬場です。 「テキストの横に並ぶ画像の位置合わせ」 について、2回に分けてお話します。 今回は、vertical-alignを使った方法を ご紹介します。 「テキストの横に並ぶ画像の位置合わせ」と 言葉で表現してもピンと来ませんが、 サイトで更新があった項目などに 「New」などのアイコンが 表示されているのを ご覧になったことがありますよね？ あの「New」アイコンの 縦方向の位置調整というイメージです。 ・指定なしの場合 ・vertical-align:middleを設定 ・vertical-alignに数値を設定 ▼ 指定なしの場合 何も意識せず、 テキストと画像を 横に並べてみました。 なんだか高さが合ってくれません。 （htmlコーディング） <p>新しい<img src="icon_new_01.gif" /> 新しい</p> ▼ vertical-align:mi
ist-jo.in - ist jo リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
続・FireFoxのテキスト自動改行 - Affamative Way
昨日の続き ちょっと調べたらそっこーで公式見解が見つかった。 Firefox 3 の修正内容のご紹介 その3 — URLも改行されるように | Mozilla Japan ブログ とにかく意図しない場所での改行が発生しないように、極力制限をかけている仕様になっています。これは、単純に文字だけを見て改行するかどうかを決定すると、日付の書式や、時間の書式等まで改行してしまったりすると、Web ページの内容自体を壊しかねないためです (日本語以外の言語圏では単語の途中で改行するという発想自体があまりないことの方が多いことに注意してください)。将来のバージョンではより改行の発生パターンは制限されるかもしれませんが、これ以上、改行可能位置が増えることはないと考えて頂いて良いと思います。 ﾏｼﾞｯｽｶ。。。増えないんすか。。 そして、この修正が完了した今、Web デザイナの方々にひとつお願いしたいこと
JavaScript : zIndex の最大値と思われる 0x7FFFFFFF を各ブラウザでテストしました : logical error
CSS で書く場合は、2147483647 ですが、CSS では固定で定義するものなので、最初からこの値を使う事はとても考えにくいですが、後から動的に設定する JavaScript として考える場合、0x7FFFFFFF という値は暗記できますし、都合がいいです。( 10進数が欲しい場合は、開発者ツールで console.log(0x7fffffff) を実行 ) 実際に IE、Firefox、Chrome、Opera、Safari で、zIndex が 998 で定義されている場所へ、ブックマークレットで新しいエレメントを追加して以下のコードで一番手前に来るかどうかを試しましたが、正しく動作しています。 parent.document.getElementById("if").style.position='absolute'; parent.document.getElementByI
スマートフォンにおけるHTML5対応状況 (2) input typeについて - 30分で学ぶ「mixiアプリ for touch」（スマートフォン版mixiアプリ）の作り方
今回はマニアックにinputタグについて掘り下げようかと。 html5からinputタグのtype属性が大量に追加されています。 今までは type="checkbox" type="radio" type="image" type="text" type="password" なんかを使っていたと思いますが、html5では type="tel" type="url" type="number" など、内容に合わせた専用のtype属性が用意されています。 これで id="tel" とか id="url" なんて指定がいりません。 ただ、当然ブラウザごとに対応状況が違います。 せっかくのスマートフォンブログなので、iPhoneとXperiaでの対応状況を調べてみました。 iPhone（iOS） Android（Xperia） 対応 可否 入力モード 対応 可否 入力モード type="che
IE6でよく遭遇するCSSのバグとその解決方法 | コリス
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしまうバグ IE6で、フロートした要素のマージンが２倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
実体参照と文字参照
実体参照と文字参照 ■実体参照･･･ &ｴﾝﾃｨﾃｨ名; ・XMLｲﾝｽﾀﾝｽ内では使用できない文字を、&ｴﾝﾃｨﾃｨ名; の書式で記述し使えるようにする。 < ･･･ < > ･･･ > & ･･･ & ' ･･･ ' " ･･･ " ■文字参照 ・ 進ｺｰﾄﾞ;／ 進ｺｰﾄﾞ;のｺｰﾄﾞ番号で文字を表現する。(例) % ・ISO/IEC 10646というISO(国際標準化機構)制定の文字ｺｰﾄﾞだけ使用できる。 ＊これはUnicodeと同じと考えてよい。 [XML文書を下のﾌﾚｰﾑに表示] XMLｿｰｽ <?xml version="1.0" encoding="Shift_JIS" ?> <start> <top id="en">以下は実体参照（ｴﾝﾃｨﾃｨ参照)の例 <ent><!-- < を < で--><<<</ent> <ent><!-- > を > で
リファラ実験 - referrer test
Updated: 2005-05-22 03:54:29+0900 [Home] 直にリンク 直にリンク リファラ表示ページに直にリンクします。 Firefox 1.0.4 …… リファラはこのページになる。 Opera 8.0 …… リファラはこのページになる。 IE 6 …… リファラはこのページになる。 NS 7 …… リファラはこのページになる。 Opera 7 …… リファラはこのページになる。 Lynx 2.8(cygwin) …… リファラはこのページになる。 w3m 0.1.9(cygwin) …… リファラはこのページになる。 HTTPヘッダのLocationを使用する Locationヘッダ HTTPヘッダでLocationを使用します。 header("Location: http://www.teria.com/~koseki/memo/referrer/view.
HTML - link要素の使い方 - linkとサーチエンジン
HTML のhead要素の中で使われる要素の一つにlinkがありますが、きちんと実装しているブラウザが少なく、入門用の解説書でもほとんど触れられていないので、存在もあまり知られていません（最近ではスタイルシートのために少しずつ使われ始めているような）。ここでは、その基本的な役割と使い方を紹介します。 link要素タイプ リンクタイプ linkとサーチエンジン 順方向リンクと逆方向リンク link要素タイプ アンカー（a）要素は、文書の本文であるbody要素の中で、文書の特定箇所にハイパーリンクの始点や終点を設定し、利用者がそのリンクをたどれるようにする役割を持ちます。これに対し、link要素は文書全体についての情報を記述するhead要素の中に置かれ、HTML文書を前後の文書、スタイルシート、スクリプト、代替文書などの様々なリソースと結びつける働きをします。ブラウザなどのユーザーエージェント
HTMLタグ/リンクタグ/同じページ内にリンクする - TAG index
リンク先（到達点）の設定 まず、リンクの到達点となる任意の要素に、ID（識別名）を付けておきます。 以下の例では、h3要素に abc というID名を指定しています。 <h3 id="abc">ここがABCの位置</h3> リンク元（出発点）の設定 リンク元の href="" には、到達点のID名をハッシュ（ # ）に続けて記述します。 <a href="#abc">ABCの位置へジャンプ</a> この abc という名前が、リンク元とリンク先を結びつけることになります。 ID名について ID名を付ける際には、以下の点に注意してください。 1つのIDは、同じ文書内で1ヵ所にだけ使用できます。（重複させてはならない） 使用できる文字は、半角の英数字、ハイフン（ - ）、アンダーバー（ _ ）、コロン（ : ）、ピリオド（ . ）、です。（ハイフン以外の記号は使わない方が無難です） アルファベッ
imgタグで指定した画像の下にわずかな隙間（空白）が空いてしまう - CSSデザインノート
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スクロールバーを常に表示させる方法 - Neo's World
スタイルシート［CSS］/テキスト・フォント/文字の間隔を指定する - TAG index
[JavaScript] リファラを残さないリンクにする関数 (それなりブログ)
インラインフレームに表示できないようにする
ブロックボックス化した要素を含むリストアイテムの後ろに空行が入る - [IE(Win)/バグ集] ぺんたん info
PHP(HTML) についての質問 <input type=image name=but1 src= value=but1><input type=image name=but2 src= value=but2> の場合どちらのボタンが押されたか検出…
サービス終了のお知らせ