タグ

ブックマーク / webdrawer.net (2)

  • 効率よく作るために私がしているCSSファイル分割方法

    CSSレイアウトで組む事が一般的となった昨今、記述するCSSの量が増えてきたので複数のCSSファイルで管理することが多くなってきました。 どういう基準でファイルを分割するかはそれぞれですし、サイトを見ても様々なやり方があるようです。 基的にはどこに何のCSSが書いてあるかわかるような仕様書があり、分かりやすければどんな分割の仕方でもいいと思います。 今回は、自分がよくやるCSSファイルの分割の方法をまとめてみました。あくまで自分がよくやってるものですので、こういうやり方もあるよと教えていただけますと嬉しいです。 なお、説明文中に記載しているCSSのファイル名は自分がよく付けている名前なだけです。 分割しない 分割の話をしておいていきなり何ですが、分割しない時もありますよね。スタイルのリセットから全部まとめます。 ページ数が少ないキャンペーンページ等に使っています。記述するCSSが少なそう

    効率よく作るために私がしているCSSファイル分割方法
  • Facebookなどで使われている「OGP」の一覧

    FacebookなどのSNSで自分のサイトを紹介する際に使うOGPを一覧にしてみました。 特に絶対に指定しなければいけないものではないですが、どのテキストや画像が紹介した先で使われるかわかりませんので、 できれば指定しておきたいものです。 だいたい基情報の「タイトル」「表示される画像のパス」「概要を説明する文章」を指定する事が多いかなと思います。 基情報 <meta property="og:title" content="タイトル" /> <meta property="og:type" content="オブジェクトのタイプ" /> <meta property="og:url" content="このページのURL" /> <meta property="og:image" content="表示される画像のパス" /> <meta property="og:descriptio

    Facebookなどで使われている「OGP」の一覧
  • 1