タグ

CSSに関するpchatsuのブックマーク (3)

  • 【Facebook】Open Graph Protocol 説明:プロジェクトマネジメント10.0:オルタナティブ・ブログ

    ブログ引っ越しました→「Looops 直人の備忘録」 ◆関連記事 【Facebook】Social Plugin 説明 2010/04/23 【Facebook】Graph API の説明 2010/04/30 お世話になっております。 ループス岡村直人です。 翻訳というほど厳密でもない、でも解説というほど詳しくもない、どっちつかずの Facebook Open Graph 関連エントリも、今回で最終回とあいなりました。 対象はFacebook.com上のドキュメントのうち、Open Graph Protocol に関する部分です。 認識違いや不明点等、お気づきの点がありましたらご指摘いただけると幸いです。 ◆Open Graph Protocol を5秒で説明すると Open Graph という仕組みによって、FacebookのコンテンツはFacebook.comの外の世界にも広がってい

    【Facebook】Open Graph Protocol 説明:プロジェクトマネジメント10.0:オルタナティブ・ブログ
  • CSSセレクタ20個のおさらい

    CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

    CSSセレクタ20個のおさらい
  • IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎

    IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー!」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含

    IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
  • 1