chalcedonyのクリップ (2723) / CSS (104)
-
昔の記事には注意を出すことにした - by edvakf in hatena
公開から時間がたって、情報が正しくなくなってしまったかもしれない記事に自動的に注意書きを表示する。CSSの擬似要素を使って、URLに含まれる日付が古い記事のタイトルに文を追加してる。日付は手動で書き込まないといけないけど、逆に言えば個別に指定できるから柔軟にやれるのかもね。ブログシステム側にこういう機能があってもいいなーと思う（使う人は限られそうだけど）。
-
バシャログ。 - Safari 3.1とCSS transforms and transitionで遊ぶ！
CSS Transformsの簡単なデモいくつか。CSSだから、マウスオーバーでアニメーションさせるのが擬似クラスhoverだけでできる。面白いなあ
-
普通の検索ボックスを作りました - 最速チュパカブラ研究会
CSS Transformsでぐりぐり動かせる3Dな箱を作る遊び。HTML要素を変形させてるので、中身も入れ替え可能。なんだこれすげー！
-
[css] @importを使うべきでない理由 | Screw-Axis
CSSファイルの平行ダウンロードを阻害する（特にIEで顕著）、読み込み順序が変わってしまう可能性がある、の２点。上手く使えばブラウザ判別に役立つらしいけど、それを意図しない場合はなるべく避けたほうがいいのかも。
-
[CSS]印刷用のスタイルシートがグッとよくなる、3つのポイント | コリス
テキストの色と位置を調整、改ページ指定、は当然考えるけど、リンク先のURL表示は思いつかなかった。擬似要素のafterを使ってa要素のhref属性を挿入、なるほどねー。
-
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials | CSS | Smashing Magazine
CSS Spritesについてのリンク集。実例、解説記事、ツール類など。英語。
-
[CSS]うっかりでは済まないスタイルシートの記述の間違い集 | コリス
これらの多くはシンタックスハイライトのできるエディタ使えば防げる気がするんだ
-
10 Cool Things We’ll Be Able To Do Once IE6 Is Dead
IE6がいなくなったらできること＝IE6に対応する気があるなら使ってはいけないもの
-
-
続・FireFoxのテキスト自動改行 - Affirmative Way
word-breakと­（ソフトハイフン）の各ブラウザ挙動。/ <wbr>ハックって初めて聞いたわ
-
マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
マークアップエンジニアがディレクターに知っておいてほしいと思ってること
-
hasLayout を false にするには | ヨモツネット
継承などでhasLayoutがtureになってしまった場合、原因となるプロパティを規定値で上書きすればfalseに戻せる。メモ。
-
非推奨 / 廃止要素や属性の使用を防ぐ CSS | ヨモツネット
廃止・非推奨・独自拡張の要素や属性、CSSで代用可能な指定が含まれたHTMLに読み込ませると、該当する部分について派手な警告を表示してくれるCSS。擬似要素:beforeのcontentプロパティで警告文を追加してる。なのでIE7未満は非対応。/ 確認用もしくは教育用って感じか。
-
JavaScript / CSS Font Detector - Detect fonts available in a browser | lalit.org
特定のフォントが閲覧者のパソコンにインストールされているかどうかをCSSとjavaScriptを使って調べる方法。font-familyを一般的な指定（sans-serifとか）にした状態での高さ・幅を、調べたいフォントに指定した状態のそれと比較し、異なっていればフォントがインストールされている（指定したフォントで表示された）と判明する。簡単だけど頭いいなあ。
-
Free CSS navigation menu templates | Lord of Design - Download, vector, design, brushes, psd
ナビゲーションメニュー58個詰め合わせ。画像やjsの必要なものはそれも付属してる。シンプルだし、そのままでも使えそうな感じ……
-
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
セレクタの実行結果を再利用する、クラス名だけの指定をしない、id指定を使う、「>（子供セレクタ）」を活用する。/ とにかく、セレクタはDOM走査をなるべく減らせるよう指定するとよい。そのためには内部で何をしてるか知らないとね / end()とfind()を使おう……ややこしくなるけど。
-
Solucija − Free CSS Templates
商用利用可の無料テンプレート。著作権表示も義務ではないみたい。あっさりした雰囲気のものが多い。
-
無料で使えるCSSのテンプレート配布サイト8選 | CREAMU
リンク先は海外。リンクたどると有料なものもあったりするから注意。
-
float関連の問題で覚えておくべき５つの対策 | THE HAM MEDIA
『５）IE6で要素の末尾の文字が複製される』これは初めて見た。知らないとはまりそうだ。コメント削除が一番手っ取り早い。
-
