DOMに外部cssで適用されてるstyleが取りたいっ！
タイトルの通りですが、以下のようなhtmlがあった時に <div class="list" id="main_list"> <p>hogehoge</p> </div> このdivのstyleが取りたい時に、 c…
CSS
BootstrapのCover(Examples)は、スマホに対応してない？？
以下、個人的なメモ。 BootstrapのExamplesにあるCoverってやつを元に作ったページをスマホで表示すると、フォームの入力で極端に重くなります。 そもそも、フォームを使うデザインじゃないのかもしれませんが。 で、ちょっと挙動を確認した感じだと、CSSでheight:100%;が指定され…
CSSを軽量化！CSS::Minifier::XSを使ってみた。
CSS::Minifierってのと、CSS::Minifier::XSってのがあったんですが、XSじゃない方はあんま更新されてないようなのでXSの方で。 ま、XSの方も1年くらい更新されてませんが・・。 #!/usr/bin/perl use strict; use warnings; use Pa…
colspanを指定した時のdisplay変更時は、table-rowを指定。(CSS)
jsからCSSを変更するのとかよくある処理ですが。 まず2つのtrを用意。 (1つはdisplay:none;で、tdにcolspanが指定されている) <table> <tr> <td>Title</td> <td><a href=…
Firefoxにだけ適用されるcss
そもそも普段はcssを書くことがあまりないんですが、そうも言ってられないので。 とあるjs(ネットで拾ったMITライセンスなやつ)を使ってみたらFirefoxだけやたらとデザインが崩れていたので、無理矢理調整。 #hoge, x:-moz-any-link { font-size: 120%; } …
デザイン変更
本文の背景を指定してみた。 ま、画像はそのうち作り直しま・・。 div.body{ background-image: url("http://hoge.hoge.hoge/hoge.jpg"); background-position: top right; background-repeat: …
デザイン変更
家のPCで見ると普通なんでつけど、会社のPCで見ると色が薄くて境界がはっきりしなかったんで、borderつけてみた。 pre { border-width: 1px; border-style:dashed; }…
日記のCSSを微妙に変更
ま、微妙な変更なんでつが・・。 リンクの画像にborderが付いてるのが個人的にあまり好きじゃないので・・。 直感的に、border付いてる方がリンクだってわかるからUI的にはホントはあった方がいいんでしょうけどネ・・。…