htsign's blog

ノンジャンルで書くつもりだけど技術系が多いんじゃないかと思います

HTML

いろんなガジェット系海外通販サイトを横断検索できるページ作りました

一部POSTでしかリクエストを受け付けない検索ページがあったのでびっくりするほどややこしい作りになりました。 例によって設計せずに組み始めたため、非常に可読性の低いコードになったと思いますが、別にそんなことはどうでもいいです。 比較的簡単に検索…

マウスオーバーで表示が変わるやつをCSSで実現

たぶんとっくにやってる人は掃いて捨てるほどいそうだけど、何となく書いた。 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

insertRuleメソッドについて

HTMLStyleElement の sheet プロパティは常に存在するわけではないらしい。 var s = document.createElement("style"); // この時点ではまだ存在していない console.log(s.sheet); // ==> null s.sheet.insertRule("#hoge{box-shadow:1px 1px #333;}", 0); /…

window.open で生成した DOMWindowオブジェクトのDOCTYPEを指定する

完全に趣味の範囲ですが…。下記コードで使われることになる document.implementation ですが、主要ブラウザはほぼ対応しています。 ただしIE8のみDOMImplementationは存在しているのに、メソッドがないという謎な状況になっています。 // wnd に DOMWindowを…

Zen-Coding勉強中

意地と根性でZen-Codingだけを使ってウェブサイトのひな形っぽいのを無理やり作ってみる。 html:5>#container>(header>img[alt=test title=logo]+nav>ul.menu.horizontal>li*4>a[href=top$.html])+(section#main>(#sidebar>nav>ul.menu.vertical>li*7>a[href…