クロスブラウザな onhashchange イベント (作りかけ) - 日向夏特殊応援部隊
今更 IE8 の話なんて遅れてる感満載な訳ですが、IE8 からは onhashchange イベントと言う location.hash の値が書き変わったら発火するイベントが出来ました。onhashchange イベントについては下記参照。*1 winow.onhashchange - Thousand Years hashchange - Event reference | MDN で、これなんですが location.hash にアプリケーションの状態を保持したいなんて言う、"えいじゃっくす" 的なコンテンツの場合、かなり使えるじゃないすかと。*2 クロスブラウザで行けるかもなーと思って試しに書いてみました。まだ作りかけ。 ソースコードと解説 (function() { var createEvent = function() { var evt; if (document.creat
nsIWindowWatcherを使って全てのダイアログを捕捉する - 日向夏特殊応援部隊
相当ニッチな用途ですけど、 window.alert() window.confirm() window.open(); window.openDialog(); window.print(); などなど、特別なダイアログが開いた事を検出するにはnsIWindowWatcherを使うと出来るようです。 var wwatch = Cc["@mozilla.org/embedcomp/window-watcher;1"].getService(Ci.nsIWindowWatcher); var observer = { observe: function(aSubject, aTopic, aData) { if (aTopic != "domwindowopend") return; aSubject.addEventListener("load", function() { aSubjec
Shibuya.js Technical Talk #3 - Shibuya.es 感想 - 日向夏特殊応援部隊
なんか今凄い第三者に邪魔されつつ書いてるので殴り書きです。 Main Talk JSer のための AS3 ！ -- id:amachang いつも為になる資料作るなーと、改めて関心。 AS3ちょっとやってみたいと思った。 Cycal - オンラインスプレッドシート -- abui キャラが立ってた。 えへへ、うふふ E4X -- id:cho45 E4Xの仕様オイラも読んでみようと思った。 id:cho45さんの最近のプレゼンはトランス状態に入ってる希ガス。 見てて楽しい。 Firebug -- id:send id:sendさんの顔と名前が一致した！ｗ Firebugのソースは僕も読んでみたくなった。 はじめての ABC -- omo なるほどと思った。ちょうどその前に会社で似たような話を聞いたので、ゴニョゴニョみたいな。 LT Narcissus - ナルシスト、自分を愛した美少年J
CSS Hacks まとめ (8) High pass filter - 日向夏特殊応援部隊
はじめに ソースはこちら High Pass Filter http://www6.plala.or.jp/go_west/nextcss/tip/trans/highpass_jp.htm 特に２番めの和訳を一読すると何かってのはすぐ分かるはず。 どんな物か IE5/Mac or later IE6/Windows or later Netscape 6 or later Opera 5 or later ならばそれ以下のスタイルが正しく適用される、逆に言えばそれ以前のブラウザでは無視されると言ったHackです。 具体的には、 <link rel="stylesheet" href="highpassfilter.css" /> のようにhighpassfilter.cssを読み込み、このCSSファイルの中で @import "null.css?\"\{"; @import "highp
CSS Hacks まとめ (9) Inline high pass filter - 日向夏特殊応援部隊
はじめに d:id:ZIGOROu:20070116:1168900766のinのinline版です。 http://www.tantek.com/CSS/Examples/inlinehpf.html どんな物か <style type="text/css"> p.attention { background:yellow } i{content:"\"/*"} p.attention { background:lime } </style> i要素に当ててるルールのcontentの中身が誤解釈されて古いブラウザだとそれ以降のスタイルが当たらないよって事。 背景がlimeになるのが、 IE5/Mac or later IE6/Windows or later Netscape 6 or later Opera 5 or later です。 まとめ 場合によっては使えるかもしれないですな。
カスケード処理について - 日向夏特殊応援部隊
ってもこれCSSな人には常識なのか？ Assigning property values, Cascading, and Inheritance 値の割り当て、カスケード処理、継承 http://www6.plala.or.jp/go_west/nextcss/ref/basic/cascade.htm http://anslasax.net/css-make/cascade.html ここら辺がソース。 追記 今日、会社のCSS勉強会があってそれの資料作ったので後ほど公開しまっする。 んでもってカスケード処理についても言及したので、興味のある人は見て下さい。 カスケード順位の定義 大まかに分けると次の4つの要素が問題となる。 媒体型(media type) 出所(誰が作ったスタイルか) 詳細度 出現順 で、適用される重みもこの順番。 出所について つまりはこういう事です。 文書作成者のス
CSS Hacks まとめ (10) Owen Hack - 日向夏特殊応援部隊
はじめに http://www.albin.net/CSS/OwenHack.html http://www6.plala.or.jp/go_west/nextcss/tip/trans/owen_hack_tr.htm あと、普段は事実上使えないセレクタについてどうしても知識が必要です。 Adjacent sibling selectorsと言う隣接セレクタです。 隣接セレクタ ここら辺が分かりやすくて吉です。 仕組み まぁ下記のようなCSSですね。Opera6以下とIE6/winでは見えないルールを定義したい場合に使うみたいです。 /* the following selector is seen by EVERY browser */ .myClassSelector { background-image: none } /* the Owen hack -- http://www.
CSS Hacks まとめ (6) star html hack - 日向夏特殊応援部隊
追記(重要) miniturboの中の人が言うにはOpera9とかにも当たっちゃうらしいです。 詳しい解説キボン はじめに http://css-discuss.incutio.com/?page=StarHtmlHack http://css-discuss.incutio.com/?page=EmulatingFixedPositioning 「* html」からセレクタ指定するとIEでしか当たらないスタイルを書く事が出来ますよってHackです。 使い方 * html{ width: 100%; height: 100%; overflow: hidden; } こんな風にするとMac, Windows共にIEだけで適用されます。 まとめ IE7でもstar html hackは有効みたいですね。*1 従って現在でも便利なHackって言えそうです。 なんか段々適当になってきた。w *1
CSS Hacks まとめ (3) caio hack - 日向夏特殊応援部隊
はじめに Caioなんちゃらさんが作ったHackだそうです。 NN4から特定のスタイルを部分的に隠す為のHackです。 仕組み /*/*/ div { color: red; } /* ここまで無視される */ って事みたいですね。 まとめ 部分的にNN4に適用するスタイルなんて今日びありえません。 なんか情報古いなぁ。。。
CSS Hacks まとめ (2) media queries hack - 日向夏特殊応援部隊
追記(凄い重要) media queriesですけど、Opera9と最新のKHTMLだとかで既にサポートされてるみたいなので、このHack自体既に意味の無い物になってます。 IE7 を含むモダンブラウザ向けの CSS ハックまとめ - lucky bag http://jp.opera.com/docs/changelogs/windows/900b1/ ここらへん参照の事。 はじめに media queryって何だろう。僕も初耳だったのでちょっと調べて見る。仕様はこちらです。CSS3で定められているようですね。ちなみにCSS3はまだWorking Draftみたいです。*1 仕様を斜め読みすると、今まではscreenだとかtvとか特定のmedia type別にしかCSSを当てれない仕組みだった物をmedia queryを使うと限定的に当てる事が出来るみたいですね。 例えば、 @media
CSS Hacks まとめ (1) @import hack - 日向夏特殊応援部隊
明日、会社のCSS勉強会があるので、ネタの一つとして基礎調査。 CSS Hackを原文として、中にあるHackネタを少しずつ紹介。途中で挫折したらごめんちゃい。 はじめに The @import Hack Hide CSS from browsers :: @import 多分、最も有名なCSS Hackだと思われる@import hackです。 Netscape Navigator 4などのCSS1しか解釈出来ないブラウザ*1が@importを解釈出来ないと言うバグを突いたHackですね。 流れとしては次のようになります。 まずはレガシーブラウザ*2の為に読むのに至ってシンプルなスタイルを用意する(legacy.cssとする) 次に@import hack用のimport.cssを用意し、modernブラウザ用のスタイルを読み込ませる 実装例 head要素内で、 <link rel="s
CSS Hacks まとめ (4) Anti NN4 Selectors Hack - 日向夏特殊応援部隊
はじめに これはNN4がセレクターの後にコメントブロックを書くと、そのセレクタ自体が無効になるよってバグを利用した部分的にスタイルを隠す技です。 仕組み html /* rest of selector */ { /* Nav4 alone ignores these rules */ } まとめ 要らないYO！
CSS Hacks まとめ (5) Box model hack - 日向夏特殊応援部隊
はじめに まずは下記のページ辺りがソースでございます。 http://css-discuss.incutio.com/?page=BoxModelHack http://www6.plala.or.jp/go_west/nextcss/tip/trans/boxmodelhack_jp.htm 基礎編2 ボックスモデルとDOCTYPEスイッチ 標準のbox modelって言うのは、width, heightはcontent areaのみの大きさを決めて、margin, padding, borderと言うのはcontent areaの大きさには影響を与えません。しかしIE6の互換モードやIE6以前では解釈が異なる為にこのHackは存在します。 どんな風に解釈が異なるかと言えば、padding, borderの幅がwidth, heightの中に含まれるようなイメージとなってしまって、指定し
特定のプロセスが立ち上がっているかどうか調べる - 日向夏特殊応援部隊
それpsで出来るよ、、、って結論が先に出るんですけどもw 敢えてCPANモジュールでやってみようの巻。 Proc::ProcessTable これが便利。 $ perl -MProc::ProcessTable -e 'print join("\n", Proc::ProcessTable->new->fields);'こんなワンライナーでProc::ProcessTable::Processオブジェクトがサポートしているフィールド一覧を調べる事が出来ます。 例えば特定のプロセスが立ち上がっているかどうか調べたい時、 #!/usr/bin/perl use strict; use warnings; use Proc::ProcessTable; my $fname = "mysqld"; my $t = Proc::ProcessTable->new; if (grep { $_->fn
JSON-RPCをJSON-Shellで試してみる - 日向夏特殊応援部隊
Install JSON-ShellはJSON RPCを実装しているエンドポイントに対して、メソッドを実行する為のshellです。 ですが、なんかこのモジュールのインストールがなかなか上手く行きませんでした。 とりあえず Term-ReadLine-Gnu を入れるととりあえず動作するようなるみたいです。謎。*1 さっそく実行 jsonshellコマンドがインストールされているので、 実際に実行してみましょう。 $ jsonshell とするとJSON::Shellに入れます。 JSON-RPCの公式サイトにあるサービス一覧にデモがあるので、これをサンプルとして試してみるです。 endpointのセット まずはどのRPCを使うかを決めないとダメみたいです。 下記のようにendpointを設定します。 $ endpoint http://www.raboof.com/Projects/Jay
SpiderMonkeyをthreadsafeでビルドする - 日向夏特殊応援部隊
はじめに とりあえず僕の環境であるFC6で試してます。 Install SpiderMonkey checkout まずは適当なディレクトリに行ってcvsからcheckoutしてきましょう。 # cvs -d :pserver:anonymous@cvs-mirror.mozilla.org:/cvsroot login # cvs -d :pserver:anonymous@cvs-mirror.mozilla.org:/cvsroot co mozilla/nsprpub mozilla/js/src NSPRのビルド threadsafeにするにはNSPRが必要なようです。 # cd mozilla # sh nsprpub/configure --enable-optimize --disable-debug # make # cd pr/tests # make SpiderMo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新春CSSかくし芸大会の資料を公開します - 日向夏特殊応援部隊
CSS Hacks まとめ (7) lone star hack - 日向夏特殊応援部隊