hashimoyaのブックマーク - はてなブックマーク

hashimoya id:hashimoya

ブックマーク / www.hamashun.com (6)

複数のclassをセレクタに指定した際のIEのバグ | Blog hamashun.com
関連リンク複数のclassをセレクタに指定する方法複数のclassをセレクタに指定する際のメモ書き複数のclassをセレクタに指定した際のIEのバグ複数のclassをセレクタに指定する方法でぴんどめさんからコメント頂いた件ですが、その後ぴんどめさんからサンプルファイルを送って頂けて、どうやら判明しました！ぴんどめさん、わざわざありがとうございました！ HTML <div class="sample code test">～</div> CSS div.hoge.test { color: red; } こんなソースがあった時に、本来ならば文字色は変わらないはずです。現にFirefoxやOperaではそのように表示されます。しかし、なんとびっくりIE様は文字色を赤にしてしまうのです！なんてこった！どうやらIE様は、複数のclassを使うセレクタは、最後の一つのclassしか
hashimoya 2010/04/19
今さらながらブクマ。「どうやらIE様は、複数のclassを使うセレクタは、最後の一つのclassしか見ていないようです。」

ie6

css

class
リンク
自宅PCを新調したのでやった事のメモ | Blog hamashun.com
そろそろXPマシンが手に入らなくなりそうなのと、それまで使ってたのが大分古くなっていたのと、自分の用途では7は向かないのとで、5台目のXPマシンを買いました。以下買ってからやった事のメモです。スペック OS Windows XP CPU Core2 Quad Q9650 メモリ 4GB HDD 1TB+320GB ビデオカード GeForce GTS250 1GB 電源 650W ファン追加たくさん入れたツールノートン先生とりあえず基本みたいな Universal Extractor どっかでオススメされてたのでいれてみた FFFTP 設定済みの物を導入。 ezhtml 設定済みの物を導入。個人的にはVer,6.8代が結構好き。自作Auto Hot Keyスクリプトもうこれ無しじゃWindows使えない。 Twit 超使いやすいWindows用Twitterクライアント。
hashimoya 2009/08/21
WINマシン買って制作用の環境作るための参考メモ。

windows

freesoft
リンク
じゃあ俺もCSSの書き方を書くよ！ | Blog hamashun.com
自分のプロパティの書き順とか｜CSS HappyLifeとかRedLine Magazine : 自分もプロパティの書き順とかとかを読んだので僕も書いてみます。プロパティの降順 clear float position display width height min-height margin padding border あとは概ねアルファベット順わりとアバウトだった件。テンションによって微妙に入れ替わってたりしそう。 CSSのコードの書き方 <div> <ul> <li><a href="/">hoge</a></li> <li><a href="/">huga</a></li> <li><a href="/">foo</a></li> <li><a href="/">bar</a></li> </ul> </div> 例えばこんなHTMLだったら、 div { width:
hashimoya 2009/02/28
css

property
リンク
li要素などを改行すると、要素と要素の間に半角スペース分の余白が現れる件について調べてみた。 | Blog hamashun.com
追記：トラバが送れないとの報告を受けて、文末に手動トラバを追加しました。ナビゲーションなどをリスト要素でマークアップして、display: inline; で横並びにすると、li要素とli要素の間に謎の余白が現れます。そして、この現象を解決する手段はいくつかあります（参考：リストをinlineで並べた時の余白｜CSS HappyLife）。でも、この余白はそもそも何者で、なぜ現れるのでしょうか。余白の正体結論から言うと、この余白の正体は空白類文字です。 marginやpaddingの暴発ではありません。では、なぜ何もない場所に急に空白類文字が現れるのでしょうか。この謎を解くには、まずは空白類文字について調べる必要があります。空白類文字 1 文書文字集合には、多様な空白類文字が含まれている。その多くは、特定の視覚的スペーシング効果を生成するために何らかのアプリケーションが用い
hashimoya 2008/11/04
「インライン及び匿名インラインボックス内で改行をすると、空白類文字（半角スペース）が表示される。」スッキリした。

css

html
リンク
ブラウザのデフォルトスタイルをリセットする手段、ユニバーサルセレクタとタイプセレクタの違いは？ | Blog hamashun.com
ブラウザのデフォルトスタイルをリセットする際にユニバーサルセレクタを使用すると、読み込みが遅くなるとか言う話があるんですけど、具体的にどれくらい遅くなるのかという話は聞いた事がありません。なので、調べてみました。ソース使用したソースは以下の2種類です。なお、2番目のソースはYUIで公開されている物を使用しました。 * { margin: 0; padding: 0; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } それぞれを当サイトのcssファイルに書いて、Firebugでcssファイルの読み込み時間を100回づつ計測しました。計測したのは、2007年9月2日の夜23時頃、ADSL回
hashimoya 2008/07/08
レンダリングではそんなに変らないらしい。

css

ユニバーサルセレクタ

リセット
リンク
CSS Nite in Ginza, Vol.23のまとめ | Blog hamashun.com
追記 2008-04-03 言及を頂いたので質問コーナーに追記しました CSS Nite in Ginza, Vol.23に行ってきました。今回のゲストはあの大藤幹さん。大藤さんの名著CSSプロフェッショナル・スタイルは、コーディングの勉強を始めたばっかりの頃に買って物凄く役に立った本だった事もあって、かなり期待していました。開演前 19時開演なので18時30分に到着したんですが、既に座席は満員でした。さすがに凄い人気です。テーマ大藤さんは雑誌Web Designingに『CSS Analysis』という連載をしていて、その内容は世界のWebサイトを取りあげて色んなテクニックを紹介するという物。今回のテーマはそれの特別版みたいな感じで、『CSS Analysis Live!』でした。なお、内容はあくまで解析したサイトの結果であり、それが正しいとか、或いは大藤さんの意見である
hashimoya 2008/04/17
よくまとまってる。ありがとうございます。

cssnite

まとめ
リンク
1