BEMによるフロントエンドの設計 | 第1回 基本概念とルール
BEMによるフロントエンドの設計 第1回 基本概念とルール この記事ではフロントエンドの設計方法「BEM」を紹介します。第1回目はBEMのもっとも基本となるBlock、Element、Modifierの概念と、class名の命名ルールを解説しています。 はじめに 最近フロントエンド界隈で、『BEM』という言葉を見かけることが増えてきました。BEMとは、Block、Element、Modifierの略語です。Webサイトのコンポーネント化のためのフロントエンド設計方法のひとつで、厳格なclass名の命名ルールが特徴的な手法です。 第1回は、BEMをまったく知らない方向けの入門編です。 なぜBEMが必要なのか 私たちはHTMLとCSSを使うことでしか、Webサイトを作ることができませんが、HTMLとCSSにはプログラム的な機能が備わっていません。そのために、フロントエンドエンジニアは次のような
Flash（.swf）がメニューを隠してしまう問題 | spirograph
自分用の備忘録。 上の図のように、ドロップダウンメニューがすぐ下のFlashに重なると、 Flashの方が上に来てしまい、メニューが見えなくなってしまう問題（主にIE）の解決方法。 ※「AC_RunActiveContent.js」使用の場合 1) JS での呼び出し部分に「'wmode', 'opaque',」追加 2) object タグ内に下記追加 <param name="wmode" value="opaque" /> 3) embed タグ内に「wmode="opaque"」追加 ※ opaque は、transparent でもいいみたいだが、古いIEで不具合があるらしい（未確認） 4) Flash を表示する div に「position:absolute; z-index:1;」のCSS追加 5) メニューの div には「position:absolute; z-ind
ＣＳＳメニューバーあれこれ
◎ ＣＳＳによる格納式メニューバー ページ数の多いホームページになると、当然ながらサイトの目次とも言うべきメニューバーも一工夫したいところです。 例えばフレームページの場合ですと、画面の上部か左部を区切ってメニュー欄とすることが多いのですが、メニュー項目を並べてあるだけなら、内容量が多いとメニュー欄をスクロールしないと納まらないようになってきます。 私の個人的な意見ですが、本文のスクロールは許せるのですが、メニュー項目までスクロールバーが出ているのはちょっと敬遠してしまいます。すごくなってくると画面を３分割・４分割し、それぞれに縦横スクロールバーが付いているなんていうページも稀にありますが、まことにうっとうしく感じてしまいます。 そういう場合に重宝なのが「格納式」あるいは「折りたたみ式」とも言えそうなメニューバーです。閲覧者にとって不必要な時は非表示とし、必要な時だけ表示されるよう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons | Font Awesome
グリッドシステムで段組を作る例1 - ツイッター・ブートストラップ使用例
IDEA * IDEA
css-lecture.com
はてなブログ | 無料ブログを作成しよう