htsign's blog

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

CSS

「CSS PANIC」をForkしてみた

以前も似たようなことやってたけど、またもやWebkitのみ対応のもったいないコードがあったのでIEにも対応させてみた。 http://jsdo.it/htsign/t9ei やってることは前回と同じで、-ms-check擬似要素をdisplay: none;したり、-webkit-ついたCSS3プロパティを汎…

「javascriptを使わず、html + cssだけでクリックシューティングゲームを作ってみた」をForkしてみた

CSSで乱数って作れないかなーと思って「CSS 乱数」でググってたら引っかかったTwitterのツイートから知ったGithubのプロジェクト(d:id:ndruger:20110428:1304021590)があったけど、動作環境がWebkitだけなのも寂しかったのでForkしてIE10以上にも対応させて…

マウスオーバーで表示が変わるやつを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); /…