You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
document.elementFromPoint という便利な関数を知ったので、今作っている Chrome 用 Migemo ページ内検索で使ってみた。 これが困ったことに、ブラウザごとにかなり挙動が違うのだけど、本来の動作はこんな感じらしい。 待望の document.elementFromPoint が Firefox 3.0a8pre にて実装された。仕様は nsIDOMNSDocument.idl に詳しく書いてあるが、おおよそ以下の通りである。 HTML, XUL どちらの document に対しても使用可能 document の左上を (0, 0) とし、位置 (x, y) にある実際に見えている要素を取得する 同一の document 内に存在する要素のみ取得可能。例えばインナーフレーム内の document 内に存在する要素は取得できず、代わりに iframe 要素を返
ちょっと前に 「hgroup 要素が HTML5 の勧告候補 (Candidate Recommendation) から削除されるようです」 って記事を書きましたが、実際に削除されたみたいですね (Editor's Draft では)。 ついでに、すでに HTML 5.1 Nightly にはすでに追加されていた、main 要素が、HTML5 勧告候補の方にも追加されたようです。 HTML5 W3C Candidate Recommendation 17 December 2012 hgroup 要素が HTML5 勧告候補から削除される main 要素とは? main 要素は元々、Steve Faulkner 氏 (Web アクセシビリティ関連の方) が HTML5 の拡張仕様として提案し、HTML 5.1 に正式に取り入れられた要素で、その名の通り、文書内の、「主要な部分」 をマークア
% cd ~/Desktop/project/ % ls css index.html js % koko document root : /Users/fnobi/Desktop/project [listen 4299] これで、ブラウザでhttp://localhost:4299にアクセスすれば、 /Users/fnobi/Desktop/projectをドキュメントルートにしたサーバーにアクセスできるというわけです。 いいところ 1, 起動が早い 名前の由来は、「とにかくここが見たいんじゃ!」の「ここ」です。 そんな雰囲気なので、とにかくすぐ起動できることを重視してます。 プロジェクトディレクトリに行ってkokoだけ打てば起動されますし、 さらにkoko -oと打てば、ブラウザが勝手に起動してくれます。(※Mac限定) % koko -o document root : /User
2012年12月18日火曜日 ついにHTML5が勧告候補に!そしてそれが意味するもの ついに! HTML5の仕様が確定しました! 厳密に言うと、HTML5とCanvas 2D Contextの2仕様が、Candidate Recommendation(勧告候補)という段階に達しました。CRに到達した仕様は、仕様そのものが今後ドラスティックに変更されることはなく、広く実装が呼びかけられるという段階です。 W3Cのプレスリリースはこちらです。 今後はテストケースの整備が行われつつ、仕様を完全に満たす実装の登場を待つばかりです。そうした実装が2つ以上登場し、テストケースに完全にパスするだけではなく、それらの間で完全な相互運用性が確認できれば、晴れてProposed Recommendation(勧告案)、そしてRecommendation(勧告)という最終段階に到達します。 現在の予定
七章第二回 ノードどうしの位置関係を知るこのページの最終更新日:2018年7月29日 今回はcompareDocumentPositionというメソッドを紹介します。これはノードが持つメソッドで、題にある通り、ノードどうしの位置関係を知るというものです。いきなりサンプルを見てみましょう。 <!doctype html> <html> <head> <title>test</title> </head> <body> <p id="p1">p1</p> <p id="p2">p2</p> <script type="text/javascript"> var p1 = document.getElementById('p1'); var p2 = document.getElementById('p2'); console.log(p1.compareDocumentPosition(p2)
目次 概要 XHTMLString XHTMLStringを元に生成したdocument 各メソッドの対応ブラウザ DOMHTMLImplementation.createHTMLDocument(title) DOMImplementation.createDocument(namespaceURI, qualifiedName, doctype) DOMImplementationLS.createLSParser(mode, schemaType) DOMParser() ActiveXObject("htmlfile") 備考 独り言 参考URL 概要 [object HTMLDocument], [object Document] を生成するメソッドのまとめです。 JavaScriptコードの説明はしてませんが、document.implementation.createHTML
HTML5を使ったスマホアプリ開発に興味があったので、カメラやGPSなどスマートフォンの機能がどこまで使えるのか試してみました。 Webアプリケーションなのでブラウザに依存しますが、以下のサイトにモバイルブラウザ別対応状況が書かれています。 http://mobilehtml5.org 試したのは以下の機能です。端末はGalaxy NexusとiPod Touch 4世代を使いました。 Androidのバージョンは4.0.4でブラウザはChromeと一部Firefoxです。iOSは5.0.1、Safariで試しました。 スマートフォンで確認できるようにサンプルを作ったので試してみて下さい。 タッチイベント(Touch Events) マルチメディア(Multimedia) 位置情報の取得(Geolocation API) 加速度センサー(Motion Sensors) ファイルアクセス(F
Configuration On-the-fly rendering Shortcut Keys Ctrl+S - Save Ctrl+R - Run New Document Template: Frameworks Google Fonts CSS Selector Assigned CSS properties labcss was created to help people who don't know CSS very well, and who don't want to spend the whole day searching the internet and refreshing the browser to make their elements look exactly how they want. labcss allows to play around with
@-moz-document 書式 例 利用可能なブラウザ 参照 Mozilla / Firefoxでサイト別にCSSスタイルを適用することを可能とする@-moz-documentルールについて。 書式 W3CのMLに投稿された、per-site user stylesheet rulesより。 docrule ::= "@-moz-document" S+ url-list "{" S* ruleset* "}" url-list ::= url-item ( "," S* url-item )* url-item ::= ( "url(" | "url-prefix(" | "domain(" ) URL ")" S* S は空白類。( [ \t\r\n\f]+ ) domain() の場合、括弧内に入るのは、正確にはURLでなくホスト名(ドメイン名)になるようです。 例 以下のような
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く