iモードブラウザ2.0のJavaScript (Kanasansoft Web Lab.)
今日、正確には昨日発表されたdocomoの携帯電話に組み込まれているiモードブラウザがやっとJavaScriptに対応したようだ。 他には外部CSSやCookieにも対応している。 これまでのドコモはWindows・Microsoftよりのイメージだった。ダウンロードできるツールは(ほぼ?)全てWindowsでしか使えなかったり、サービスもWindowsばかりだった。JavaScriptもWindows寄りだったら嫌だなぁと思っていたが、今回はどうも違うらしい。 仕様をざっと見たところ、標準に準拠しているようだ。例えば、addEventListenerがあってattachEventはなかったり。XMLHttpRequestにも対応しているのを見てちょっと興奮した。Cookieに対応したため、個体識別番号を使う必要がなくなり、開発も楽になるし(個体識別番号による名寄せが不可能になるため)セキ
JavaScriptでCSSとイベントを扱う from Kanasan.JS | Blog.37to.net
最終更新日 Sun, 19 Apr 2009 20:27:25 +0900 最後のコメント Mon, 14 Jul 2014 08:14:00 +0900 ブックマーク 先日開催された、Kanasan.JS JavaScript第五版読書会#7のレポートです。 今回はCSSとイベント処理の入門的内容でした。 ご参加頂いた皆様、ありがとうございました。 JavaScriptからCSSを扱う それ程難しくはないので、簡単にまとめておきます。 はまりがちな事 Element.style.colorなど、Element.style.〜のスタイルオブジェクトで操作出来るのは、 インライン指定されたスタイルのみなので気を付ける必要があります。 僕も最初の頃は知らずによく間違えていたのですが、これを知っていると無駄に時間を使わなくて済むと思います。 <style> #foo { background-c
ローカルで動作するW3Cのテストスイートを公開します。 - latest log
「全てパスした」とだけ書くと、あまり良くないことが起きそうなので、ローカルで動作するように修正したCSSセレクタのテストスイートを公開します。 W3Cのテストスイート: http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/xhtml/index.html 利用される方へ注意点をいくつか そのままではパスしないテストも含んでいます(::selection や :first-letter など)。内容を確認し「このテストはパスしなくても良い」ことを判断して使ってください(index.html にヒントが埋まっている場合があります)。 ブラウザのバグによりパスできないテストも含んでいます(IE の :empty など)。 状況依存のテストも含んでいます。動的なテスト(#d1b, #d4)は負荷要因により失敗する場合があります。個別にテス
Selector Shell
Directions Type/paste some handcrafted CSS into the first box. Click the "Test It" button. The second box (and the example divs) show what your browser makes of it. /* Some example CSS */ body .class1 { border-color: black; } /* Gecko hack. */ @-moz-document url-prefix() { body .class1 { border-color: orange; } } /* Pre IE7 hack. */ * html body .class1 { border-color: green; } /* IE7 hack. */ body
CSSセレクタで属性だけじゃなく、スタイルもクエリーできちゃうとすごく便利(かも) - latest log
「CSSセレクタって、CSSのルールで絞り込みはできても、CSS(スタイル)で絞り込みができないんだ…」って思ったことはありませんか? 実験的なテーマになりますが、styleプロパティの値を、CSSセレクタでクエリーできるように構文を拡張してみました。 # 構文や機能に対する改善案をお待ちしています。 スタイルで絞込みを行う場合の基本的な構文は、E { prop operator value } 以下のバリエーションを用意しました。 prop の値は、計算済みの値(currentStyle または getComputedStyle())の値と比較します。 IEで、currentStyle(element).width === "auto" なケースがありますが、そのような場合でも "auto" を px単位の値に自動的に変換したうえで比較します(つまり div{width="auto"}
XBLとuserContent.cssとGreasemonkey - 素人がプログラミングを勉強していたブログ
追記：コメントでbindToUntrustedContent="true"が必要になったと指摘をうけたので追加 2015/3/21 userContent.cssに @-moz-document domain("reader.livedoor.com") { #right_body > .item { -moz-binding: url("ldr.xml#filter") !important; } } と書いて、同じchromeディレクトリに、ldr.xmlという名前で <?xml version="1.0"?> <bindings xmlns="http://www.mozilla.org/xbl"> <binding id="filter" bindToUntrustedContent="true"> <implementation><constructor><
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
uuAltCSS.js をリリースしました。 - latest log
JavaScriptからCSSを操作する方法を結構詳しく調べてみた (Kanasansoft Web Lab.)
SitePoint Blogs » JSON-P output with Rails