CSS(スタイルシート)のテクニックとトピックのまとめ

■ デフォルトスタイルの差異を無くすCSS ■

2008/01/16 6:30:04 はてなブックマーク数503 ライブドアクリップ数29 del.icio.us数0 numerous.org [ この元コンテンツへ ]
デフォルトスタイルの差異を無くすCSS
[ ← 前の画面 ]  【 PR 】 Windowsのテク・ツールまとめ [ ニコニコ風 ] [ 関連記事 ] [ Feeling Lucky ]
[ スポンサード リンク ]
[ スポンサード リンク ]
■ この情報のコメント・メモ ■

ブラウザの差異をうめるCSSを提供  [ Penpen ]

参考になる。だが、ブラウザの差異を埋めるのが目的のはずなのに、IE未対応機能を使ってるのはなぜ?  [ sawat ]

ブラウザの指定をまず上書きCSSとのこと。ほうぅ。  [ chanm ]

ありがたい見本。  [ kazz7 ]

ブラウザ毎のデフォルトスタイルを一旦破棄して見た目をできるだけ統一するためのCSS。  [ wacky ]

ブラウザ間の差異を少なくしてからレイアウトを整えていく手法  [ minimum_sho ]

CSSネタが多い。みんなCSSで悩んでるってこと?  [ redhat ]

CSS互換化。非常に便利だけど思いっきりバッドノウハウだよなぁ。こういう事を考えずに仕事出来る日ってのはきっと来ないんだろうw  [ tks_period ]

ブラウザの差異をなくすためのCSS  [ kelokelo ]

これは参考になりますね。ただ、いじる時間をどこに作るか…(苦笑)  [ popolonlon3965 ]

CSSライブラリ。CSSにもRESTAPIみたいな、共通のスタイル名を使う設定方式が普及するといいよなと思いました。その基盤になるかな?  [ hiboma ]

基本スタイルを作るためのCSS  [ stellarnight ]

結局作者の好みの配色が採用されてるんだな。差異をなくすだけのCSSってのは無理なのかな。というか、どこにどう差があるんだろ。それが知りたい。  [ sshi ]

デフォルトスタイルの差異をなるべく無くすCSS  [ oki448jp ]

ベースとなるCSSを提供。これはべんりそう。  [ suVene ]

cssテンプレート配布。これはいい。参考に。  [ thiswholeworld ]

揃えてから調節。  [ kanouk ]

重要.  [ seiryo ]

デフォルトスタイルの作法  [ kentaf4 ]

最初に読み込ませてブラウザ毎の差異を吸収させてしまうことが目的のCSS//しかし、widthの解釈とかCSSの実装が違う方が問題なんだよなぁ多くの場合  [ fukken ]

各UAの差を埋める。  [ asiamoth ]

これはあれですか。IEのうんこfloatとか、うんこpaddingとか、うんこfont-sizeとかがなんとかなるんですかうんこうんこ。ゲイツうんこ。  [ amerio ]

面白いと思う。でも自分は最近は「デフォルトスタイルシートにある程度任せちまおう」な方向性なもんで。  [ as365n2 ]

ほんと大変なだってば(つД`)  [ penalty ]

たぶん使わないけど。  [ headache ]

各ブラウザのデフォルトスタイルシートのスタイルは微妙に違っているので、まずはそれを揃えちまおうというアプローチ。  [ YasSo ]

サーバ移転のせいでdefault.cssが落とせなくなってるんですけど><  [ todesking ]

wudefaultcss  [ jejekko ]

綺麗なCSSのサンプル  [ p_chopin ]

ブラウザごとのCSS解釈の差異を低減。  [ hiro_y ]

ブラウザのデフォルトスタイルをリセットするCSSのサンプル  [ talho ]

このCSSをリンクして使うと、ブラウザによるデザインのズレが少なくなるそうです。  [ yuki_2021 ]

各UA(ブラウザー)は、それぞれ微妙に違ったデフォルトスタイルシートを持っている…「デコボコ埋め+自分好みの大まかなスタイル」を定義して纏めたdefault.cssを用意  [ kasedac ]

正直、ブラウザ間の細かい差を気にしないといけないほどガチガチにデザインすることは無いんだけど  [ blauburg ]

重要かも。margin,paddingしかやってなかったけど。  [ s99937 ]

各ブラウザのデフォルトCSSをクリアして、なおかつ整形して再設定をしたCSS  [ saladdays ]

default.cssの使い方  [ aratako0 ]

CSS作成の基本かも  [ ishidam ]

css  [ niyalist ]

そんなCSSでガチガチに組みはしないけれどもまぁ  [ suttang ]

各ブラウザごとの表示のデコボコを出来るだけ埋める  [ lomo_lomo ]

↓これは(バッドノウハウに被せてうまいこと包み隠す)グッドラッパーって奴では?  [ kusigahama ]

私が普段使っているdefault.cssはその昔ウェブ製作板カスイケスレで誰か有名な方がさらしてくださった奴をアレンジしたものです。2001年ごろのカスイケスレには本当にお世話になった。  [ denken ]

いつか作ろうと思っていたのですっごくありがたい。あとで使う。  [ mainyaa ]

解析してカスタマイズしよ  [ J2kawa ]

なるほどね  [ flyeagle ]


[ ← 前の画面に戻る ]

MOONGIFT オープンソース - CSS Tab Designer - CSSによるメニューを簡単に作成MOONGIFT オープンソース - CSS Tab Designer - CSSによるメニューを簡単に作成 [ 情報元へ ]
[ インターネット ] [ WWW ] [ ユーティリティ ] OS [ Windows ] ライセンス [ フリーウェア ] ユーザインタフェース [ GUI ] CSSによるメニューを簡単に作成 デザインを考えるのが苦手な私にとって、デザインテンプレートを提供してくれるサイトは貴重だ。かと言っ...

100%、CSSのみで構成されるメニューの作り方 - GIGAZINE100%、CSSのみで構成されるメニューの作り方 - GIGAZINE [ 情報元へ ]
JavaScriptがオフになっているブラウザでも問題なく利用できるメニューです。なおかつ操作性は損なわれていません。ほとんどのDHTMLをサポートしているブラウザで動作してくれます。 作り方や実例は以下から。

CSS Galleries: aggregating web design inspirationCSS Galleries: aggregating web design inspiration [ 情報元へ ]
is still under development (hence the trendy "beta" on the logo ;-)), so expect odd things to happen. If you have any comments or suggestions, then p...

[N] CSSデザインを集めた「CSS galleries」[N] CSSデザインを集めた「CSS galleries」 [ 情報元へ ]
CSSデザインを集めた「CSS galleries」2006年06月29日 07:32-->CSS galleries aggregatorというエントリーより。At this time, the project indexes about 30 different CSS and Web des...

フッターの背景をコンテンツが少ない時でも下まで表示させる|CSS HappyLifeフッターの背景をコンテンツが少ない時でも下まで表示させる|CSS HappyLife [ 情報元へ ]
デジパのベトナムオフィシャルサイトがオープンしました。さて、今回はこのデジパベトナムを組むのに辺り、最初は無理(もしくは相当厄介)だと思ってたことが思ったよりカンタンに出来たのでご紹介。Movable Type 4のデフォルトテンプレートもそうですが、コンテンツの内容が少ない場合に、フッター部分は...

フォント62.5%指定でemフォントをpx単位で計算できるようにする|web biboフォント62.5%指定でemフォントをpx単位で計算できるようにする|web bibo [ 情報元へ ]
CSSによるフォント指定がない場合、ブラウザはfont-sizeを16pxで表示します。これを利用してbody要素にfont-size: 62.5%を予め指定しておくと、「0.625 * 16px = 10px」つまり「10px = 1em」という様に、emフォントをpx単位で計算できるようにする...

100 Percent Pure CSS Layouts - Iron Myers100 Percent Pure CSS Layouts - Iron Myers [ 情報元へ ]
These CSS Layouts offer full Grade-A browser support. That means that these CSS Layouts will look and behave the same in all internet browsers, like ...

CSSでクールなタブUIを作成するサンプル:phpspot開発日誌CSSでクールなタブUIを作成するサンプル:phpspot開発日誌 [ 情報元へ ]

[CSS]スクリプト無しでLightbox風に画像を拡大表示するスタイルシート | コリス[CSS]スクリプト無しでLightbox風に画像を拡大表示するスタイルシート | コリス [ 情報元へ ]
スクリプト無しでLightbox風に画像を拡大表示するスタイルシートをThe CSS Ninjaから紹介します。Futurebox, lightbox without the JavaScript demoデモでは各画像をクリックすると、ブラウザの表示領域全体をオーバーレイ表示にし、画像を拡大表示...

[CSS]背景が透けるカラムを実装するスタイルシート | コリス[CSS]背景が透けるカラムを実装するスタイルシート | コリス [ 情報元へ ]
Bits & Pixelsのエントリー「Cross-browser transparent columns」から、背景が透けるカラムを実装するスタイルシートを紹介します。CSS箇所#column-1{position:relative;float:left;width:500px; /* reme...


[ ← 前の画面に戻る ]
[ スポンサード リンク ]
[ 今日のWebデザイン ]
追加
[ 追加された期間を表示 ]
ユーザー
[ コメントの多いユーザー ]
ピックアップ
webdesign』 の注目情報

Frustrated with the quality of free CSS templates online but aren’t quite to the level of building your own? Tired of spending hours trying to custom...

2010/08/28 0:44:55
   css まとめ WebDesign レイアウト design
人気のタグ
ブックマーク
RSS配信中
CSSのテクニックとトピックのまとめ | Cascading Style Sheets