ウノウラボ Unoh Labs: CSSをデバッグしよう
こんにちは、Sashaです。CSSって、誰でも比較的簡単に始めることが出来るくせに、何年たってもつまらないバグにハマったりするものです。今日は、CSSをデバッグする手順を紹介します。特にCSS初心者の方々に参考にしていただければ光栄です。ただ、ここで紹介しているのは、CSSの問題解決の方法ではありません。CSS上の問題点の原因を、自分で見つけるためにとるべき手段です。見つかった問題点を、どうやって解決するかは、ここでは触れないのでがっかりしないでくださいね。 ※以下の手順は、下記のサイトをパクッ･･･、じゃなくて、翻訳しつつ簡単にまとめたものです。 参考: http://www.subcide.com/tutorials/debuggingcss/ まず、問題あるって認めましょう。 見なかったフリをしたい気持ちはよくわかります、が。 人的ミスをつぶそう スペルをチェックしよう
ぼくがCSSを書くときに手放せないツール - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ CSS書いてますか！！ ぼくなんか書きすぎて border: 1px solid red; が0.5秒で打ち込めそうな感じなんです＞＜ ところで、CSSいっぱい書いてると、ぱっと見ただけでおよそ何ピクセルか、 わかったりするようになるから人間ってすごいよね！ この余白は 6px だな、こっちのblockは 40px くらいかな？ とか…！ 大きいのは難しいけど！ 最近はエラスチックなんとかレイアウト？っていう em で指定しちゃうのが流行だそうだから pxはあまり使わないのかもしれないけどね！ ところで、そんなぼくがCSSを書くときに必須なツールがあります！ 紹介しちゃいますね！ きっと手放せなくなっちゃうよ！ ひとつが、カラーピッカーだね！ 画面上の好きな色を拾うやつ！ これは色々なものが公開されているから省略しますね！ ぼくはこれつかってるけど！ もうひとつ…
IEでのCSSのバグを回避するhasLayout | コリス
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値（read-only） false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
pruto.jp - よく使うCSSの話|基本編
2008.06.24 1年半ほど前の記事なので、現在は通用しない部分もあるかと思いますので最新の技術・流行り等を求めている方はご注意ください。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCSSを書き始めるときである。 どうしようかなーなんて迷いながらもなんだかんだで結局はいつも同じ形で出来上がるから今後どうしようかなーなんて迷わずにスパっと仕事に入れるようにするためのまとめてみよう。 はてなブックマークなんかでもよくCSS関連の記事が人気エントリーにあがってきたりして、それらを踏まえつついつか自分なりにまとめて書きたいとおもっていたから丁度良い。 色々あるからまずは基本となるところから。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCS
Internet Explorer 7で使えなくなるCSSハック « Odysseygate.com
前回に続いて、Internet Explorer 7で使えなくなるCSSハックについていってみたいと思います。きっとどこかのサイトがすでに公開してると思うのですが、どうもうまく検索できなかったので…。 参考にしたのは、例によってCascading Style Sheet Compatibility in Internet Explorer 7です。 CSS Filters（おで訳。適当に省略してます） ブラウザーベンダーによってCSSの実装が異なったり、さまざまなバグがあるせいで、CSS標準によっても結局表示がばらばら。結果としてウェブディベロッパーコミュニティはさまざまなCSSハック(MicrosoftはこれをCSS Filterと呼んでいる)を作リ出した。 IE7では、数々の（これらの原因となる）構文バグを修復したので、これまでのバージョンのIEで動作していた、以下のCSSハックは動作
IE7ベータ2(日本語版)のCSS - ぴのBlog
IE7ベータ2(日本語版)のCSS 「IE7ベータ2 日本語版」が登場。そのCSS解釈・CSS対応状況を、過去記事で触れたIE6のCSSバグっぽい物でチョコッと検証してみよう。 内容物のサイズに合わせてリサイズされる / サイズを明示しないとoverflowが効かないバグ ○ 修正された模様。幅等を明示しなくても overflow が効くようになった。内容物のサイズに合わせて幅や高さが広がるバグも改善された。つまり普通になった。 IE6で画像等をフロート、文章等を回り込みさせた際のバグ ○ 修正された模様。幅等を明示していなくても、文字やボーダーが消えない。IE7では xml宣言時 のCSS解釈が改善されるので、地味ながらも重要な修正。 ハングルがIE6で表示されない件 ○ 修正された模様（この件はCSS対応状況とは関係無いが）。ユニコード以外の日韓混在ページで、lang=j
ウノウラボ Unoh Labs: CSSで見る、IE7。
Sashaです。 MicrosoftがIE7 RC1（Internet Explorer 7 Release Candidate 1）を公開しましたね。タブ・ブラウジング? RSS? 今ドキ当たり前。タブに出ているサイトのサムネイルが一括して見れるとか、印刷するときに用紙の大きさに合わせて印刷してくれるぴったり機能とかも、「あったらいいな」的機能であったことは確かですが、ウェブデザイナーたちの興味の中心は、今まで私たちの忍耐力をギリギリまで試してきた、IEの CSSへのサポートが、どのように変化するのか、ですよね。せっかくなので、今まで長年にわたって多くの人を悩ませてきたバグたちと照らし合わせながら見ていきましょう。ちなみに、私はまだ一つ一つ検証してませんので、その解決宣言に関する信憑性には責任は負いかねます。悪しからず。 positioniseverything.net では数年前から
CSS ハックまとめ Lucky bag::blog: IE7 を含むモダンブラウザ向け
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ（Safari、Opera、Firefox） ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ
模様替え！！！ - break into a broad smile
見てー見てー！ ちょうかわいい！オダさん(id:odachi)にＣＳＳ作っていただきました！このピンクと赤のボーダー具合がきゅん！もうオダさん天才。ありがとうございました！！うふー。
はてなブックマーク - Hamachiya2のブックマーク
そこそこまとめました。 基本的にはそれぞれの創業社長が直前の所属を参照した形。 設立順にしたり合併先やIP譲渡先を書いたりすると より有意義だと思うけど、力尽きたので今はここまで。 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 電友社 ┃ スクウェア ┣ゲームデザイナーズスタジオ ┣サクノス ┃┣ノーストリリア ┃┗ノーチラス ┃ ┗スタジオ ワイルドローズ ┣ポンスビック ┣K2 ┃┣クロガネ ┃┗エスピーアーツ ┣モノリスソフト ┣ネイヴ ┣フォレストエンターテイメント ┣ブラウニーブラウン ┃┣1UPスタジオ ┃┣福福 ┃┣さよならおやすみ ┃┗ブラウニーズ ┣ミストウォーカー ┃┗KENEI DESIGN ┃ スクウェア・エニックス ┣Luminous Productions ┃┗JP GAMES ┣スクウェア・エニックス モバイルスタジオ ┃┗スタジオセム ┣Tokyo RPG Fact
はてなスタイルシート - 酔拳の王 だんげの方
とか書いてますがヘタレです。構造的に正しいのかどうかもわかりゃしません。まあ、なんかの役に立てばいいなあと思って書きました。 この人のを真似たいとか思った事は多々あるのですが、CSSとか公開されている方があまりいないようなので、とりあえずやってみました。参考になれば幸いです。そしてはてなスタイルシート出しとして後に続く方がいたら嬉しいです。 現在は公開デザインが可能になったためこにあります。 http://d.hatena.ne.jp/designset/653 はてな○○出し http://d.hatena.ne.jp/keyword/%A5%EA%A5%B9%A5%C8::%A4%CF%A4%C6%A4%CA%A1%FB%A1%FB%BD%D0%A4%B7?kid=40954 CSS本体(テーマ改変用の）見方 http://d.hatena.ne.jp/theme/90/90.css
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS プロパティ一覧
usrb.in
【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (MYCOMジャーナル)