[B! CSS][initialize] hoge_systemzのブックマーク

hoge_systemz id:hoge_systemz

CSSとinitializeに関するhoge_systemzのブックマーク (8)

selectの右が埋まる - input/textarea/selectのなぞ | Takazudo Clipping*
ブラウザのデフォルトスタイルを殺すために*{margin:0;padding:0;}とやることがままありますが、これをやると、実はまずいことが。selectを使うとFirefoxで以下のような表示になってしまうのです。何がまずいかって？ホラ、右側の1文字が埋まってしまっているではないですか。コレを回避するには以下のように指定すれば直る。 option{ padding-right:10px; } これで右側に余白が確保され、文字が隠れることがなくなります。と、web creatorsだかなんだかに書いてありました。まぁ、僕はそれ読むまでこんなことが起こっているということにすら気付きませんでしたけどね・・・。ていうかinputとかselectって何よ前々からよくわかんなかったんですが、inputとかselectとか言うものは何なんでしょう。インライン要素みたいに見えるけど、例えば i
hoge_systemz 2008/03/16
Fx

css

form

initialize

rendering
リンク
デフォルトスタイルの差異を無くす CSS
2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。定義グループにアウトライン番号を記述ベーススタイルのデザインをシンプルに記述し直し使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿
hoge_systemz 2008/03/15
css

initialize
リンク
[CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス
YUI、Blueprint、YAMLなどのCSSのフレームワークでも利用されているブラウザのスタイルを初期化するスタイルシートのサンプル集です。 Blueprint YAML YUI Tripoli meyerweb warpspire christianmontoya crucialwebhost 下記のスタイルシートは、記述スタイルを同様のスタイルに全て変更しています。また、コメントも削除しています。 Blueprint Blueprint Based:Reset Reloaded <textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
hoge_systemz 2008/03/15
css

initialize

まとめ
リンク
[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス
2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「全称セレクタとhtml, body編」です。 CSSのスタイルの初期化が必要な理由スタイルの初期化 -全称セレクタ（*）スタイルの初期化 -html, body スタイルの初期化 -全称セレクタとhtml, body のメモスタイルの初期化(後編) -body内の個別タグ編 CSSのスタイルの初期化が必要な理由 HTMLの各タグは、ブラウザごとに初期スタイルが異なり、スタイルシートでレイアウトを行う際、ブラウザごとに異なる指定を行わないと期待通りのレイアウトを再現しない場合があります。そのため、同一のスタイル指定で意図したレイアウトが再現できるように、このブラウザごとのスタイルの差異を無くすスタイルシートの設定を行います。対象としているブラウザは、最近の僕の受注案件の多くは下記のブラウザが対象にな
hoge_systemz 2008/03/15
css

initialize
リンク
Most used CSS tricks | StylizedWeb.com
Ann Arbor Michigan Web Design AgencyYou have a split second to make a great first impression on your website See how 3.7 Designs can help you convert more prospects into leads, customers, and members through advanced design psychology and our exclusive Six Layers of Design™ process.
hoge_systemz 2008/03/14
clearfix

css

snippet

hack

initialize
リンク
[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
hoge_systemz 2008/03/04
css

html

initialize

CrossBrowser
リンク
1ピクセルのずれも許せないWebデザイナのためにResetting Again | エンタープライズ | マイコミジャーナル
CSSがWebページデザインの主要技術になってから、WebデザイナはCSSの振る舞いに頭を抱えなかったことはない。もっとも悩ましいのは、同じCSSでもWebブラウザごとに表示が異なるところにある。なるべく同じ表示を実現しようと、一見すると奇っ怪にみえる設定を加えたり、意味がないような行を加えたり、背景色と同じ色の画像を調整用に追加したり、涙ぐましい努力は後を断たない。世界中のWebデザイナやフロントエンドデベロッパが同じ悩みを抱えているから、Webブラウザ間の互換性を実現するCSSライブラリがいくつも登場したり、ベストプラクティスをまとめたCSSリファレンスドキュメントが登場したり、CSS擬似クラスといったテクニックが紹介されたり、IEのCSS/HTML非準拠に対処するライブラリが登場するといったことが相次いで起こっているわけだ。しかし、ほかのライブラリに依存せずにいちから自力でCSS
hoge_systemz 2008/02/12
css

initialize
リンク
RedLine Magazine : 気になった初期化CSS
気になった初期化CSS コリスさんの記事でブラウザのデフォルトスタイルを初期化するCSSのサンプルが多数掲載されていました。 >> [CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス初期化する内容やどこまで初期化しておくのかは案件ごとのデザインなどによってケースバイケースだったりして、完全にこれが私のリセットCSSですと言えるものはないのだけれど、それなりにいつもだいたい使いまわしている自分のリセット部分のソースと見比べて考えてみた。いろいろと拝見して気になったものが2つあったのでメモ。 select option に paddingを指定する予めブラウザのデフォルトスタイルを全称セレクタ（*）なんかで一気にpaddingを0に指定してしまうと、Fxなどの一部のブラウザでだけのようだけど、selectのoptionの右端が下向き矢印マークで隠れてしまうことが
hoge_systemz 2007/09/27
css

initialize
リンク
1