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にはプログラム的な機能が備わっていません。そのために、フロントエンドエンジニアは次のような
Web Painter
新Web Painter （ウェブペインター）はホームページ制作を支援する、色彩情報サイトです。 オリジナルカラーチャート・配色サンプル・配色テクニック・web用素材をご提案いたします。
ホームページデザインの変化
Webデザインは安定している。平均的なホームページは1年前の状態から約40％しか変わっていない（完全なデザイン変更には2年半かかることになる）。 Homepage Design Changes by Jakob Nielsen on September 24, 2012 日本語版2012年10月5日公開 私たちは19年間、さまざまなホームページのスクリーンショットを1年に1度収集してきた。スクリーンショットを各々、前年のものと比べれば、ホームページのデザインの年率変化率を見積もることができるからである。 では収集期間を通しての典型的な例をいくつか見ていくことから始めよう。 1994年から1995年にかけてのMicrosoft： 100％の変化 これらはウェブ創世記における古典的なホームページである。つまり、図とデザインを多用し、GUI（グラフィカルユーザーインタフェース）に関する伝統的な約
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ナブコ自動ドア
RHODIA
レスポンシブWebデザインの基礎
