CSS3 Linear Gradients (new style syntax)
Safari 4+ supports a different syntax for linear gradients. Safari 5.1+ supports the newer style syntax (as well as the older style). Gradients are an experimental feature, and it's likely the syntax will change before they are finalized. At present, all these browsers require the appropriate vendor specific prefix.
ゆの in ドット絵 - 聴く耳を持たない(片方しか)
b:t:ゆの in language 様々な言語でアニメ「ひだまりスケッチ×365」の主人公ゆのを表現するのが流行ってますが、プログラムはあまり得意ではないので、ドット絵で。当然「ゆの in language」のカテゴリからはずれますが、気にしない。 まぁ深く考えない方向で。 < ひだまりスケッチ×365 来週も見てくださいね! こんな感じ。 また、これ以外でも < いぇす!アスミス! とか < フミヤなめんな! でも可です。 [アニメよりラジオ寄り][ひだまりラジオ×３６５] あと、うめてんてー（原作者の蒼樹うめ先生）もドット絵で作ってみました。 < 来週も見てね! サイズはゆのが16×10ピクセル、うめてんてーは16×16ピクセル。両方16ピクセル四方で揃えてもいいかとも思ったのですが、小さい方が使いやすいかなと。 関連リンク ゆの in Ruby - 冬通りに消え行く制服ガールは、夢
Mozilla Japan ブログ - Firefox 3 の修正内容のご紹介 その3 ― URLも改行されるように
Firefox 2 までは日本語ではないテキストでは、Web デザイナの方がトリックを使わない限り、半角スペース (U+0020) 以外では改行されませんでした。そのため、長い URL が以下のようにはみ出したり、これが原因で Web ページ全体のデザインが壊れたりすることがありました。 これが、Firefox 3 では以下のように改行されるようになりました。 この修正は、多くの Internet Explorer (以下 IE) 向けにのみデザインされた Web ページの表示を、そのデザイナの意図通りに表示できるようになったことを意味します。 それでは、 Web デザイナの方には細かい仕様や注意点について、少し詳しい解説をさせて頂きます。デザイナの方が気になるのは、IE との互換性かもしれません。しかし、Firefox 3 のレンダリングエンジン、Gecko 1.9 は IE と全く同じ
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
可変幅で両側にドロップシャドウ（div一重で）
てんぽ: 可変幅で両側にドロップシャドウ（div一重で） CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど background-positionを%単位で指定し、ドロップシャドウ用の画像の大きさを調整することで、 画面の両側に影をつけたリキッドデザイン（画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会のような）を実現できます。 しかも必要となるdivはひとつだけです。 このようなデザインでは divを二重にして一方のdivの左端に左側用の影画像を、もう一方のdivの右端に右側用の影画像を背景画像として指定するのが簡単です。 <div id="left"> <div id="right"> </div> </div> #left { width: 90%; margin: auto; background: url(shadow-left.gif) top
主要ブラウザのデフォルトCSS - 我的春秋
久々の CSS ネタにも関わらず、メモ程度の備忘録ですが、W3C CSS 2.1 勧告候補の Appendix にある、HTML 4 の推奨デフォルトスタイルと、現時点で僕が把握している主要ブラウザのデフォルトCSS の在りかのリストです。ネタ元は Accessify Forum: list of browsers' default CSS（via e-luck さんのブックマーク）です。 （※ Mac OS X 10.4、Windows 2000 で確認していますので、10.3 + IE 5 や Vista + IE 7 はチェックできていません。XP + IE 7 はそのうち実家の端末で確認する予定。）
IE7 の隣接セレクタで気が付いたこと
「画像の使用を（略）CSS大会」 に応募した自分の作品を、IE7 で見てみたんですが、なぜか隣接セレクタ （E + F） がまったく適用されていないのに気がつき... 「画像の使用を（略）CSS大会」 に応募した自分の作品を、IE7 で見てみたんですが、なぜか隣接セレクタ （E + F） がまったく適用されていないのに気がつきました。 IE7 は隣接セレクタに対応してるはずなのでおかしいな、なんか自分の書き方がおかしいのかな？なんて思って、手元にある CSS をいじったりしてみたのですがまったく効果なし。何でだろうと思って HTML 文書の方を見て、何気なくソース内のコメントを削除してみたら...... 普通に適用されてる...... orz 該当する HTML ソースは下記の通り。 <div id="navigation"> <h2>Contents</h2> ...中略... </di
hxxk.jp - CSS の記述ルール記事のまとめ
いまだに私自身「これだ ! 」という答えを見出していないのですが、 CSS の記述ルールって絶対的な正解ってありませんよね ? ちょっと私が知っている範囲で明文化されている CSS の記述ルールを集めてみましたので、それを元に絶対的な正解のルールではなく、最大公約数的なルールを模索してみたいと思います。 ちなみに、今回模索するのは Lucky bag::blog: CSS を作成する際のお約束やデフォルトスタイルの差異を無くすCSS のような Tips ではなくて、あくまで .css ファイルを書き上げる際のルールのことです。 それと、取り上げた記事は順不同です。 書き上げてから、公開日時順にした方が良かったかなあとも思いましたがもうこのままで公開。 Type selectors を XHTML Abstract Modules の順番に沿って記述 - hxxk.jp ガイドラインを作成お
miniturbo::Blog html要素とbody要素のbackground-color
まず、XHTML1.0 Strictで以下のようなページを作成します。 <?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>html,body要素の考察</title> </head> <body> <h1>html,body要素の考察</h1>
willmayo.com » CSS Speech Bubbles
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
デフォルトスタイルの差異を無くす CSS
2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿
CSSでテキストにドロップシャドウをかける - アップル - eNews Web - Tips & Tricks
CSSには、文字にスタイルを与えるためのさまざまな定義が用意されています。その中には、Safariのみが先行して実装しているものもあります。それが「テキストのドロップシャドウ」です。見出しのテキストなどでドロップシャドウを使用したい場合、通常ならばPhotoshopなどで影をつけてグラフィック化しますが、CSSを使えば文字としての属性を損なうことなくドロップシャドウを利用できます。現在のところCSSでドロップシャドウを再現できるのはSafariのみですが、非対応のブラウザでは通常のテキストとして表示されますので、Webサイトの更新作業や修正作業にぜひご活用ください。 1.外部スタイルシートでテキストのドロップシャドウを指定する テキストのドロップシャドウは、以下のように記述します。 text-shadow: 4px 4px #999999 「text-shadow:」の後の1つめの
CSS Hacks
Back to Web Devout home CSS hacks Dealing with browser inconsistencies often makes up a majority of the work for a web designer. Sometimes there is no reasonable way to accomplish a desired layout in all major web browsers without the use of some special exception rules for certain layout engines. Hacks necessarily lead to potential complications and should be avoided whenever possible, but when t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
49885’s gists
MXR is retired)
IHTMLStyle interface (Windows)
:nth-child()
http://mynotes.jp/blog/2007/10/the_same_height_columns
Internet Explorer 7.0 に関するカスケード スタイル シートの互換性
http://mastodon.dojotoolkit.org/~david/recss.html