【CSS】共通パーツには「BEM」の命名規則を使おう | たねっぱ！
WEBサイトの運用・保守時や大規模サイトの構築時には致命的になりかねないそんなモジュールのスタイルのバッティング問題。その解決方法の１つである「BEM」に関して今回はご紹介したいと思います。 複数のページに共通して登場するデザイン（以降モジュールと呼びます）のCSSを共通CSSファイルに書いたら、ページ毎のCSSとバッティング（名前が被ること）して困った経験は無いでしょうか？ WEBサイトの運用・保守時や大規模サイトの構築時には致命的になりかねないそんなモジュールのスタイルのバッティング問題。その解決方法の１つである「BEM」に関して今回はご紹介したいと思います。 具体的な例を上げて説明 モジュール作成 例えばこのようなパーツのデザインカンプがあったとします。 このデザインは複数のページに登場するため、モジュールとしてHTMLとCSSは以下のように記述したとします。 <div class=
URL最適化5つのSEOポイント | エンジニアのためのSEO入門
前回の記事では検索エンジン全体の仕組みをおさらいし、その中でもクローラーの動きに着目しました。最新の情報を検索結果に反映させるためには、クローラーになるべく多くの回数自社サイトを訪問してもらい、ページの内容を適切な情報としてインデックスしてもらう必要があります。 このインデックスの際に重要なのが、サイトに対するクローラーの回遊性「クローラビリティ」です。クローラビリティを向上させる要素の1つとして、URLの最適化があげられます。SEOには、キーワードやカテゴリの設計、HTMLの最適化、外的施策などさまざまな対策が考えられますが、その中でもURLの最適化は、最も重要な要素の1つです。いくら他の対策が完璧でも、URLの設定によってはいい効果が期待できません。 一口にURLの最適化といってもさまざまです。この連載では、以下の3つの方法を説明していくことにしたいと思います。 永続化 ←この記事で解
魅力的な小説サイトをつくろう！--[3]まずは設計図を書こう
さて、ディレクトリ構造の話がでてきたので、Webサイトを運営するにあたって覚えて置いて絶対に損はしない、ファイル名、ディレクトリ名の話をしておきましょう。 このファイル名、ディレクトリ名はWebサイトのURLとなるため、とても責任重大です。リンク集や検索エンジンなどからジャンプする場合はさほど気にならないでしょうが、例えば紙に書いたもの（書籍や雑誌、あるいは名刺など）を直接Webブラウザのアドレスバーに打ち込むこともあります。その場合、覚えやすくて打ち間違いのおそれがない、簡単な名前がいちばんです。 プロバイダーで間借りしている場合、http://www.xxx.ne.jp/~xxx/index.htmlというURLになることがほとんどですが、実はこの「~（チルダーと呼びます）」をキーボードから入力できない人はたくさんいるんですヨ（WindowsやG4以降の黒いキーボードなら、いちばん右上
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
